/* Platform-wide focus ring: none after mouse/touch, brand ring for keyboard. Load after Bootstrap. */

a:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.btn:active:focus:not(:focus-visible),
.btn.active:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible),
input[type=radio]:focus:not(:focus-visible),
input[type=file]:focus:not(:focus-visible) {
    outline: none;
}

:focus-visible,
a:focus-visible,
.btn:focus-visible,
.btn:active:focus-visible,
.btn.active:focus-visible,
.dropdown-toggle:focus-visible,
.navbar-toggle:focus-visible,
input[type=checkbox]:focus-visible,
input[type=radio]:focus-visible,
input[type=file]:focus-visible {
    outline: 2px solid #00b4e6;
    outline-offset: 2px;
}

/* bootstrap-select forces its ring with !important */
.bootstrap-select .dropdown-toggle:focus:not(:focus-visible) {
    outline: none !important;
}

.bootstrap-select .dropdown-toggle:focus-visible {
    outline: 2px solid #00b4e6 !important;
    outline-offset: 2px !important;
}

/* Containers focused by script (modals etc.), not by the user */
.modal:focus-visible,
.modal-content:focus-visible,
[tabindex="-1"]:focus-visible {
    outline: none;
}