.site-header {
    background-color: #FFFFFF;
    color: #00205c !important;
}

.loginButton, .buttonL1, .buttonL2, .buttonL3, .buttonL4, .mutliselectBtn, .sapUserInfoMenuSelected, a.hpam-tab-link:focus, a.hpam-tab-link-grey:focus, .hpam-tab-link {
    color: white;
    background-color: #00205c !important;
}

.panelnumber {
    background-color: #00205c;
}

.bannerMid {
    margin-right: auto;
    top: -0.5rem;
    margin-left: 1.6rem;
}

/** Main tabs **/

.tab {
    background-color: transparent;
}

.tab a {
    color: #00205c;
}

.rich-tab-active a {
    color: #00205c !important;
}

.rich-tab-active {
    border-bottom: 0.4rem solid #00205c !important;
}

.tab.rich-tab-inactive {
    border-bottom: none;
}

/** Active subtab **/

.subtab-active {
    border: none;
    border-bottom: 0.4rem solid #00205c !important;
    background-color: transparent !important;
}

.subtab-active a {
    color: #00205c !important;
}

.subtab a {
    color: #00205c;
}

.subtab-active a {
    color: #00205c;
}

/** Inactive subtabs **/

.rich-tab-inactive.subtab {
    border: none;
    background-color: transparent !important;
}

/** Tab hover **/

.tab:hover {
    border-bottom: 0.4rem solid #00205c !important;
}

.tab:hover a {
    color: #00205c !important;
    font-weight: bolder;
}

.subtab:hover:not(.subtab-disabled) {
    border-bottom: 0.4rem solid #00205c !important;
}

.subtab:hover:not(.subtab-disabled) a {
    color: #00205c !important;
    font-weight: bolder;
}

/** End tab hover **/

@media only screen and (max-width: 767.98px) {
    /** Responsive active main tab **/
    .subtab-text, .text-title {
        color: #00205c !important;
    }
    .activeTab {
        background: #00205c;
        border-bottom: medium solid #00205c;
        color: white !important;
    }
    /** Responsive active subtab left border **/
    .subtab-active.mobileTab[showmenu="true"] {
        border-left: .8rem solid #00205c !important;
        color: #00205c !important;
    }
    .subtab-active.mobileTab a {
        color: #00205c !important;
    }
    /** Responsive tab border colors **/
    .activeTab, .rich-tab-header.mobileTab {
        border-top: .1rem solid #00205c !important;
    }
    .tab.rich-tab-inactive, .rich-tab-header.subtab.mobileTab {
        border-bottom: none;
    }
    /** End responsive tab border colors **/
    #activeSubTabTitle, #activeSubTabTitle[showmenu="false"] {
        background-color: #00205c !important;
    }
    .rich-tab-header {
        background: #f2f2f2 !important;
    }
    .tab:hover a {
        color: #00205c !important;
        font-weight: bolder;
    }
}

@media only screen and (max-width: 991.98px) {
    .mobileTableHeader {
        background-color: #00205c !important;
        color: white !important;
    }
    .mobileRowSelected {
        background-color: #00205c !important;
        color: white;
    }
}

@media only screen and (max-width: 575.98px) {
    .bannerLogo {
        width: 10.7rem;
        height: 6.5rem;
        object-fit: cover;
        object-position: -1% 0;
    }
}