button.i {
  border: none;
  background: none;
  width: auto;
  padding: 0;
}
button.i:disabled {
  cursor: not-allowed;
}
textarea {
  font-family: sans-serif;
  font-size: 1em;
}
input[type='radio'] {
  font-size: 12px !important;
  width: 20px;
}
input[type='radio']:disabled:after {
  border: 2px solid gray;
}
input[type='radio']:after {
  width: 13px;
  height: 13px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: white;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid black;
}
input[type='radio']:checked:before {
  width: 13px;
  height: 13px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #0085ff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #0085ff;
  /*border: 2px solid #ffa500;*/
  /*    z-index: 10;*/
}
input[type='radio']:checked:after {
  width: 9px;
  height: 9px;
  border-radius: 15px;
  top: -20px;
  left: 1px;
  position: relative;
  background-color: #0085ff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
  /*    z-index: 11;*/
}
.btn-border {
  font-size: 1em;
  font-weight: bold;
  padding: 10px 15px 10px 15px;
  background-color: #0085ff;
  border: 2px solid Transparent;
  border-radius: 5px;
  cursor: pointer;
}
.btn-border:disabled {
  background-color: #79bfff;
  cursor: default;
}
.btn-border:active:enabled {
  background-color: #0085ff;
  cursor: default;
  border: 2px solid #946102;
}
.btn-border:enabled:hover {
  filter: brightness(90%);
}
.Err,
.err {
  color: red;
}
.Ok,
.ok {
  color: green;
}
.alerte {
  color: orange;
}
.green {
  color: green;
}
.red {
  color: red;
}
.orange {
  color: orange;
}
.consigne {
  color: #0085ff;
}
.disabled {
  color: #a4a4a4 !important;
  cursor: not-allowed !important;
}
.mh {
  max-height: 10000px;
}
.modal-label-for {
  margin-left: 10px;
}
select.w-auto {
  width: auto !important;
}
.ico-lg {
  font-size: 1em;
}
.ico-xl {
  font-size: 2em;
}
.zone-info {
  margin-top: 5px;
  font-size: 0.8em;
}
@media screen and (max-width: 1024px) {
  input[type='radio']:after {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    top: -18px;
    left: -10px;
  }
  input[type='radio']:checked:before {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    top: -18px;
    left: -10px;
  }
  input[type='radio']:checked:after {
    width: 16px;
    height: 16px;
    border-radius: 30px;
    top: -50px;
    left: -5px;
    border: 4px solid white;
  }
  select {
    font-size: 40px;
  }
  .ico-lg {
    font-size: 1.25em;
  }
  .ico-xl {
    font-size: 1.75em;
  }
}