/* Load LAST, after Metronic and custom-ui.css. No wrapper class required.
   Visual changes only. Does not change field names, routes or validation. */
body :is(input.form-control,input.input,input.input-solid,textarea.form-control,textarea.input,select.form-control,select.form-select):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not(.select2-hidden-accessible):not(.select2-search__field) {
  background-color:#f4f8fc !important;
  border:1px solid #dbe5ed !important;
  border-radius:10px;
  color:#173d4c !important;
  box-shadow:none;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body :is(input.form-control,input.input,input.input-solid,textarea.form-control,textarea.input,select.form-control,select.form-select):not(.select2-hidden-accessible):not(:disabled):not([readonly]):hover {
  border-color:#00a5ad !important;
  background-color:#eefafa !important;
}
body :is(input.form-control,input.input,input.input-solid,textarea.form-control,textarea.input,select.form-control,select.form-select):not(.select2-hidden-accessible):not(:disabled):not([readonly]):focus {
  border-color:#008f98 !important;
  background-color:#f1fbfb !important;
  box-shadow:0 0 0 2px rgba(0,143,152,.25) !important;
  outline:2px solid transparent;
  outline-offset:2px;
}
body :is(input.form-control,input.input,input.input-solid):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus) {
  -webkit-text-fill-color:#173d4c !important;
  -webkit-box-shadow:0 0 0 1000px #eef5ff inset !important;
}
body :is(.form-control,.form-select,.input,.input-solid):is(:disabled,[readonly]) {
  background-color:#edf1f4 !important;
  border-color:#dbe2e8 !important;
  color:#667984 !important;
  box-shadow:none !important;
}
body :is(.form-control,.form-select,.input,.input-solid):disabled {cursor:not-allowed}
body :is(.form-control,.form-select,.input,.input-solid):is(.is-invalid,[aria-invalid=true],.error) {
  border-color:#c33d53 !important;
  background-color:#fff6f7 !important;
}
body :is(.form-control,.form-select,.input,.input-solid):is(.is-invalid,[aria-invalid=true],.error):focus {
  box-shadow:0 0 0 2px rgba(195,61,83,.2) !important;
}
body .select2-container .select2-selection {
  border:1px solid #dbe5ed !important;
  border-radius:10px;
  background-color:#f4f8fc !important;
}
body .select2-container:not(.select2-container--disabled) .select2-selection:hover {
  border-color:#00a5ad !important;
  background-color:#eefafa !important;
}
body :is(.select2-container--focus,.select2-container--open):not(.select2-container--disabled) .select2-selection {
  border-color:#008f98 !important;
  box-shadow:0 0 0 2px rgba(0,143,152,.25) !important;
}
body .select2-container--disabled .select2-selection {background-color:#edf1f4 !important}
body :is(.is-invalid,[aria-invalid=true]) + .select2-container .select2-selection {border-color:#c33d53 !important}
body .input-wrap:focus-within :is(.input-tail,.input-wrap__btn) {color:#008f98}
body form :is(.btn-primary,.btn-brand,.offto-btn) {
  background-color:#08779f !important;
  border-color:#08779f !important;
  color:#fff !important;
  border-radius:10px;
}
body form :is(.btn-primary,.btn-brand,.offto-btn):not(:disabled):not(.disabled):hover {
  background-color:#008b94 !important;
  border-color:#008b94 !important;
}
body form :is(.btn-primary,.btn-brand,.offto-btn):focus-visible {
  outline:3px solid #00a5ad;
  outline-offset:3px;
}
body form :is(input[type=checkbox],input[type=radio]) {accent-color:#008f98}
@media(prefers-reduced-motion:reduce) {
  body :is(.form-control,.form-select,.input,.input-solid) {transition:none}
}