/* ADA Focus Styles - Safe, Non-Intrusive */
:focus-visible {
    outline: 3px solid #003cff !important;
    outline-offset: 2px;
}

/* Fix focus outline for divs, spans and gridview elements */
[tabindex]:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #003cff !important;
}

@media (min-resolution: 120dpi) and (max-width: 1400px) {
    /* Simulates 200% zoom on many screens */
    .form-group .col-md-4,
    .form-group .col-md-8,
    .form-group .col-md-5,
    .form-group .col-md-7,
    .col-lg-6
    {
        width: 100% !important;
        text-align: left !important;
    }

    .form-group label {
        margin-bottom: 5px;
    }
}

a {
    color: #296791; /* Accessible blue */
}

a:hover {
      color: #1f5878;
}


/* ADA-compliant Bootstrap 3 primary button */
.btn-primary {
    background-color: #204d74 !important;
    border-color: #173e5a !important;
    color: #ffffff !important;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #173e5a !important;
        border-color: #102d43 !important;
    }

/* ADA-compliant Success Button */
body .btn.btn-success,
body .btn-success {
    background-color: #0b5d1e !important; /* dark green */
    border-color: #094d17 !important;
    color: #ffffff !important;
}

    body .btn.btn-success:hover,
    body .btn.btn-success:focus,
    body .btn.btn-success:active {
        background-color: #094d17 !important;
        border-color: #073b12 !important;
        color: #ffffff !important;
    }


/* ADA-compliant Danger Button */
body .btn.btn-danger,
body .btn-danger {
    background-color: #a10f1b !important; /* deep red */
    border-color: #7f0c15 !important;
    color: #ffffff !important;
}

    body .btn.btn-danger:hover,
    body .btn.btn-danger:focus,
    body .btn.btn-danger:active {
        background-color: #7f0c15 !important;
        border-color: #5c090f !important;
        color: #ffffff !important;
    }

/* ADA-compliant Info Button */
body .btn.btn-info,
body .btn-info {
    background-color: #0b4f6c !important; /* dark info blue */
    border-color: #093f56 !important;
    color: #ffffff !important;
}

    body .btn.btn-info:hover,
    body .btn.btn-info:focus,
    body .btn.btn-info:active {
        background-color: #093f56 !important;
        border-color: #073243 !important;
        color: #ffffff !important;
    }

#<%= CalArrivalDate.ClientID % > _popupDiv td a:focus {
    outline: 3px solid #005fcc !important;
}


.skip-link {
    position: absolute;
    top: -40px;
    left: 10px;
    background: #000;
    color: #fff;
    padding: 8px 12px;
    z-index: 10000;
    text-decoration: none;
    border-radius: 4px;
}

    /* Show only when keyboard users tab */
    .skip-link:focus {
        top: 10px;
    }