.site-header{
    background: black;
}

.bannerLogo{
    margin-left: 4rem;
    max-height: 7rem!important;
    max-width: 40rem!important;
}
.bannerText{
    color:#fff;
    padding: 10px;
    position: relative;
    margin-right: 22rem;
}
.dr-tbpnl-cntnt{
    color: #666666;
}
.text-title, h3 {
    font-weight: bold;
}

.loginButton{
    background-color: #000 !important;
}

.rich-tab-inactive, .rich-tab-disabled, .rich-tab-inactive.subtab{
    background-color: #fff;
    color:#000 !important;
    font-weight:  bold;
}

.rich-tab-active{
    background-color: #000;
    outline: #fff;
    border-bottom: 2px solid #fff;

}
.rich-tab-active:hover{
    background-color: #999999;
    border-bottom: solid #003469;
}

.tab.rich-tab-inactive{
    border-bottom: 0.3rem solid #000;
}
.tab.rich-tab-inactive:hover{
    background-color: #999999
        }
.rich-tab-active a {
    border-bottom: medium solid #fff;
}

.rich-tab-inactive a {
    color: #000 !important;
}

.subtab.rich-tab-active {
    background-color: #000 !important;
    border-bottom: 0.3rem solid #000;
}
.subtab.rich-tab-active:hover{
    background-color: #999999 !important;
}
.subtab.rich-tab-inactive:hover {
    background-color: #999999 !important;
}

.subtab.rich-tab-active a {
    color: #fff !important;
    border-bottom: 0.3rem solid #fff;
}

.panelnumber {
    background-color: #000;
}

.panel.numbered.disabled .panelnumber{
    background-color: #000;
}

.mobileNameSection{
    color:#fff;
}
.tab:hover{
    color:#000 !important;
}
.selresourcebar {
    background-color:black;
}
/* This is all of the buttons */
.loginButton, .buttonL1, .buttonL2, .buttonL3, .buttonL4, .anchorAsButton, .mutliselectBtn, .chevronMultiSelectBtn, .ss_manager_button, .launch_wf_button, .sapUserInfoMenuSelected, .hpam-tab-link, .dateRangeCompFont, .rich-calendar-today, .rich-calendar-header, .rich-calendar-tool, .rich-calendar-month {
    color: white;
    background-color: #000 !important;
}
@media only screen and (max-width: 991.98px) {
    .mobileTableHeader {
        background-color: #000 !important;
    }
    .mobileRowSelected {
        background-color: #000 !important;
    }
}
@media only screen and (max-width: 767.98px) {
    .activeTab {
        background: #000;
        border-bottom: #000;
    }

    .subtab.rich-tab-active a {
        border-bottom: none;
    }

    .subtab-active.mobileTab[showmenu="true"] {
        border-left: none !important;
    }

    .subtab {
        background-color: #fff !important;
    }
     .subtabOverflow .subtab {
        background-color: #fff !important;
        font-weight: bold;
    }

    .subtabOverflow .subtabMenu {
         background-color: #000 !important;
         font-weight: bold;
    }

    #activeSubTabTitle,
    #activeSubTabTitle[showmenu="false"] {
        background-color: #000 ;
    }
}