﻿#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin1], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin1] {
    background: #ffffff; /* For white toolbar. */
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin1], #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin1] {
    background: #ffffff; /* For white toolbar. */
}

.nav-toggler {
    display: none !important; /* Hide this, it is not needed. */
}

.topbartoggler {
    display: none !important; /* Hide this, it is not needed. */
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
    padding-top: 75px; /* To bring the Vendor Inquiry form title up, just underneath the toolbar. */
}

.page-titles .text-themecolor {
    color: #002e5d; /* Denver Water dark blue. */
}
/* Accessibility contrast fix */
.footer {
    background-color: #007dba;
    color: #fff;
}

/* Accessibility contrast fix */
.btn-primary {
    background-color: #007dba;
    border-color: #007dba;
}

/* Accessibility contrast fix */
.validation-message {
    color: #cd2026;
    margin-top: 2px;
}

/* Accessibility contrast fix */
.text-danger {
    color: #cd2026;
}

/* Accessibility contrast fix */
.btn-danger {
    background-color: #cd2026;
    border-color: #cd2026;
}

/* Accessibility contrast fix */
code {
    color: #cd2026;
}

/*.form-check-input {
    border: 2px solid rgba(254, 14, 81, 0.95);
    background-color: green;
}
.form-control, .form-select{
    border-width: 3px;
}

.form-control:focus, .form-select:valid:focus {
    box-shadow: none;
    border: 3px solid #00627f;
}*/

/*.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: green !important;
}

.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25)
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}

.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    background-color: #C8FFC8;
}
*/