#loginResponsiveIcon {
    background-color: #1F8035;
}

#logoutResponsiveIcon {
    background-color: #dc3545;
}

#page-title 
    {
        color: #0076B1; 
        margin-bottom: 0px; 
        margin-top: 0.7em;
    }

 @media screen and (min-width: 768px) {
/*    .clfielddrop.dropdown:hover .dropdown-menu, .search.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
        display: block;
    } 
*/
    .clfielddrop.dropdown:hover .dropdown-menu, .search.dropdown:hover .dropdown-menu, .dropleft.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
        display: block;
    }

       /* .clfielddrop.dropdown .dropdown-menu a:hover, .search.dropdown .dropdown-menu a:hover {
            display: block;
        } */

    .dropdown-menu {
        margin-top: 0;
    }

    .dropdown-toggle {
        margin-bottom: 2px;
    }
} 

@media(min-width:992px){
    .profileIcon{
        display:none;
    }
}
/* Loop 2 W1: focus visible (WCAG 2.4.7), skip link (2.4.1), sticky header offset (2.4.11). */
/* Porto vendor CSS sets body a{outline:none !important}. The body prefix wins on specificity. */
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body [tabindex]:not([tabindex="-1"]):focus-visible {
    outline: 2px solid #005fcc !important;
    outline-offset: 2px;
}
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #fff;
    color: #000;
    padding: 8px 16px;
    z-index: 10000;
}
.skip-link:focus {
    left: 8px;
    top: 8px;
}
html {
    scroll-padding-top: 80px;
}
/* Loop 2 W1a: floating-label fields (.group > input ~ label.label). The W1 outline runs through the floated label; */
/* these fields show focus as a bottom bar. :is() gives (0,4,1), above the W1 tabindex selector (0,3,1) on inputs with tabindex. */
.group > :is(input:not([type="checkbox"]):not([type="radio"]), select):focus-visible {
    outline: none !important;
    box-shadow: 0 3px 0 0 #005fcc;
}

/* Loop 2 W14: Bootstrap and Porto vendor colours below 4.5:1, overridden here (vendor files stay unchanged). */
html body .text-primary { color: #0076B1 !important; }
html body .btn-link, html body .btn-flat, html body .nav-pills .nav-link:not(.active) { color: #0076B1; }
html body .btn-outline-success { color: #1F8035; border-color: #1F8035; }
html body .btn-outline-success:hover, html body .btn-outline-success.active, html body .btn-outline-success:not(:disabled):not(.disabled).active { color: #fff; background-color: #1F8035; border-color: #1F8035; }
html body .btn-success, html body .btn-success:focus { background-color: #1F8035; border-color: #1F8035; }
html body .btn-success:hover { background-color: #186a2b; border-color: #186a2b; }
/* The footer is grey on black: #666 fails there (3.65), #999 passes (7.37). */
#footer p, #footer li, #footer strong, #footer span, .body > #footer .copyright { color: #999999; }

/* Release 40.10 (Confluence 627343361 row 5), W1a amendment: a field in error (aria-invalid="true", set by the validators) */
/* keeps its focus bar, in the W14 error colour. Same :is() list as the W1a rule plus the attribute: (0,5,1) beats W1a's (0,4,1). */
.group > :is(input:not([type="checkbox"]):not([type="radio"]), select)[aria-invalid="true"]:focus-visible {
    box-shadow: 0 3px 0 0 #cc0000;
}

/* Release 40.10 (Confluence 627343361 row 36), W14 amendment: the check icon inside .btn-outline-success carries an inline */
/* style="color: green" (AutoPayments, PayMultipleAccounts, FiberPlans), invisible on the #1F8035 hover fill. Only !important beats an inline style. */
html body .btn-outline-success:hover .fa-check { color: #fff !important; }

.modal-header .modal-title:not(:has(b, strong)) { font-weight: 700; }