/* HEADER */

.site-header{
    background-color: #003DA5;
}

.bannerLogo{
    margin-left: 4rem;
    max-height: 7rem!important;
    max-width: 45rem!important;
}
.bannerText{
    color:#fff;
    padding: 10px;
    position: relative;
    margin-right: 26rem;
    letter-spacing: 1.5px;
    font-weight: normal;
    font-family: "Fira Sans", sans-serif !important;
    text-transform:  uppercase !important;
}

/* TEXT - FONT */

body, input, textarea, select, label, a, h2, h3, h3, h5,
.res-detail-permissions,
.rich-subtable-footercell,
.subtablecell,
.txtinput,
.commentCls,
.superscript,
.dateRangeCompFont,
.dr-table-cell,
.dr-pnl,
.dr-pnl-b,
.dr-pnl-h,
.dr-tbpnl-tb,
.dr-tbpnl-cntnt,
.dr-subtable-cell,
.dr-table-footercell,
.rich-table-headercell,
.rich-table-subheadercell,
.target-cell,
.rich-shuttle-source-cell,
.rich-shuttle-source-cell-active,
.rich-shuttle-source-cell-selected,
.rich-shuttle-source-caption,
.rich-shuttle-target-cell,
.rich-shuttle-target-cell-active,
.rich-shuttle-target-cell-selected,
.rich-shuttle-target-caption,
.rich-list-shuttle-button-content,
.panel,
.subLevelTreeTbl,
.user-entitlement-table-cell,
.user-access-table-cell,
.user-entitlement-table-hdr,
.rich-calendar-days,
.rich-calendar-month,
.rich-calendar-tool,
.rich-calendar-cell,
.rich-calendar-toolfooter
{
    font-family: "Fira Sans", sans-serif !important;
}

h2{
    text-transform: capitalize !important;
}
.boldTxt{
    color: #003DA5;
    font-family: "Fira Sans", sans-serif !important;
}
.dr-tbpnl-cntnt{
    color: #666666;
    font-family: "Fira Sans", sans-serif !important;
}
.text-title, h3 {
    font-weight: bold;
    font-family: "Fira Sans", sans-serif !important;

}
.panelheader{
    text-transform: capitalize;
}
/* ensures the text is white */ 
.ss_labelText_white{
    color: white;
}

/* BUTTONS */

/* 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: #003DA5 !important;
}

/* Hides the 'Review Match Data' button from ADMIN > User Match Tab. */

input[id^='viewUserMatchesForm\:userMatchreqtbl\:'][value='Review Match Data']{
    display: none;
}

/* TOP HEADER TABS */

    /* ACTIVE */
.rich-tab-active {
    background-color: #fff;
    color:#003DA5 !important;
    font-weight:  bold;
    border-bottom: medium solid #ffb81c;
}
.rich-tab-active:hover{
    background-color: #999999;
    color: #fff !important;
    border-bottom: 0.3rem solid #003DA5;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
}
.rich-tab-active a {
    color: #003DA5 !important;
    border-bottom: 0.3rem solid #fff;
}
.rich-tab-active a:hover {
    color: #fff !important;
    border-bottom: 0.3rem solid #ffb81c;
}

    /* DISABLED */
.rich-tab-inactive, .rich-tab-disabled{
    background-color: #fff;
    color:#003DA5 !important;
    font-weight:  bold;
    border-bottom: 0.3rem solid #003DA5;

}

.rich-tab-inactive:hover{
    background-color: #999999;
    color: #fff !important;
    border-bottom: 0.3rem solid #fff;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
}


.rich-tab-inactive a {
    color: #000 !important;
    border-bottom: 0.3rem solid #fff;
}
.rich-tab-inactive a:hover {
    color: #fff !important;
}

/* SUB HEADER TABS */
.subtab-text:hover{
    color: #fff !important;

}
    /* ACTIVE */
.subtab.rich-tab-active {
    background-color: #003DA5 !important;
    border-bottom: 0.3rem solid #ffb81c;
}
.subtab.rich-tab-active:hover {
    background-color: #fff !important;
    color: #003DA5 !important;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    border-bottom: 0.3rem solid #FFB81C;
}

.subtab.rich-tab-active a {
    color: #fff !important;
    border-bottom: 0.3rem solid #003DA5;
}
    /* DISABLED */
.subtab.rich-tab-inactive{
    background-color: #fff  !important;
    color:#003DA5 !important;
    font-weight:  bold;
    border-bottom: 0.3rem solid #c1c6c8;
}
.subtab.rich-tab-inactive a:hover{
    color: #000;
    border-bottom: 0.3rem solid #ffb81c;
}
.subtab.rich-tab-inactive:hover {
    background-color: #fff !important;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    border-bottom: 0.3rem solid #003DA5 !important;
}

/* OTHER */

.panelnumber {
    background-color: #003DA5;
}

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

.mobileNameSection{
    display: none;
}

.acct-type-hdr,
.selresourcebar,
.res-detail-panel-new-user,
.requesters-table-caption-blue-bkgr,
.selaccountbar,
.account-details-container,
.apprRadioCellHeaderEnabled,
.assignedTableActionBck,
.certifytableActionBck,
.assignedTableActionBckEnd,
.certifytableActionBckEnd,
.tablenobordertopnobotmarg,
.tooltip,
.dateRangeCompInnerTable,
.site-header,
.subTableHeader {
    background-color: #003DA5;
}

/* RESPONSIVE KEYS*/
@media only screen and (min-width: 767.98px)
{
    .activeTab {
        background: #003DA5;
        border-bottom: #003DA5;
    }

    .subtab.rich-tab-active a {
        border-bottom: #003DA5;
    }

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

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

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

    #activeSubTabTitle,
    #activeSubTabTitle[showmenu="false"] {
        background-color: #003DA5 ;
    }
}
@media only screen and (max-width: 767.98px)
{
    .activeTab {
        background: #003DA5;
        border-bottom: #003DA5;
    }

    .subtab.rich-tab-active a {
        border-bottom: #003DA5;
    }

    .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: #003DA5 !important;
         font-weight: bold;
    }

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

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