/* Loaded after sb-admin-2.css so these win over the theme and css/all.css. */

.skip-link {
    position: absolute;
    left: 8px;
    top: -60px;
    z-index: 2000;
    padding: 8px 16px;
    background: #fff;
    color: #2e59d9;
    border: 2px solid #2e59d9;
    border-radius: 4px;
}
.skip-link:focus {
    top: 8px;
}
#main-content:focus {
    outline: none;
}

/* Theme link blue #4e73df is 4.3:1 on white; this is 5.9:1. */
#content a:not(.btn):not(.page-link):not(.dropdown-item) {
    color: #2e59d9;
}

/* all.css strips outlines from inputs and the filter selects. */
#app input:focus-visible,
#app select:focus-visible,
#app textarea:focus-visible,
#app button:focus-visible,
#app a:focus-visible,
#wrapper input:focus-visible,
#wrapper select:focus-visible,
#wrapper textarea:focus-visible,
#wrapper button:focus-visible,
#wrapper a:focus-visible,
#wrapper .bootstrap-select .dropdown-toggle:focus {
    outline: 2px solid #2e59d9 !important;
    outline-offset: 2px;
}

/* Validation text was pink #F178B6 at 12px (2.6:1). */
.help-block.form-error {
    color: #b4235f;
    font-size: 13px;
}
.form-control.error,
input.error,
select.error,
textarea.error {
    border-color: #b4235f;
}

/* Placeholder and empty-picker grey was about 2.8:1 on the light field background. */
#wrapper ::placeholder,
#wrapper .bootstrap-select .filter-option-inner-inner {
    color: #6e707e;
    opacity: 1;
}
#wrapper .bootstrap-select .dropdown-toggle.bs-placeholder,
#wrapper .bootstrap-select .dropdown-toggle.bs-placeholder:hover,
#wrapper .bootstrap-select .dropdown-toggle.bs-placeholder:focus {
    color: #6e707e;
}