/* EHR global form focus — one active field at a time across Create/Edit and all forms */
.form-control,
.form-select {
    border-width: 2px;
    border-style: solid;
    border-color: #A9E0FF !important;
    box-shadow: 0 1px 6px 0 rgba(27, 33, 57, 0.08) !important;
    background-color: #fff !important;
    border-radius: 0.475rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.form-control:focus,
.form-control:focus-visible,
.form-select:focus,
.form-select:focus-visible {
    border-color: #57a2c7 !important;
    box-shadow: 0 1px 10px 1px rgba(27, 33, 57, 0.16) !important;
    background-color: #F6FBFF !important;
    outline: none;
}

/* Drop Metronic sticky active/focus look after blur */
.form-control.form-control-solid:active:not(:focus),
.form-control.form-control-solid.active:not(:focus),
.form-control.form-control-solid.focus:not(:focus) {
    border-color: #A9E0FF !important;
    box-shadow: 0 1px 6px 0 rgba(27, 33, 57, 0.08) !important;
    background-color: #fff !important;
}

/* Autofill must not look focused */
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover {
    -webkit-text-fill-color: #181c32;
    box-shadow: 0 0 0 1000px #fff inset, 0 1px 6px 0 rgba(27, 33, 57, 0.08) !important;
    border-color: #A9E0FF !important;
    transition: background-color 99999s ease-in-out 0s;
}

.form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #181c32;
    border-color: #57a2c7 !important;
    box-shadow: 0 0 0 1000px #F6FBFF inset, 0 1px 10px 1px rgba(27, 33, 57, 0.16) !important;
}

/* Select2 / form-select-solid dropdowns */
.select2-container .select2-selection {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #A9E0FF !important;
    box-shadow: 0 1px 6px 0 rgba(27, 33, 57, 0.08) !important;
    background-color: #fff !important;
    border-radius: 0.475rem !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.select2-container.select2-container--focus .select2-selection,
.select2-container.select2-container--open .select2-selection {
    border-color: #57a2c7 !important;
    box-shadow: 0 1px 10px 1px rgba(27, 33, 57, 0.16) !important;
    background-color: #F6FBFF !important;
}