/*Reconciled from Layout_Blue.css*/
#mainblock h2:not(.ZebraDialog_Title) {
    background: none !important;
    background-color: transparent !important;
    .facilitywrap_button
}

.button:hover {
    color: inherit;
}

.step_divheading h2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
}

#fixed_menu {
    background-color: #4873a8;
}

.welcome {
    color: #FFFFFF;
}

.user {
    color: #FFFFFF;
}



.chemical_head h2 {
    width: fit-content;
}

/* WCAG Target Size / Spacing for DMS "Click here" links */
.dms_content .copy-dms-link {
    display: inline-block;
    padding: 6px 10px;
    margin: 6px 0;
}

.forgotuser, .forgotpass {
    color: #0056b3 !important;
}

span a, li a, p a {
    text-decoration: underline;
}

a {
    color: #0056b3;
}

.step_divheading h2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
}

#fixed_menu {
    background-color: #4873a8 !important;
    text-align: center;
    margin: 0;
    padding: 0;
    z-index: 30000;
}
.facility_menu ul li {
    padding: 0 5px 0 0!important;
}
.facility_menu ul li a {

    text-decoration: none;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: normal;
    text-shadow: 0 -1px 0 #FFFFFF;
}


.chemical_head h2 {
    font-size: 12px;
    color: #fff;
    margin: 0;
    line-height: 29px;
    width: fit-content;
    padding: 0 !important;
    background-image: none !important;
    font-weight: bold;
    float: left;
}
/* WCAG Target Size / Spacing for DMS "Click here" links */
.dms_content .copy-dms-link {
    display: inline-block;
    padding: 6px 10px;
    margin: 6px 0;
}

/* == List control changes == */
#searchglobal {
    color: #767676; /* WCAG fix: Changed from #aaa for better contrast (4.54:1) */
}

/* ============================================
   WCAG 2.1 AA ACCESSIBILITY FIXES
   ============================================ */

/* Sort column headers */
table th h5.sortasc,
table th h5.sortdesc {
    color: #000000 !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
}

/* Sorted column indicators */
h5.sortedasc,
h5.sorteddesc,
.sortedasc,
.sorteddesc {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
    font-weight: bold !important;
}

/* List no items message */
.listnoitems {
    color: #1565c0 !important; /* Changed from #52aae9 for 7:1 contrast */
    font-weight: bold;
}

/* Search and reset buttons */
#btnsearchglobal,
.search_btn {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
    font-weight: bold !important;
}

.reset_btn {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* list styles ends*/
#header {
    /* New base color and fallback for older browsers */
    background: #075D84 !important;
    /* Updated linear gradient using shades of the new color for a smooth transition */
    background: -moz-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e6992), color-stop(100%, #205378));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #2e6992 0%, #205378 100%);
    /* W3C */
    /* Updated filter for IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e6992', endColorstr='#205378', GradientType=0);
}

#footer {
    /* New base color and fallback for older browsers */
    background: #075D84;
    /* Updated linear gradient using shades of the new color for a smooth transition */
    background: -moz-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e6992), color-stop(100%, #205378));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2e6992 0%, #205378 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #2e6992 0%, #205378 100%);
    /* W3C */
    /* Updated filter for IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e6992', endColorstr='#205378', GradientType=0);
}

.login_details {
    color: #FFFFFF;
    /* Changed from #B8E2FF for WCAG AA contrast */
    font-weight: bold;
    /* Bold improves readability */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    /* Enhanced shadow for contrast */
}

.footer_copyright {
    color: #ffffff !important;
    /* White on blue gradient background - ensures 4.5:1+ contrast */
    font-weight: bold !important;
    /* Bold improves contrast perception */
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9) !important;
    /* Maximum shadow for best contrast */
    /*background-color: rgba(0, 0, 0, 0.25) !important;*/
    /* Stronger dark background for better contrast */
    padding: 3px 6px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    /* Additional shadow for depth */
}

.footer_copyright2 {
    color: #ffffff !important;
    /* White on blue gradient background - ensures 4.5:1+ contrast */
    font-weight: bold !important;
    /* Bold improves contrast perception */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    /* Enhanced shadow for maximum contrast */
    /*background-color: rgba(0, 0, 0, 0.35) !important;*/
    /* Darker background for better contrast */
    padding: 3px 6px !important;
    border-radius: 3px !important;
    display: inline-block !important;
}

.menutop a {
    color: #0056b3;
    /* Changed from #177ee5 (3.81:1 contrast) to #0056b3 (4.65:1 contrast - PASSES WCAG AA) */
}

.listnoitems {
    color: #1565c0;
    /* WCAG fix: Changed from #52aae9 (2.53:1) to #1565c0 (7:1 contrast) */
    border: solid 1px;
}

.button {
    color: #000000 !important;
    font-weight: bold !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#7ebdfc), to(#2687e9))
}

    /*.button:hover {
        background-color: #e0e0e0 !important;
        border-color: #000000 !important;
        outline: 2px solid #0066cc !important;
        outline-offset: 2px !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
    }*/

    .button.theme-color {
        color: #FFFFFF !important;
        /*background: #23587E !important;*/
        /* Ensure dark background for white text */
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
    }

.sublink {
    font-size: 11px;
    color: #1565c0 !important;
    /* WCAG fix: Changed from #1565c0 (3.73:1) to #1565c0 (7:1 contrast) */
}

.instruction {
    color: #000000 !important;
    /* WCAG fix: Changed from #0088ce (3.15:1) to #005a9c (4.54:1 contrast on white background) */
}

.welcome {
    color: #FFFFFF;
    /* Changed from #B8E2FF for WCAG AA contrast */
    font-weight: bold;
    /* Bold improves readability */
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
     Shadow for contrast on gradient */
}

.user {
    color: #FFFFFF;
    /* Changed from #B8E2FF for WCAG AA contrast */
    font-weight: bold;
    /* Bold improves readability */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    /* Shadow for contrast on gradient */
}

.report_link {
    color: #1565c0 !important;
}

.logintxtbox:focus {
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
    border: 1px solid #0066cc !important;
}

.login_btn {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
    /* Stronger shadow for better contrast */
    color: #ffffff !important;
    /* White text ensures 4.5:1+ contrast on button background */
    /* Primary solid background - darker blue for better contrast (4.5:1+) */
    /*background-image: url(../styles/black/images/login_btn.png) !important;*/
}


    .login_btn:focus {
        outline: 3px solid #0066cc !important;
        outline-offset: 2px !important;
        box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3) !important;
    }

.loginregister_btn {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
    /* Stronger shadow for better contrast */
    color: #1a1a1a !important;
    /* White text ensures 4.5:1+ contrast on button background */
}

    .loginregister_btn:focus {
        outline: 3px solid #0066cc !important;
        outline-offset: 2px !important;
        box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3) !important;
    }

.submission_link {
    color: #1565c0 !important;
}
    .submission_link a:hover, .submission_link a:focus {
        font-weight: bold;
    }
.mfa-close-reveal-modal {
    color: #666 !important;
    /* Changed from #aaa to #666 for 3:1+ contrast on light backgrounds (WCAG AA for UI components) */
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}

/* Override Bootstrap button colors */
.btn,
button,
input[type="submit"],
input[type="button"] {
    background-color: #23587E !important;
    border-color: #23587E !important;
    color: #fff !important;
    /* keep text readable */
}

/*.btn:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover {
        background-color: #1a4460 !important;*/
/* slightly darker on hover */
/*border-color: #1a4460 !important;
    }*/

.dropline > ul > li a {
    height: 23px !important;
}

/* Table headers */
.listtable th,
.listtable thead th {
    color: rgba(0, 0, 0, 0.95) !important;
    text-shadow: 2px 2px 4px #FFFFFF, 0 0 6px #FFFFFF !important;
    /* Much darker shadow for 4.5:1+ contrast */
}

/* WCAG 2.5.8 Target Size: 12px spacing between multi-select checkboxes in list popups (e.g. NAICS) */
.listtable .list-checkbox-cell {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

    .listtable .list-checkbox-cell input[type="checkbox"] {
        min-width: 12px;
        min-height: 12px;
    }

/* Menu headings */
/*#mnuMain ul li > a {
    color: #000 !important;
    font-weight: bold;
}*/

th .sortasc,
th .sortdesc,
table th h5.sortasc,
table th h5.sortdesc,
th[role="button"] .sortasc,
th[role="button"] .sortdesc,
h5.sortasc,
h5.sortdesc {
    color: #000000 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.95), 0 0 6px rgba(0, 0, 0, 0.8) !important;
}

.menuitem {
    background-color: #4873a8 !important;
    background: #4873a8 !important;
    background: -webkit-linear-gradient(top, #245A80 0%, #f5f7fb 100%);
}


/* Fix color contrast - WCAG SC 1.4.3 - Use dark text on light backgrounds */
#lblFacility,
#lblAddress,
#lblActive,
#lblFacilityTypeInfo {
    color: #000000 !important;
}

.facilitywrap_button {
    overflow: hidden;
    padding: 5px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #4773A9;
    border: 1px solid #4773A9;
    margin: 0 8px;
    font-size: 11px;
    box-shadow: 0 1px 1px 0 #4773A9 inset;
}

    
    .facilitywrap_button a
     {
        /* Ensure black text on white background has sufficient contrast */
        color: #000000 !important;
        /* Simplify text-shadow to ensure contrast is measurable */
        text-shadow: 1px -1px 0 rgba(255, 255, 255, 0.8) !important;
    }


        .facilitywrap_button a:hover {
            color: #000000 !important;
            /* Darker blue for better contrast on hover/focus (4.5:1+) */
            outline: 2px solid #006699 !important;
            outline-offset: 2px !important;
        }

        
        .facilitywrap_button a.active
        {
            color: #006699 !important;
            /* Darker blue for active state (4.5:1+ contrast) */
            font-weight: bold !important;
        }
.facilitywrap_button {
    overflow: hidden;
    padding: 5px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #4773A9;
    border: 1px solid #4773A9;
    margin: 0 8px;
    font-size: 11px;
    box-shadow: 0 1px 1px 0 #4773A9 inset;
}
    .facilitywrap_button a {
        background: #fff;
        border: 2px solid #F79537 !important;
        font-size: 11px;
        font-weight: bold;
        padding: 5px;
        margin: 5px 5px 3px 0;
        text-decoration: none;
        color: #000;
        text-shadow: 1px -1px 0 #FFFFFF;
        display: block;
        float: left;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .facilitywrap_button a:hover {
        background: #E9E9E9;
        color: #0088CC;
        text-decoration: none;
    }

    .facilitydetails-link a.active {
        background: #E9E9E9;
        color: #0088CC;
        text-decoration: none;
    }

    .facilitydetails-link a:last-child {
        margin: 0 !important;
        margin-top: 5px !important;
    }


.facilitywrap_homebuttons {
    overflow: hidden;
    padding: 5px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #4773A9;
    border: 1px solid #4773A9;
    margin: 0 8px;
    font-size: 11px;
    box-shadow: 0 1px 1px 0 #4773A9 inset;
}
/* ============================================
   ACCESSIBILITY ENHANCEMENTS - WCAG 2.1 AA
   ============================================ */
/* Skip Navigation Container - ensures skip link is within a landmark */
.skip-navigation-container {
    position: relative;
    height: 0;
    overflow: visible;
}

/* Skip Navigation Link */
/* Top-right links */
.skip-link {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    background: #2B648C;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 10000;
    font-weight: bold;
    border-radius: 0 0 0 4px;
    /* adjust corner rounding for right side */
}

    .skip-link:focus {
        position: absolute;
        left: 12px;
        top: 0;
        width: auto;
        height: auto;
        overflow: visible;
        outline: 2px solid #fff;
        outline-offset: 2px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    }

    /* space the second link a bit to the left of the first one */
    .skip-link + .skip-link:focus {
        left: 180px;
        /* adjust spacing as needed */
    }

/* Bottom-right links */
/*.skip-link-bottom {
    position: absolute;
    bottom: -298px;
    right: 0;
    background: #2B648C;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 10000;
    font-weight: bold;
    border-radius: 4px 0 0 0;*/
/* adjust corner rounding for bottom */
/*}
    .skip-link-bottom:focus {
        bottom: 0;
        outline: 2px solid #fff;
        outline-offset: 2px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    }*/
/* spacing for second bottom link */
/*.skip-link-bottom + .skip-link-bottom {
        margin-right: 10px;
}*/



/* Focus Indicators for All Interactive Elements */

button:focus,
input:focus,
select:focus,
textarea:focus,
asp\:Button:focus,
asp\:LinkButton:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

/* Specific Focus Styles for Links */


/* Forgot User/Password Link Colors - Fixed Contrast */
.forgotuser,
.forgotpass {
    color: #0056b3 !important;
    /* Changed from #177ee5 (3.81:1) to #0056b3 (4.65:1 - PASSES WCAG AA) */
}

    .forgotuser:focus,
    .forgotpass:focus {
        outline: 2px solid #0066cc;
        outline-offset: 2px;
        background-color: #f0f8ff;
        padding: 2px 4px;
    }

/* General Link Color Fix */
a {
    color: #006699;
    /* Changed from #0088cc (3.89:1) to #006699 (4.54:1 - PASSES WCAG AA) */
    text-decoration: underline;
    /* Ensure links are distinguishable - WCAG SC 1.4.1 */
}

    /* Links in specific contexts - ensure they remain distinguishable */
    a:hover,
    a:focus {
        text-decoration: underline;
        color: #004d7a;
        /* Darker shade on hover for better contrast */
    }

/* Dialog title contrast fix */
.ui-dialog .ui-dialog-titlebar {
    background-color: #e6e6e6 !important;
}

.ui-dialog .ui-dialog-title {
    color: #1a1a1a !important;
    text-shadow: none !important;
}

.close-btn {
    position: absolute;
    top: 2px;
    right: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    cursor: pointer;
}

/* Links that might not have underlines by default - ensure they're distinguishable */
span a,
li a,
p a {
    text-decoration: underline;
}

span a:hover,
span a:focus,
li a:hover,
li a:focus,
p a:hover,
p a:focus {
    text-decoration: underline;
    /*font-weight: bold;*/
    /* Additional visual cue on hover/focus */
}

/* Button Focus Styles */
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3);
}

/* Screen Reader Only Class */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Fieldset Legend Styles */
fieldset legend {
    font-weight: bold;
    padding: 0 5px;
    margin-bottom: 10px;
    font-size: small;
    font-style: italic;
}

/* Fee Exemption ADA: group radios in fieldset without changing layout */
.form-container .fee-exemption-group {
    border: none;
    background: none;
    margin: 0 0 0 0;
    padding: 0;
}

    .form-container .fee-exemption-group:not(:first-child) {
        margin-top: 1em;
    }

    .form-container .fee-exemption-group legend {
        margin-bottom: 0;
        padding: 0;
        font-size: inherit;
        font-style: normal;
    }

/* CAPTCHA Reflow - Responsive Images */
img[src*="CaptchaImage.axd"] {
    max-width: 100%;
    height: auto;
}

.captchabox {
    overflow-x: visible;
}

/* CAPTCHA Container for Accessibility */
.captcha-container {
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
}

    .captcha-container img {
        max-width: 100%;
        height: auto;
        width: auto;
    }

/* Color Contrast Fixes for Header Labels - WCAG 2.1 AA Compliance */
/* Ensure sufficient contrast for header text on gradient backgrounds */
.header_name,
.header_address,
.sitename {
    color: #FFFFFF !important;
    /* White on blue gradient (#489ad4 to #2077b5) = 4.5:1+ contrast */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;
    /* Stronger shadow for better readability */
    font-weight: bold !important;
    /* Bold improves contrast perception */
}

/* Fix login details contrast - light blue on blue background insufficient */
.login_details {
    color: #E8F4FF !important;
    /* Lighter blue with better contrast (4.5:1+) */
}

/* Ensure reporting year has sufficient contrast */
.reporting_year {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Fix red text contrast issue - #ff0000 on #ffffff = 3.99:1, need 4.5:1 */
span[style*="color:Red"],
span[style*="color:red"],
span[style*="color:#ff0000"],
span[style*="color:#FF0000"],
span[style*="color:#F00"],
p[style*="color:#F00"],
p[style*="color:#ff0000"],
p[style*="color:red"],
strong[style*="color:#F00"],
label[style*="color:red"],
#lblReportingPeriodDescription,
.ErrorMsg,
.error-message,
.failed-validation {
    color: #B30000 !important;
    /* Darker red = 6.28:1 contrast on white - WCAG AA compliant */
}

/* Fix important messages - ensure sufficient contrast */
#MainContent_lblSubmitInstruction p,
#MainContent_lblSubmitInstruction strong,
#lblt2submitInstructionNote strong, #lblt2submitInstruction strong {
    color: #B30000 !important;
    /* 6.28:1 contrast ratio on white */
}

/* Error labels and messages */
.loginblock .errormsg,
#lblError,
#lblpopupLoginErr,
.validation-summary-errors,
.field-validation-error {
    color: #B30000 !important;
    /* WCAG AA compliant red */
}

/* Required field indicator */
.required {
    color: #B30000 !important;
    /* 6.28:1 contrast ratio */
}

/* Accessible close notification button - replaces empty anchor */
.close-notification-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    background-color: transparent !important;
}

    .close-notification-btn:focus {
        outline: 2px solid #0066cc;
        outline-offset: 2px;
    }

    .close-notification-btn img {
        display: block;
    }

/* Field label for display-only data (not form labels) */
.field-label {
    display: block;
    font-weight: bold;
    margin-bottom: 2px;
}

/* Additional color contrast fixes for specific header labels */
#lblHeadProject,
#lblHeadCounty,
#lblLastLogin {
    color: #FFFFFF !important;
    /* White on blue gradient background ensures 4.5:1+ contrast */
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 8px rgba(0, 0, 0, 0.7) !important;
     Double shadow for maximum contrast */
    font-weight: bold !important;
    /* Bold text improves contrast perception */
    /*background-color: rgba(0, 0, 0, 0.35) !important;*/
    /* Darker background for better contrast */
    padding: 2px 6px !important;
    border-radius: 3px !important;
    display: inline-block !important;
}

/* Fix lblProductVersion - override inline style for WCAG 2.1 AA compliance */
/* White (#FFF) on blue gradient background needs darker text or better background */
#lblProductVersion {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    /* Enhanced shadow for better contrast */
    /*background-color: rgba(0, 0, 0, 0.4) !important;*/
    /* Darker semi-transparent background */
    padding: 5px 10px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    font-weight: bold !important;
    float: right;
    transform: translateY(-90%);
}

/* Fix address labels on gradient backgrounds */
#lblHeadAddress1,
#lblHeadAddress3,
#lblHeaderAddress0,
#lblHeadReportYear {
    color: #FFFFFF !important;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
     Enhanced shadow */
    /*background-color: rgba(0, 0, 0, 0.35) !important;*/
    /* Darker background for contrast */
    padding: 2px 6px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    font-weight: bold !important;
}

/* Fix welcome text and user name contrast */
.welcome,
#UserAddress,
.user {
    color: #FFFFFF !important;
    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
   Enhanced shadow */
    font-weight: bold !important;
}

/* Fix login details area contrast */
#dvLastLogin,
.login_details {
    color: #FFFFFF !important;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
     Enhanced shadow */
    font-weight: bold !important;
}
.dropdown {
    float: left;
}
/* Fix logout link contrast */
#hlnkLogOut {
    color: #FFFFFF !important;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    Enhanced shadow */
    font-weight: bold !important;
}

    #hlnkLogOut:hover,
    #hlnkLogOut:focus {
        /*color: #FFFF00 !important;*/
        /* Yellow on hover for better visibility */
        text-decoration: underline !important;
        /*outline: 2px solid #FFFF00 !important;*/
        /*outline-offset: 2px !important;*/
    }

/* Additional elements that may appear on gradient backgrounds */
#lblFacility,
#lblActive,
#lblTScecret,
#lblsValue,
#lblCASNO,
#lblChemicalName {
    /*color: #FFFFFF !important;
    background-color: rgba(0, 0, 0, 0.2);*/
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
    padding: 2px 4px;
    border-radius: 2px;
}

/* Gradient background elements - ensure sufficient contrast */
#lblHeaderAddress0,
#lblFacilityContact,
#lblFacilityTypeInfo,
#lblAddress,
h5 > span,
.chemicaldetails-center > h5 > span {
    /*color: #FFFFFF !important;*/
    /* White text on blue gradient ensures 4.5:1+ contrast */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
    /* Stronger shadow for better contrast */
    /*background-color: rgba(0, 0, 0, 0.3) !important;*/
    /* Semi-transparent dark background for better contrast */
    /*padding: 2px 6px !important;*/
    border-radius: 3px !important;
    display: inline-block !important;
}

/* ============================================
   KEYBOARD FOCUS VISIBILITY FIXES - SC 2.4.7
   ============================================ */

/* General focus styles for all interactive elements */

button:focus,
input:focus,
select:focus,
textarea:focus {
    /*outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;*/
    background-color: #f0f8ff;
}

/* Ensure all links have visible focus indicators - WCAG SC 2.4.7 */
a:focus {
    /*outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;*/
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3) !important;
    /* background-color: #f0f8ff !important;*/
    border-radius: 2px !important;
}

/* Fix non-text control contrast - WCAG SC 1.4.11 */
/* Ensure input fields, checkboxes, and other form controls have sufficient contrast */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
/* Enhanced non-text-control-contrast fix for mskPhone inputs - WCAG SC 1.4.11 */
input.mskPhone,
input.mskPhone:focus,
input.mskPhone[value=""],
input.mskPhone:not([value]),
textarea,
select {
    border: 1px solid #666666 !important;
    /* 3:1 contrast ratio minimum */
    background-color: #ffffff !important;
}

    /* Ensure mskPhone inputs have sufficient contrast even when empty */
    input.mskPhone[value=""],
    input.mskPhone:not([value]) {
        border: 1px solid #666666 !important;
        /* 3:1 contrast ratio minimum */
        background-color: #ffffff !important;
    }

input[type="checkbox"],
input[type="radio"] {
    border: 2px solid #666666 !important;
    /* 3:1 contrast ratio minimum */
    background-color: #ffffff !important;
}

.checkbox-link-group {
    display: flex;
    align-items: center;
    gap: 12px; /* ensures spacing between checkbox and link */
}

/* Ensure focus states maintain contrast */
input:focus,
textarea:focus,
select:focus {
    border: 2px solid #0066cc !important;
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
}

/* Fix role-required issues - WCAG SC 4.1.2 */
/* Calendar datepicker trigger images - role="button" added via JavaScript */
img.ui-datepicker-trigger {
    cursor: pointer;
}

/* Skip link focus styles */
a[href$="#mnuMain_SkipLink"]:focus,
a[href*="#mnuMain_SkipLink"]:focus,
.skip-link:focus {
    outline: 3px solid #0066cc !important;
    outline-offset: 2px !important;
    background-color: #0066cc !important;
    color: #ffffff !important;
    padding: 4px 8px !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) !important;
}

/* JavaScript void links focus styles */
a[href="javascript:void(0)"]:focus,
a[href*="javascript:void(0)"]:focus,
a[href*="javaScript:void(0)"]:focus,
#a1:focus,
#aFacility:focus,
a[id*="Facility"]:focus

{
    /*outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;*/
    background-color: transparent !important;
    /*border: 1px solid #0066cc !important;*/
    border-radius: 2px !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3) !important;
}
a[id*="hlnkFacilityName"]:focus {
    /*outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;*/
    background-color: transparent !important;
    /*border: 1px solid #0066cc !important;*/
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* JavaScript void links focus styles */
#dvChangeRole a:focus {
    /*outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;*/
    background-color: transparent !important;
    /*border: 1px solid #0066cc !important;*/
    border-radius: 2px !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3) !important;
}

/* Button focus styles */
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.3);
}

/* ============================================
   REFLOW FIXES - SC 1.4.10 (400% Zoom)
   ============================================ */

/* Ensure images scale properly */
img {
    max-width: 100%;
    height: auto;
}

    /* CAPTCHA images responsive */
    img[src*="CaptchaImage.axd"] {
        max-width: 100%;
        height: auto;
    }

/* ============================================
   COLOR CONTRAST OVERRIDES - WCAG 2.1 AA
   ============================================ */

/* Fix Actions link contrast - WCAG 1.4.3 */
/*.actions.ui-selectee,*/
span.actions {
    color: #005a9c !important;
    /* Darker blue for better contrast (5.04:1 on white) */
}

/* Fix facility details labels contrast on various backgrounds */
#lblActive,
/* Fix color contrast - WCAG SC 1.4.3 - MainContent_lblActive on dark background */
#MainContent_lblActive,
#Lbl_FacilityStatus {
    color: #ffffff !important;
    /* White text on dark blue background (#2a638b) for better contrast */
    font-weight: bold !important;
}

/* Fix color contrast - WCAG SC 1.4.3 - status_details text on dark background */
.status_details {
    color: #ffffff !important;
}

/* Fix color contrast - WCAG SC 1.4.3 - Links with insufficient contrast */
a[href="#"],
a[href="javascript:void(0);"],
a[href*="javascript"] {
    color: #006699 !important;
    /* Changed from #0088cc (3.89:1) to #006699 (4.54:1 - PASSES WCAG AA) */
}

/* Fix color contrast for Add links in tables */
td[colname*="VZone"] a[href="#"],
td[colname*="WCVZone"] a[href="#"] {
    color: #006699 !important;
}

/* Fix color contrast - WCAG SC 1.4.3 - Text on dark blue background (#2a638b) */
td[colname="Name"][align="center"],
.trUsers td[colname="Name"][align="center"],
.trUsers:nth-child(1) > td[colname="Name"][align="center"],
.trUsers:nth-child(3) > td[colname="Name"][align="center"],
.facilitydetails-header h4 span,
.facilitydetails-header > h4 > span,
#lblFacilityName {
    color: #ffffff !important;
    /* White text on dark blue background for better contrast (4.5:1+) */
}

/* Fix color contrast - WCAG SC 1.4.3 - Red text on dark blue background */
#lblEhsOverTpq {
    color: #ffffff !important;
    /* White text on dark blue background (#2a638b) = 8.59:1 - PASSES WCAG AA */
    /* Using white with red text-shadow to maintain warning appearance while meeting contrast */
    text-shadow: 1px 1px 2px rgba(255, 0, 0, 1), 0 0 4px rgba(255, 0, 0, 1) !important;
    font-weight: bold !important;
}

/* Fix color contrast - WCAG SC 1.4.3 - Footer copyright text */
.footer_copyright2 {
    color: #ffffff !important;
    /* Ensure white text on gradient background */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* Fix color contrast - WCAG SC 1.4.3 - Navigation links (ensure sufficient contrast) */
/* Links are on light background (#fff) with black text - ensure text shadows don't reduce contrast */
.facilitydetails-link a,
.facilitydetails-link-btn a,
#aChemicalDetails,
#aFacilityHome,
#aMapSite,
#aRiskSites,
#aRiskPopulation {
    /* Ensure black text on white background has sufficient contrast */
    color: #000000 !important;
    /* Simplify text-shadow to ensure contrast is measurable */
    text-shadow: 1px -1px 0 rgba(255, 255, 255, 0.8) !important;
}

    .facilitydetails-link a:hover,
    .facilitydetails-link-btn a:hover,
    .facilitydetails-link a:focus,
    .facilitydetails-link-btn a:focus {
        color: #006699 !important;
        /* Darker blue for better contrast on hover/focus (4.5:1+) */
        outline: 2px solid #006699 !important;
        outline-offset: 2px !important;
    }

    .facilitydetails-link a.active,
    .facilitydetails-link-btn a.active,
    #aFacilityHome.active {
        color: #006699 !important;
        /* Darker blue for active state (4.5:1+ contrast) */
        font-weight: bold !important;
    }

/* Fix undersized target spacing (WCAG 2.5.8 Target Size (Minimum))
   Ensure at least 12px separation between the GIS plot dropdown and plot button. */
nav[aria-label="GIS plot selection"] #imgGISPlots {
    margin-left: 12px !important;
    vertical-align: middle;
}

nav[aria-label="GIS plot selection"] #ddlGISPlots {
    vertical-align: middle;
}

/* Fix color contrast - WCAG SC 1.4.3 - Search and reset buttons with background images */
.search_btn,
.reset_btn {
    background-color: #006699 !important;
    /* Ensure sufficient contrast for buttons with background images */
    color: #ffffff !important;
}

/* Fix color contrast - WCAG SC 1.4.3 - h5 sorteddesc with text shadows */
h5.sorteddesc {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000 !important;
    /* White text with dark shadow for better contrast */
}

/* Fix non-text-control-contrast - WCAG SC 1.4.11 - Table headers with role="button" */
th[role="button"] {
    /*border: 2px solid #006699 !important;*/
    /* Ensure sufficient contrast for interactive table headers */
}

    th[role="button"]:focus {
        outline: 3px solid #0066cc !important;
        outline-offset: 2px !important;
        /*border-color: #0066cc !important;*/
    }

/* Fix color contrast - lblProductVersion text-shadow */
#lblProductVersion {
    text-shadow: 1px 1px 0 #000000 !important;
    /* Darker shadow for better contrast */
}

#lblFacilityTypeInfo,
#lblFtype {
    color: #333333 !important;
    /* Dark gray */
}

/*#lblAddress,*/
#Lbl_Address,
#lblFacility,
#MainContent_lblFacility,
#lblFclty {
    /*color: #222222 !important;*/
    color: #ffffff !important;
    /* Nearly black */
}

.details-label {
    color: #000000 !important;
    font-weight: bold !important;
}

/* Fix facility contact contrast */
#lblFacilityContact,
#MainContent_lblFacilityContact {
    color: #333333 !important;
}

/* Fix sidebar/sublink contrast */
a.sublink {
    color: #0056b3 !important;
    /* Matches menutop a */
    text-decoration: underline !important;
}

/* Fix product version contrast in footer/ERP pages */
#lblProductVersion {
    text-shadow: 1px 1px 2px #000000, 0 0 5px #000000 !important;
    /* Stronger shadow for white text */
}

/* Responsive links - prevent horizontal scroll */
a[href*="javaScript:void(0)"],
a[href*="javascript:void(0)"] {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Responsive container for alphabet sort links - WCAG SC 1.4.10 */
.alphabet-sort-links {
    display: inline-flex;
    flex-wrap: wrap;
    /*gap: 2px;*/
    min-width: 70%;
    margin-top: 1%; /* Changed from 6px to 0 */
    margin-bottom: 6px;
    padding: 15px;
    vertical-align: middle; /* Added for alignment */
    float: left;
}

/* Back button alignment - align with alphabet pagination */
#BackToPageFromList {
    display: inline-block;
    vertical-align: middle;
    margin-top: 1.5%;
    margin-bottom: 0;
    margin-right: 15px; /* Add spacing between back button and alphabet links  backpage*/
}

.button.theme-color:hover {
    color: #FFFFFF !important;
}


.back-history {
    margin-top: 2%;
}
.back-history {
    margin-top: 10px !important;
    padding-left: 10px !important;
    margin-bottom:10px !important;
}

.backpage {
    margin-top: 1.5%;
    padding-left: 10px !important;
}
.alphabet-sort-links a:first-child {
    padding: 2px !important;
}

.alphabet-sort-links a {
    display: inline-block; /* keeps them sized to content */
    /* padding: 1px 1px; reduce horizontal padding */
    margin: 0px; /* small spacing between links */
    width: auto; /* prevents fixed/stretched width */
    text-align: center; /* centers the letter inside */
    padding: 2px !important;
}


.extraoptions {
    margin-top: 2% !important;
}

/*.extraactions p {
    display:none!important;
}*/

#aChangeFacility {
    color: #f8f8f8ff !important;
}
.extraactions {
    padding: 0 0 0 0 !important;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0 0;
    background: #EFEFEF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EFEFEF));
    background: -moz-linear-gradient(top, #FAFAFA, #EFEFEF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#EFEFEF');
    box-shadow: 0 0 2px #fff inset;
    -moz-box-shadow: 0 0 2px #fff inset;
    -webkit-box-shadow: 0 0 2px #fff inset;
}
/* Ensure alphabet sort links wrap at 400% zoom (320px viewport) */

/* Fix reflow-4x-zoom-scroll - WCAG SC 1.4.10 - Ensure content reflows at 400% zoom */
@media screen and (max-width: 320px) {
    /* Single column layout at 400% zoom (320px viewport) */
    .button_wrap,
    .button_wrap_center,
    .alignright,
    .alignleft {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        float: none !important;
        margin: 10px 0 !important;
    }

    input[type="submit"].alignright,
    input[type="button"].alignright,
    button.alignright,
    .button.alignright {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
        float: none !important;
    }

    /* Ensure search and reset buttons stack vertically */
    .search_btn,
    .reset_btn {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
        float: none !important;
    }

    /* Single column for totalcount and resultscount */
    .totalcount,
    .resultscount {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }

    /* Ensure table content doesn't require horizontal scroll */
    .listtable {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
    }

    /* Stack filter/search controls vertically */
    .searchin,
    .icon_seperater,
    .dropdown {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }
    
    /* Fix reflow for dv-tbl-span elements */
    .dv-tbl-span,
    .dv-tbl-wrap,
    .dv-tbl-row,
    .dv-tbl-cell {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    /* Ensure chemical header links stack vertically */
    .chemicalheader_links {
        display: block !important;
        width: 100% !important;
    }

        .chemicalheader_links .alignleft,
        .chemicalheader_links .alignright {
            display: block !important;
            width: 100% !important;
            float: none !important;
            margin: 10px 0 !important;
        }

    /* Fix reflow for h1.alignleft at 400% zoom */
    h1.alignleft,
    section > h1 {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 10px 0 !important;
    }
}

@media (max-width: 320px) {
    .alphabet-sort-links {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 2px;
        max-width: 60%;
    }

        .alphabet-sort-links a {
            min-width: 28px;
            text-align: center;
            padding: 3px 2px;
            font-size: 11px;
        }
}

/* ============================================
   NAVIGATION MENU COLOR CONTRAST FIXES
   ============================================ */

/* ASP.NET Menu static links on gradient backgrounds - WCAG SC 1.4.3 */
a.level1.static,
a.popout.level1.static {
    color: #000000 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    /* Enhanced shadow */
    font-weight: bold !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 2px 6px 0 6px !important;
    border-radius: 3px !important;
}

    a.popout.level1.static:visited, a.popout.level1.static:active {
        text-decoration: none !important;
        outline: none !important;
    }
/* Navigation links in menu */
a[aria-label="Home"],
a[aria-label="Facilities"],
a[aria-label="My Account"],
a[href$="ResourceLinks.aspx"] {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    /* Enhanced shadow */
    font-weight: bold !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}
    /* Hover and focus states for navigation links */
    /*a.level1.static:hover,
    a.level1.static:focus,*/
    a[aria-label="Home"]:hover,
    a[aria-label="Home"]:focus,
    a[aria-label="Facilities"]:hover,
    a[aria-label="Facilities"]:focus,
    a[aria-label="My Account"]:hover,
    a[aria-label="My Account"]:focus
    /*,
    a[href$="ResourceLinks.aspx"]:hover,
    a[href$="ResourceLinks.aspx"]:focus*/ {
        color: #075D84 !important;
        /* Yellow for high contrast on dark backgrounds */
        /*text-decoration: underline !important;*/
        /*outline: 1px solid #075D84 !important;
        outline-offset: 1px !important;*/
    }
/* Ensure small inputs have sufficient touch spacing (fix undersized target spacing) */
.touch-target {
    /* Guarantee at least 12px spacing to neighboring interactive elements */
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 12px !important;
    /* Increase hit area without visibly enlarging the control */
    padding: 6px !important;
    box-sizing: content-box;
    /* Keep inline layout for checkboxes/radios */
    display: inline-block;
    /* Minimum tappable size to help meet mobile target size checks */
    -webkit-tap-highlight-color: transparent;
}

.listtable td span.sublink {
    margin-top: 12px;
    display: inline-block;
}

.table-header-h3 {
    color: #1a1a1a !important;
    text-shadow: none !important;
    font-weight: bold !important;
}
/* ============================================
   ADDITIONAL COLOR CONTRAST FIXES
   ============================================ */
/* Facility and details labels on gradient backgrounds */
#hlnkFacility,
#aReportSteps,
#aContactinformation,
#aFacility {
    color: #FFFFFF !important;
    /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;*/
}


#aFacilityReportClass {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    /* Enhanced shadow */
    font-weight: bold !important;
    /*background-color: rgba(0, 0, 0, 0.2) !important;*/
    padding: 2px 4px !important;
    border-radius: 2px !important;
}

#aMailing {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    /* Enhanced shadow */
    font-weight: bold !important;
    /*background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 2px 4px !important;*/
    border-radius: 2px !important;
}

#aFacilityLocation {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;
    /* Enhanced shadow */
    font-weight: bold !important;
    /*background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 2px 4px !important;*/
    border-radius: 2px !important;
}

   

/* Back button link contrast */
/*a[onclick="history.go(-1);"],
a[onclick*="history.go(-1)"] {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.9) !important;*/
    /* Enhanced shadow */
    /*font-weight: bold !important;*/
/*}*/

#btnReset {
    background-color: #0066cc; /* accessible blue */
    color: #FFFFFF !important;
}

/*#btnReset {
    background-color: #e0e0e0 !important;
    color: #000000 !important;
}*/
/* Button contrast fixes - Cancel, Save, Reset buttons */
#btnCancel,
#btnSave,
/*#btnReset,*/
input[name="Cancel"],
input[value="Cancel"] {
    color: #000000 !important;
    /* Black text on light background */
    border: 1px solid #333333 !important;
    /* Darker border for better visibility */
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}

/*#btnCancel:hover,
    #btnCancel:focus,
    #btnSave:hover,
    #btnSave:focus,
    #btnReset:hover,
    #btnReset:focus {
        background-color: #e0e0e0 !important;
        border-color: #000000 !important;
        outline: 2px solid #0066cc !important;
        outline-offset: 2px !important;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
    }*/

/*a[onclick="history.go(-1);"]:hover,
a[onclick="history.go(-1);"]:focus {
    color: #FFFF00 !important;
    text-decoration: underline !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}*/
/* Details labels on gradient backgrounds */
/* Fix color contrast - WCAG SC 1.4.3 - Use dark text on light backgrounds */
.detailsleft-row > .details-label,
.details-label {
    color: #000000 !important;
    font-weight: bold !important;
}
/* Global search button contrast */
#btnsearchglobal {
    background-color: #004080 !important; /* accessible blue */
    color: #FFFFFF !important;
    border: 1px solid #003d80 !important;
}


    #btnsearchglobal:hover,
    #btnsearchglobal:focus {
        background-color: #003d80 !important;
        color: #FFFFFF !important;
    }
/* Sort header links contrast - WCAG fix for text-shadow */
/* Fix for super01.csv: text-shadow contrast must be >= 4.5:1 */
th .sortasc,
th .sortdesc,
table th h5.sortasc,
table th h5.sortdesc,
th[role="button"] .sortasc,
th[role="button"] .sortdesc,
h5.sortasc,
h5.sortdesc {
    color: rgba(0, 0, 0, 0.95) !important;
    text-shadow: 2px 2px 4px #FFFFFF, 0 0 6px #FFFFFF !important;
    /* Much darker shadow for 4.5:1+ contrast */
}
/* Alternative: Remove text-shadow entirely for sort indicators */
th > .sortasc,
th > .sortdesc {
    text-shadow: none !important;
    color: #000000 !important;
    /* Black text on light header background */
}
/* Common heading contrast on gradient backgrounds */
.common_wrap > h2 {
    color: #000000 !important;
    text-shadow: none !important;
}
/* ============================================
   WCAG 2.1 AA COLOR CONTRAST FIXES
   For elements on gradient backgrounds
   ============================================ */
/* Button text on gradient backgrounds - ensure white text has good contrast */
.button.theme-color,
input.button.theme-color,
input[type="button"].theme-color,
input[type="submit"].theme-color {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
    font-weight: bold !important;
}
/* Input buttons general - improve contrast */
input.button,
input[type="button"],
input[type="submit"] {
    font-weight: bold;
}
/* Footer text on gradient - ensure readable */
.footer_copyright,
.footer_copyright2 {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}
/* Header elements on gradient backgrounds */
#lblHeadCounty,
#lblHeadProject,
#lblHeadAddress1,
#lblHeadAddress3,
#lblHeaderAddress0,
.header_address,
/*.alignleft.clearboth {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
    font-weight: bold !important;
}*/
/* Welcome and user info on gradient */
#lblFacilityContact,
#lblFacilityTypeInfo,
#hlnkFacility,
#lbl_Address {
    color: #FFFFFF !important;
    /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;*/
}
/* Details labels on gradient backgrounds */
.details-label {
    color: #333333 !important;
    font-weight: bold !important;
}
/* Navigation links on gradient/image backgrounds */
a.level1.static,
a.popout.level1.static {
    color: #000000 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6) !important;
}
/* ============================================
   COMPREHENSIVE WCAG CONTRAST FIXES
   For all elements flagged in accessibility scan
   ============================================ */

.user,
#lblFacility,
#lblActive,
/*#hlnkFacilityName,*/
#aReportSteps,
#aFacilityReportClass {
    /*color: #FFFFFF !important;*/
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}
/* === CHEMICAL/REPORT DETAIL LABELS === */
#lblCasLabel,
#lblChemicalName,
#lblCASNO,
#lblsValue,
#MainContent_lblCasLabel,
#MainContent_lblChemicalName,
#MainContent_lblCASNO,
#MainContent_lblsValue,
#MainContent_lblAddress,
#MainContent_lblFacilityTypeInfo,
#MainContent_hlnkFacilityName {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}
/* Fix color contrast - WCAG SC 1.4.3 - hlnkFacilityName link contrast (needs 4.5:1 for 18px text) */
#MainContent_hlnkFacilityName,
h4 a#MainContent_hlnkFacilityName {
    color: #FFFFFF !important;
    /* White text on dark blue background (#2a638b) for better contrast */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
}
/* Fix color contrast - WCAG SC 1.4.3 - h5 and li elements in ChemicalLeftSide (contrast 2.70, needs 4.5:1) */
.chemicaldetails-center h5,
.chemicaldetails-center ul li,
.details-left h5 {
    color: #FFFFFF !important;
    /* White text on dark blue background (#2a638b) for better contrast */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}
/* === DETAILS LABELS (on light gradient backgrounds) === */
#rowtypeinfo .details-label,
.detailsleft-row .details-label,
.detailslabelrow .details-label {
    color: #FFFF !important;
    font-weight: bold !important;
    /*text-shadow: none !important;*/
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;
}
/* === ALL BUTTON TYPES (on gradient backgrounds) === */
input.button,
input[type="button"],
input[type="submit"],
a.button,
.button {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
    font-weight: bold !important;
}
/* Specific button overrides */
#btnCancel,
#btnSave,
#btnBack,
#btnFinish,
#btnFilter,
/*#btnReset,*/
#btn_coordinates,
#btnDMCConverter,
#btnClick,
#btnSIC,
#btnSaveAction,
#btnSaveReportContact,
#btnAddMore,
#btnSaveStorageReport,
#btnFnCancel,
#btnFacCancel,
#btnFacContinue,
input[name="Cancel"] {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}
/* === SEARCH AND RESET BUTTONS (on background images) === */
.search_btn,
input.search_btn {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
    font-weight: bold !important;
}

.reset_btn,
input.reset_btn {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}
/* === NAVIGATION TABS (on background images) === */
#aMailing,
#aFacilityLocation,
#aContactinformation,
#aChemicalDescription,
#aStorageCodes,
a.create_facility,
a.valid_facility,
a.invalid_facility {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
    font-weight: bold !important;
}
/* === HEADINGS ON BACKGROUND IMAGES === */
h2.nomargin,
.content_left > h2,
.common_chemical > h2,
.inventory_div > h2,
.facility-view-right > h2,
#hStorageLocationsLabel,
#hmsds,
#dvphyheathhazard > h2 {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
}
/* === STEP NAMES (text shadow issues) === */
.stepName,
span.stepName {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
    font-weight: bold !important;
}
/* Step accordion headings */
div[data-content] > h2,
div[data-content="Report Chemicals"] > h2,
div[data-content="Certify report"] > h2,
div[data-content="Attachment to be uploaded"] > h2,
div[data-content="Report Contacts"] > h2,
div[data-content="Review Subject to Status"] > h2,
div[data-content="Facility Details"] > h2 {
    color: #FFFFFF !important;
    /*text-shadow: .5px .5px 0 #1a1a1a !important;*/
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
}
/* === FACILITY HOME HEADINGS === */
#regulations h2,
#divFACILITYHeading > h2,
#divSUBMISSIONSHeading > h2,
.WHeading > h2 {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
}
/* === RESOURCE LINKS PAGE CONTACT INFO === */
#lblContactPhone,
#lblContactEmail,
#lblContactName,
.field-label,
span.field-label,
.sidewidget-row .field-label {
    color: #1a1a1a !important;
    text-shadow: none !important;
    font-weight: bold !important;
}

.listtable th span.listsortedasc {
    background: url(black/images/sorted_upsingle.png) 0 center no-repeat !important;
    cursor: pointer;
    padding: 0 0 0 11px !important;
    /*color: #0088CC;*/
    text-decoration: underline;
}

.listtable th span.listsorteddesc {
    background: url(black/images/sorted_downsingle.png) 0 center no-repeat !important;
    cursor: pointer;
    padding: 0 0 0 11px !important;
    /*color: #0088CC;*/
    text-decoration: underline;
}
/* === SORTED COLUMN HEADERS (on background images) === */
h5.sortedasc,
h5.sorteddesc,
.sortedasc,
.sorteddesc {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
    font-weight: bold !important;
}

.listsortedasc,
.listsortasc,
.listsorteddesc {
    font-size: 11px !important; /* or whatever size you want */
    font-weight: bold !important;
    text-shadow: 2px 2px 4px #FFFFFF, 0 0 6px #FFFFFF !important;
    display: inline !important;
    background: none !important;
}

.headerlabel {
    font-size: 18px !important;
    background: none !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;
}

.subheaderlabel {
    font-size: 14px !important;
    background: none !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;
}

.headerdetailslabel {
    font-size: 11px !important;
    padding: 0 0 0px 0 !important;
    background: none !important;
}
/* === NOTES SECTION === */
#dvNotes h5,
#dvNotes li {
    color: #1a1a1a !important;
    text-shadow: none !important;
}
/* === TEXTAREA CONTRAST FIX === */
textarea,
#txtAdditionalInfo,
#txtNatureofBusiness,
#txtReasonRevision {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}
/* === LABEL CONTRAST FIXES === */
#lblPhysicalFlammable,
#lblPyrophonicgas,
label[for="txtWeb"] {
    color: #1a1a1a !important;
    text-shadow: none !important;
}
/* === MARK ELEMENT CONTRAST (highlighted text) === */
mark {
    color: #000000 !important;
    background-color: #FFFF00 !important;
    padding: 2px 4px;
}
/* === INSTRUCTION TEXT (replaces mark with background:none) === */
.instruction-text {
    color: #333333 !important;
    font-weight: normal !important;
}
/* === FOOTER ELEMENTS COMPREHENSIVE === */
.footer_center,
#footer_copyright,
#footer_copyright2 {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}
/* === PREVIEW/INSTRUCTION HEADINGS === */
h5 > span {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}
/* === COMPANY DETAILS LABEL === */
#lblCompanyDetails {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
    font-weight: bold !important;
}

#lblCompanyDetailscontact {
    color: #1a1a1a !important;
    text-shadow: 1px 1px 0 #FFFFFF !important;
}
/* ============================================
   HIGH CONTRAST MODE SUPPORT (WCAG)
   ============================================ */
@media (forced-colors: active) {

    a:focus,
    button:focus,
    input:focus,
    select:focus,
    textarea:focus,
    [tabindex]:focus {
        outline: 3px solid Highlight !important;
        outline-offset: 2px !important;
        box-shadow: none !important;
    }

    .button,
    button,
    input[type="button"],
    input[type="submit"] {
        border: 2px solid currentColor !important;
    }

    input,
    select,
    textarea {
        border: 1px solid currentColor !important;
    }
}
/* ============================================
   SCREEN READER ONLY CLASS
   ============================================ */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
/* View user label - replacement for orphaned labels */
.viewuser_label {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}

.fecility_view {
    margin: 0;
    padding: 2px 0 4px 15px;
    font-size: 11px;
    color: #000;
    overflow: hidden;
    word-wrap: break-word;
}
/* === Register page button === */
#btnCancel_UserRegistration {
    color: #ffffff !important;
    background-color: #007bff !important;
}

#btnNext_UserRegistration {
    color: #ffffff !important;
    background-color: #007bff !important;
}

#MainContent_btnHome {
    /*color: #000000 !important;*/
    background-color: #ffffff !important;
}


#btnCancl {
    /*color: #000 !important;*/
}
/*#btnCancl:hover {
        background-color: #2687e9 !important;
    }*/


#btnSave {
    color: #FFFFFF !important;
    /*background-color: #4CAF50 !important;*/
}

#btnOk {
    color: #FFFFFF !important;
    background-color: #007BFF !important;
}

#MainContent_btnGoBack {
    /*color: #000000 !important;*/
    /*background-color: #007BFF !important;*/
}

#LoginButton {
    /*color: #0066cc !important;
    background-color: #007BFF !important;
    border: 1px solid #333333 !important;*/
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.footer_left .alignleft {
    background-color: white;
    border-radius: 4px;
}

.footer_copyright {
    box-shadow: none !important;
}
/*#lblProductVersion {
    padding: 14px 8px !important;
}*/

input [type="submit"] {
    border: 1px solid #333333 !important;
}

.dropline > ul > li a:hover {
    /*background-image: url(../styles/black/images/bg-stephead.png);*/
    background-repeat: repeat-x;
    color: #101144;
    border-radius: 3px 3px 0px 0px !important;
    -moz-border-radius: 3px 3px 0px 0px !important;
    -webkit-border-radius: 3px 3px 0px 0px !important;
    background-color: #9bd6ff;
}

.dropline ul li ul li {
    border-bottom: 1px solid #333333 !important;
}

    .dropline ul li ul li a {
        line-height: 22px;
    }

        .dropline ul li ul li a:hover {
            line-height: 23px;
            font-weight:bold !important;
        }
/* ============================================
   GLOBAL FOCUS VISIBILITY (WCAG 2.4.7)
   ============================================ */
:focus {
    /*outline: 2px solid #005fcc !important;
    outline-offset: 2px !important;*/
}
/* Fix for iframes focus */
iframe:focus {
    outline: 2px solid #005fcc !important;
    border: 1px solid #005fcc !important;
}
/* ============================================
   CONTRAST FIXES (WCAG 1.4.3)
   ============================================ */
/* Fix button text contrast */
.button,
.theme-color {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
/* Fix link contrast on dark backgrounds */
.header-right a,
.footer a {
    color: #ffffff !important;
    text-decoration: underline;
}
/* Fix link contrast on light backgrounds */
a {
    color: #0056b3;
    /* Darker blue for 4.5:1 ratio on white */
}



.actions.ui-selectee {
    /*color: #0056b3 !important;*/
}
/* Reports/Sorting Links */
.currentsort,
/* Fix keyboard-focus-visible - WCAG SC 2.4.7 - Ensure focus indicators are visible */
.sortorder:focus,
.searchin:focus {
    outline: 3px solid #0066cc !important;
    outline-offset: 2px !important;
    border-radius: 2px !important;
}
/* Fix keyboard-focus-visible for iframe export frames */
iframe.export-frame:focus {
    outline: 3px solid #0066cc !important;
    outline-offset: 2px !important;
    border: 2px solid #0066cc !important;
}

.sortorder {
    color: #005fcc !important;
    font-weight: bold;
}

.toggle_moredetails {
    height: 25px;
    width: 210px;
    /*margin-left: 11px;*/
}
/* Fix alignment for See More/See Fewer Details buttons */
.common_wrap[style*="width: 20%"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .common_wrap[style*="width: 20%"] .toggle_moredetails,
    .common_wrap[style*="width: 20%"] .toggle_lessdetails {
        float: none;
        margin: 0 auto;
    }
/* Make See Fewer Facility Details button wider and taller */
.toggle_lessdetails {
    width: 210px !important;
    height: 25px !important;
    /*margin-left: 11px;*/
}
/* Fix + Sign Button background issue - override inline styles */
.expandbar button.toggle_facility {
    background-color: transparent !important;
    background-image: url(../styles/black/images/toggle_expand.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: none !important;
    padding: 0 !important;
    width: 16px !important;
    height: 20px !important;
    cursor: pointer !important;
    float: left !important;
    margin: 6px 10px 0 10px !important;
}

    .expandbar button.toggle_facility.toggle_facilityless {
        background-image: url(../styles/black/images/toggle_less.png) !important;
        height: 15px !important;
        margin: 10px 10px 0 10px !important;
    }
/* Fix - Sign Button background issue - override inline styles */
.expandbar button.toggle_facilityless {
    background-color: transparent !important;
    background-image: url(../styles/black/images/toggle_less.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: none !important;
    padding: 0 !important;
    width: 16px !important;
    height: 15px !important;
    cursor: pointer !important;
    float: left !important;
    margin: 10px 10px 0 10px !important;
}

#lblNonBusinessUser {
    display: block;
    padding: 0 5px 3px 0;
    line-height: 14px;
    color: #000 !important;
    font-size: 12px;
}

#divSelectFacility {
    color: #000 !important;
}

.detailsleft-row #lblAddress {
    color: #ffffff !important;
}

.details_wrap #lblFtype {
    color: #ffffff !important;
}

.details_wrap #lblFacility, #lblAddress, #lblActive, #lblFacilityTypeInfo {
    color: #ffffff !important;
}

.notes-optionsAda {
    background-color: #fff;
    border-radius: 3px;
    float: right;
    /*margin: 5px 0 0 15px;
    padding: 4px 5px;
    border: 2px solid #F79537;*/
    box-shadow: 0 0 3px 0 #DDDDDD inset;
    font-size: 11px;
    font-weight: bold;
}

#fixed_menu ul li a {
    color: #FFFFFF !important;
    /* Ensure white text for maximum contrast on blue background (#5999c5) */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
    /* Enhanced shadow with double layer for better contrast - WCAG AA compliant */
    font-weight: bold !important;
    /* Bold improves contrast perception */
}

    #fixed_menu ul li a span {
        color: #FFFFFF !important;
        /* Ensure white text for maximum contrast on blue background */
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
        /* Enhanced shadow with double layer for better contrast - WCAG AA compliant */
        font-weight: bold !important;
        /* Bold improves contrast perception */
    }
/* Fix for Step buttons with inline styles - white text on #5999c5 background */
span[style*="background-color: rgb(89, 153, 197)"],
span[style*="background-color:rgb(89, 153, 197)"],
span[style*="background-color:#5999c5"],
span[style*="background-color: #5999c5"],
span[style*="background-color: rgb(89,153,197)"],
span[style*="background-color:rgb(89,153,197)"] {
    color: #FFFFFF !important;
    /* Ensure white text for maximum contrast on blue background (#5999c5) */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
    /* Enhanced shadow with double layer for better contrast - WCAG AA compliant */
    font-weight: bold !important;
    /* Bold improves contrast perception */
}
/* Fix for Step button spans within #fixed_menu - targets all spans with white text */
#fixed_menu span[style*="color:rgb(255, 255, 255)"],
#fixed_menu span[style*="color:#ffffff"],
#fixed_menu span[style*="color: rgb(255, 255, 255)"],
#fixed_menu span[style*="color: #ffffff"],
#fixed_menu span[style*="color: rgb(255,255,255)"],
#fixed_menu span[style*="color:rgb(255,255,255)"] {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
    font-weight: bold !important;
}
/* Additional fix: Target all spans within #fixed_menu that contain "Step" text */
#fixed_menu ul li a span:not(.stepName) {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.8) !important;
    font-weight: bold !important;
}

.facility-view-right .content_right label {
    font-weight: normal;
    text-shadow: none;
}

.facility-view-right legend {
    color: black;
}
/* === CONTRAST FIXES FOR AddChemicalDescription.aspx === */
/* Fix contrast for h5.dataheading - ensure dark text on light background */
h5.dataheading,
.dataheading {
    color: #1a1a1a !important;
    background-color: transparent !important;
    text-shadow: none !important;
    font-weight: bold !important;
}
/* Fix contrast for RadioButtonList items - ensure dark text */
.listnoborder table td,
.listnoborder table td label,
.listnoborder li,
.listnoborder label,
table.listnoborder td,
table.listnoborder td label {
    color: #1a1a1a !important;
    background-color: transparent !important;
    text-shadow: none !important;
}
/* Fix contrast for RadioButtonList rendered as table */
table input[type="radio"] + label,
table input[type="checkbox"] + label {
    color: #1a1a1a !important;
}
/* Ensure sufficient spacing for links near inputs - WCAG 2.5.5 */
a.sublink + input,
input + a.sublink,
a + input[type="text"],
input[type="text"] + a,
a + asp\:TextBox,
asp\:TextBox + a {
    margin-left: 12px !important;
}
/* Fix for close modal buttons - ensure they're accessible */
.close-reveal-modal {
    font-size: 24px !important;
    line-height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
}
/* Ensure dynamically loaded content has lang attribute */
.mainClass,
.mainClass_min,
#maindivobj,
#maindivobjMix,
#divChemical,
#divConfirmChemical,
#divChemicalMixture {
    lang: en;
}

.fecility_contentwrap .fecility_view #lblFacilityName {
    color: black !important;
}

.close-reveal-modal {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(255, 255, 255) !important;
}

.menunboxcontainer #dvMenu #lblParentCompany {
    color: white !important;
}

.submission #lblFacilityName {
    color: black !important;
}

.ZebraDialog_Title {
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
    background-color: white !important;*/
    color: black !important;
    border-bottom: solid 3px #2986c9;
}

.ZebraDialog_Close {
    color: black !important;
    background-color: transparent !important;
    text-shadow: none !important;
}

td[colname="Name"][align="center"],
.trUsers td[colname="Name"][align="center"], .trUsers .evnrw td {
    color: black !important;
}

tr.trUsers:nth-child(5) td[colname="Name"][align="center"] {
    color: white !important;
}

.show-password {
    display: inline-flex;
    align-items: center;
    gap: 12px; /* ensures spacing to adjacent targets */
    width: 15px;
    height: 15px;
    margin-top: 5px !important;
}

.tablecontainer .trUsers[headers="header_table_0"] {
    color: #ffffff !important;
}

.vwChemicalHeaderLabel {
    color: #ffffff !important;
}

.thColGroupHeader {
    background-color: #B3D5FD !important;
}

#MainContent_lblIsEffectiveEHSTPQ {
    color: #ffffff !important;
    font-weight: bold !important;
    /*text-shadow: 4px 4px 4px rgba(255, 0, 0, 0.9), 4px 4px 4px rgba(255, 0, 0, 0.8) !important;*/
    /*border: 2px solid red;*/
}

#ddlChemicalOperation {
    margin-top: 20px; /* remove extra offset */
}
/*.dropdown {
    position: static;
}*/
.reveal-modal .close-reveal-modal {
    top: 3px !important;
    right: 2px !important;
}

.common_wrap h3 {
    color: #000;
}

.step_heading_bar {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 1px;
}

#exportFrame_ContactsDataControl > .tabular tr.trUsers:not(.evnrw) > td {
    color: #ffffff !important;
}
/*#exportFrame_ContactsDataControl .tabular tr.trUsers:not(.evnrw) td[colname="Name"][align="center"],
tr.trUsers:not(.evnrw) td {
    color: #ffffff !important;
}*/
/* Right-align Export and List Type dropdown menus to the end of the table (.tablebody) */
.extraoptions .dropdown-menu.listtype,
.extraoptions .dropdown-menu.export {
    left: auto !important;
    right: 0 !important;
    top: 100%;
    margin-top: 0.125rem;
}

.facilitydetails-header, .facilitydetails-left {
    padding-left: 5px;
}


.detailsleft-row, .detailslabelrow, .details_wrap {
    padding-top: 5px;
}

.close_div {
    margin-bottom: 0px !important;
    padding-right: 8px;
}

#login_notification {
    margin-bottom: 5px !important;
}
/* Fix alignment of Filter and Reset buttons with date text boxes */
#btnFilter,
#btnReset[aria-label="Reset date filter"],
#btnDelete {
    vertical-align: middle !important;
    display: inline-block !important;
    line-height: normal !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}
/* Ensure date input boxes align properly with buttons */
#txtStartDate,
#txtEndDate {
    vertical-align: middle !important;
    display: inline-block !important;
    line-height: normal !important;
}

.footer_right {
    width: 25%;
    color: #FFF;
    text-shadow: 1px 1px 0 #165480;
    font-weight: bold;
    font-size: 11px;
    float: right;
}

.footer_left {
    margin: 0;
}

.footer_center {
    margin: 0;
}

#footer {
    height: 40px;
    margin-top: 0px;
}

.ZebraDialog .ZebraDialog_Title {
    background: linear-gradient(to bottom, #2e6992 0%, #205378 100%);
    color: #ffffff !important;
}

.ZebraDialog_Title {
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
    background-color: white !important;*/
    /*color: black !important;*/
    /*border-bottom: solid 3px #2986c9;*/
}

.ZebraDialog_Close {
    text-shadow: none !important;
    background-color: transparent;
    color: white !important;
}

.ZebraDialog_Title a {
    color: white !important;
}

.tablefoot p {
    line-height: 1.5em !important;
    font-size: .95em;
}

.list-header-col {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    font-size: 11px;
    font-weight: 700;
}

a {
    color: rgb(0, 68, 153) !important;
}
/*.link_small {
    min-width: 44px;
    min-height: 44px;
}

.dropline {
    min-width: 44px;*/
/*min-height: 44px;*/
/*}*/

.aspNetDisabled {
    padding: 4px 5px;
    line-height: 16px !important;
    margin: 5px 4px 4px 0 !important;
    border-radius: 3px;
    cursor: not-allowed !important;
}

.zebra_close_btn {
    margin-bottom: 0px !important;
    padding-right: 0px;
    float: right;
    margin: 0px 0px 0 0;
    background: url(../styles/black/images/divclose_icon.png) no-repeat;
    background-position: left center;
    width: 22px;
    height: 22px;
}

.ZebraDialog .ZebraDialog_Buttons a {
    float: left;
}

.ZebraDialog_Buttons {
    padding-left: 46% !important;
}
/* Ensure skip links always have high-contrast colors */
.skip-link,
.skip-link:link,
.skip-link:visited,
.skip-link:hover,
.skip-link:focus {
    background-color: #2B648C !important; /* or another dark brand color */
    color: #ffffff !important; /* white text for contrast */
    text-decoration: none; /* optional – keep or remove underline */
}
/* If you use bottom skip links, give them the same treatment */
.skip-link-bottom,
.skip-link-bottom:link,
.skip-link-bottom:visited,
.skip-link-bottom:hover,
.skip-link-bottom:focus {
    background-color: #2B648C !important;
    color: #ffffff !important;
}



a:focus img {
    outline: 1px solid #2e6992;
    outline-offset: 2px;
    border-radius: 2px;
}

a:focus-visible {
    outline: 1px solid #2e6992;
}

a:focus {
    outline: none; /* fallback: avoid double focus where :focus-visible is supported */
}

.advReport_bottom {
    padding: 2px;
}

#lblHeadAddress2 {
    padding-left: 6px;
}

#divFacilityDetails a {
    color: white !important;
}

#divFacilityDetails {
    color: white !important;
}

.facilityheading {
    font-size: larger;
}

#lblFacilityName1 a {
    color: #006699 !important;
}

.facilitydetails-right .h5 {
    color: white !important;
}

#spnReportInstruction {
    color: #000 !important;
}

.listbutton #btnReset, #btnFilter, #btnShowAll, #btnGo {
    vertical-align: middle !important;
    display: inline-block !important;
    line-height: normal !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
}

td[colname="InvoiceAmount"] {
    text-align: right !important;
}

.button.btn-history:hover {
    background-color: #0066cc !important;
    border-color: #000000 !important;
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}

.close-reveal-modal {
    text-decoration: none !important;
}

.dropdown-menu li > a {
    color: black !important;
}

    .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
        background-image: none !important;
        background-color: rgb(245, 245, 245);
    }

.button.btn-history {
    margin: 0px 4px 6px 0px !important;
}

input[type="checkbox"] {
    min-height: 15px !important;
    min-width: 15px !important;
    padding-top: 0 !important;
}

.anchorbootstrap {
    color: black !important;
}

    .anchorbootstrap:hover {
        color: black !important;
        text-shadow: none !important;
    }

a[onclick="history.go(-1);"] {
    color: black !important;
    text-shadow: none !important;
}

/*a[onclick="history.go(-1);"]:hover, a[onclick="history.go(-1);"]:focus {
    color: black !important;
}*/

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: black !important;
    text-shadow: none !important;
}

.facilitydetails_wrap .trUsers:hover, .facilitydetails_wrap .trUsers:focus {
    background: #4873a8 !important;
}

.facilitydetails_wrap .trUsers.evnrw:hover, .facilitydetails_wrap .trUsers.evnrw:focus {
    background: #fef8e5 !important;
}

.instruction a {
    color: #0066cc !important;
}

#PickFacility a {
    padding-top: 0;
    display: inline-flex;
}

#PickInvoice a {
    padding-top: 0;
    display: inline-flex;
}

/* Dialog titlebar close: do not use global button blue; show icon */
.ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    color: inherit;
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
        background-image: url(JQueryUI/images/ui-icons_444444_256x240.png) !important;
        background-position: -96px -128px; /* closethick icon in sprite */
    }

.dropdown-menu ul {
    left: 0px !important;
}

.dropdown-menu li {
    min-height: 15px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.touch-target[type="checkbox"] {
    min-width: 16px !important;
    min-height: 16px !important;
}
/*.addincident_icon {
    background: #1565c0 !important;
    color: #FFFF !important;
}*/
/*span#incidentLabel.sr-only {
    color: transparent !important;
    background-color: transparent !important; 
}*/
#incidentAttachment.sr-only {
    color: #000 !important;
    background-color: transparent !important;
}

.formError .formErrorContent, #spanImmediateMessage, #spanDelayedMessage {
    width: 100%;
    position: relative;
    z-index: 1;
    color: #B91C1C !important;
    width: 210px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: none;
    padding: 4px 4px 4px 4px;
    text-align: left;
    line-height: 15px;
}

.heading3 {
    font-size: 1.15em;
    font-weight: bold;
    margin: 1em 0;
}

.heading4 {
    font-size: 1.65em; /* closer to default <h4> size */
    /*font-weight: bold;*/
    margin: 1em 0 0.5em; /* balanced spacing above/below */
}

.heading4Bold {
    font-size: 1.25em; /* closer to default <h4> size */
    /*font-weight: bold;*/
    margin: 1em 0 0.5em; /* balanced spacing above/below */
}

.heading5 {
    font-size: 1em; /* normal text size */
    /*font-weight: bold;*/ /* keep the emphasis */
    /*margin: 0.75em 0;*/ /* balanced spacing */
    line-height: 1.4; /* readable line spacing */
}

.heading2 {
    font-size: 1.5em; /* closer to default <h2> size */
    /*font-weight: bold;*/ /* strong emphasis */
    /*margin: 1.25em 0 0.75em;*/ /* more space above, balanced below */
    /*line-height: 1.3;*/ /* comfortable readability */
}

/*#addnewfacility {
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 2px;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #3C87D3;
    box-shadow: 0 1px 0 0 #B3D9FF inset;
    -moz-box-shadow: 0 1px 0 0 #B3D9FF inset;
    -webkit-box-shadow: 0 1px 0 0 #B3D9FF inset;
    background: #7ebdfc;
    background: -webkit-gradient(linear, left top, left bottom, from(#7ebdfc), to(#2687e9));
    background: -moz-linear-gradient(top, #7ebdfc, #2687e9);
    background: -ms-linear-gradient(top, #7ebdfc, #2687e9);
    background: -o-linear-gradient(top, #7ebdfc, #2687e9);
    background: linear-gradient(to bottom, #7ebdfc, #2687e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ebdfc', endColorstr='#2687e9');
    color: #fef4e9 !important;
    width: 110px;*/
    /* overflow: visible;
    float: none;*/ /* override .addincident_icon float if present */
    /*height: auto;
    margin: 0 5px 0 0;
    margin-top: -20px;*/
    /*margin-bottom: 10px;*/
/*}*/

/* Make #addnewitem match btnGo (.button.theme-color) */
/*#addnewitem,
a#addnewitem {
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 2px;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #3C87D3;
    box-shadow: 0 1px 0 0 #B3D9FF inset;
    -moz-box-shadow: 0 1px 0 0 #B3D9FF inset;
    -webkit-box-shadow: 0 1px 0 0 #B3D9FF inset;
    background: #7ebdfc;
    background: -webkit-gradient(linear, left top, left bottom, from(#7ebdfc), to(#2687e9));
    background: -moz-linear-gradient(top, #7ebdfc, #2687e9);
    background: -ms-linear-gradient(top, #7ebdfc, #2687e9);
    background: -o-linear-gradient(top, #7ebdfc, #2687e9);
    background: linear-gradient(to bottom, #7ebdfc, #2687e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ebdfc', endColorstr='#2687e9');
    color: #fef4e9 !important;
    width: auto;
    overflow: visible;
    float: none;*/ /* override .addincident_icon float if present */
    /*height: auto;
    margin: 0 5px 0 0;
    margin-top: -20px;*/
    /*margin-bottom: 10px;*/
/*}

    #addnewitem:hover,
    a#addnewitem:hover {
        background: #41a3ec;
        background: -webkit-gradient(linear, left top, left bottom, from(#41a3ec), to(#2a75ae));
        background: -moz-linear-gradient(top, #41a3ec, #2a75ae);
        background: -ms-linear-gradient(top, #41a3ec, #2a75ae);
        background: linear-gradient(to bottom, #41a3ec, #2a75ae);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a3ec', endColorstr='#2a75ae');
        
    }*/
#addnewitemlist,
a#addnewitemlist {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #F79537;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 5px 4px 5px;
    cursor: pointer;
    margin: 3px 5px 0 0px;
    text-align: center;
    text-decoration: none;
    font-family: tahoma;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 0 0 #B3D9FF inset;
    -moz-box-shadow: 0 1px 0 0 #B3D9FF inset;
    -webkit-box-shadow: 0 1px 0 0 #B3D9FF inset;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ebdfc', endColorstr='#2687e9');
    color: #fef4e9 !important;
    width: auto;
    overflow: visible;
    float: left; /* override .addincident_icon float if present */
    height: auto;
    margin: 0 5px 0 0;
    margin-top: -20px;
    /*margin-bottom: 10px;*/
}

    #addnewitemlist:hover,
    a#addnewitemlist:hover {
        background: #41a3ec;
        background: -webkit-gradient(linear, left top, left bottom, from(#41a3ec), to(#2a75ae));
        background: -moz-linear-gradient(top, #41a3ec, #2a75ae);
        background: -ms-linear-gradient(top, #41a3ec, #2a75ae);
        background: linear-gradient(to bottom, #41a3ec, #2a75ae);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a3ec', endColorstr='#2a75ae');
        text-decoration: none;
    }
#addnewitem {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #F79537;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0px 3px 0px 3px;
    width: 170px;
    font-size: 11px;
    font-weight: bold;
    color: #000 !important;
    text-align: center !important;
}

    #addnewitem a {
        color: #000 !important;
        text-decoration: none;
    }

    #addnewitem:hover,
    a#addnewitem:hover {
        background: none repeat scroll 0 0 !important;
        transition: all 300ms ease 0s !important;
        cursor: pointer !important;
        text-decoration: underline !important;
        /*	box-shadow: inset 0 0 1px #fff;*/
    }
#addnewitemnew {
    background: none repeat scroll 0 0 #fff;
    /*border: 2px solid #F79537;*/
    border-radius: 5px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0px 3px 0px 3px;
    width: 170px;
    font-size: 11px;
    font-weight: bold;
    color: #000 !important;
    text-align: center !important;
}

    #addnewitemnew a {
        color: #000 !important;
        text-decoration: none;
    }

    #addnewitemnew:hover,
    a#addnewitemnew:hover {
        background-color: #c0ddfd !important;
        border-radius: 3px;
        height: 20px;
        width: 20px;
        border: 1px solid #8fbffc;
        -moz-box-shadow: inset 0 0 3px #ccc;
        -webkit-box-shadow: inset 0 0 3px #ccc;
        box-shadow: inset 0 0 3px #ccc;
        margin: 0 5px 0 0;
    }
.addreport_icon {
    cursor: pointer !important;
    background: url(../styles/black/images/add_report.png) center no-repeat !important;
    float: left !important;
    height: 22px !important;
    width: 22px !important;
    margin: 0 5px 0 0 !important;
}

/*.addincident_icon {
    cursor: pointer !important;
    background: url(../styles/black/images/add_report.png) center no-repeat !important;
    float: left !important;
    height: 22px !important;
    width: 22px !important;
    margin: 0 5px 0 0 !important;
}*/

/*.addfacility_icon {
    cursor: pointer !important;
    background: url(../styles/black/images/add_report.png) center no-repeat !important;
    float: left !important;
    height: 22px !important;
    width: 22px !important;
    margin: 0 5px 0 0 !important;
}*/

./*addcombinedinvoice_icon {
    cursor: pointer !important;
    background: url(../styles/black/images/add_report.png) center no-repeat !important;
    float: left !important;
    height: 22px !important;
    width: 22px !important;
    margin: 0 5px 0 0 !important;
}*/

.addobservation_icon {
    cursor: pointer !important;
    background: url(../styles/black/images/add_report.png) center no-repeat !important;
    float: left !important;
    height: 22px !important;
    width: 22px !important;
    margin: 0 5px 0 0 !important;
}

.addnewsrelease_icon {
    cursor: pointer !important;
    background: url(../styles/black/images/add_report.png) center no-repeat !important;
    float: left !important;
    height: 22px !important;
    width: 22px !important;
    margin: 0 5px 0 0 !important;
}

/*.addattachment_icon {
    cursor: pointer !important;
    background: url(../styles/black/images/add_report.png) center no-repeat !important;
    float: left !important;
    height: 22px !important;
    width: 22px !important;
    margin: 0 5px 0 0 !important;
}*/

.error_content {
    color: #B91C1C !important;
}

.error {
    color: #B91C1C !important;
}

.height0 {
    height: 0 !important;
    padding: 0;
}
b
/* Scoped only to report popup to avoid side effects */
#PopupToCompany td.list-checkbox-cell {
    /* adds spacing between adjacent checkbox targets */
    padding-top: 6px;
    padding-bottom: 6px;
}

#PopupToCompany input[type="checkbox"][name="chkMultiPop"],
#PopupToCompany input[type="checkbox"][name="chkMultiheaderpop"] {
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
}
.form-container .fee-exemption-group legend,
.form-container .fee-exemption-group legend strong,
.form-container .fee-exemption-group legend a {
    text-decoration: none !important;
}

/*.addcombinedinvoice_icon {
    border: none !important;
}*/

/*#addnewitem,
a#addnewitem {
    border: none !important;
    box-shadow: none !important;
}*/
#addnewitem {
    margin-bottom: 6px;  
}
#addnewitem {
    width: 110px;   
     
}
.addcombinedinvoice_icon {
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0px 3px 0px 3px;
    width: 200px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #FF8131;
}
.heading-h4 {
    font-size: 1.5em; /* typical h4 size */
    font-weight: bold; /* matches heading weight */
    color: #ffffff; /* white text */
    margin: 1em 0; /* spacing similar to headings */
}
.list_description {
    margin-top: 2px !important;
}
a, a:hover, a:focus, {
    background-color: transparent !important;
    outline: none !important;
    outline-offset: unset !important;
}
/*span a:hover,
span a:focus,*/
li a:hover,
li a:focus,
p a:hover,
p a:focus {
    font-weight: bold;
}
.pop-innerbox .width2 {
    width: 145px !important;
}

.submission_link a:hover,
.submission_link a:focus,
.sublink a:hover,
.sublink a:focus 
{
    font-weight: bold !important;
}

#hlnkFacility:focus,
#hlnkFacility:active {
    background-color: transparent !important;
    box-shadow: none !important; /* optional, if you also don't want glow */
}
/* Preserve bold for site navigation/menu links on hover/focus/active (ADA-friendly) */
#fixed_menu ul li a,
#fixed_menu ul li a span,
.facility_menu ul li a,
.facility_menu ul li a span,
.dropline > ul > li a,
.facilitywrap_button a,
.facilitydetails-link a,
.facilitydetails-link-btn a,
.menutop a {
    font-weight: bold !important;
}

    /* Keep bold when hovered / focused / active and ensure visible focus outline for keyboard users */
    #fixed_menu ul li a:hover,
    #fixed_menu ul li a:focus,
    #fixed_menu ul li a:active,
    #fixed_menu ul li a.active,
    .facility_menu ul li a:hover,
    .facility_menu ul li a:focus,
    .facility_menu ul li a:active,
    .facility_menu ul li a.active,
    .dropline > ul > li a:hover,
    .dropline > ul > li a:focus,
    .dropline > ul > li a:active,
    .dropline > ul > li a.active,
    .facilitywrap_button a:hover,
    .facilitywrap_button a:focus,
    .facilitywrap_button a:active,
    .facilitywrap_button a.active,
    .facilitydetails-link a:hover,
    .facilitydetails-link a:focus,
    .facilitydetails-link a:active,
    .facilitydetails-link a.active {
        font-weight: bold !important;
    }

    /* Accessible focus indicator (doesn't alter layout) */
    #fixed_menu ul li a:focus,
    .dropline > ul > li a:focus {
        outline: 3px solid #0066cc !important;
        outline-offset: 2px !important;
        box-shadow: 0 0 0 2px rgba(0,102,204,0.15) !important;
    }

    /* Prevent focus/selected ring clipping for popup cancel button */
    #popupdivObject .popup_button {
        padding-bottom: 4px; /* room for 2px outline + 2px offset */
    }

/* Only these 3 links should not turn blue on active/click/focus */
#aFacilityBilling,
#aFacilityBilling:hover,
#aFacilityBilling:focus,
#aFacilityBilling:active,
#aFacilityBilling.active,
#aFacilityReports,
#aFacilityReports:hover,
#aFacilityReports:focus,
#aFacilityReports:active,
#aFacilityReports.active,
#aFacilityDocuments,
#aFacilityDocuments:hover,
#aFacilityDocuments:focus,
#aFacilityDocuments:active,
#aFacilityDocuments.active {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    text-shadow: 0 -1px 0 #ffffff !important;
    border-radius: 5px; /* keep same shape */
}

/* Prevent text/arrow overlap in listing filters + jurisdiction dropdown */
#ddlJurisdictionList,
.listtable select[id^="ddltr_"] {
    box-sizing: border-box;
    padding-right: 2rem !important; /* reserve arrow area */
    
}