.bannerLogo{
    height: 4.8rem !important;
    width: 16rem !important;
    max-width: 12rem !important;
    padding-top: 1rem;
}

html, body {
    background-color: #DDDDDD;
}

.site-header{
    background-color:white !important;
    height:8rem;
    color:#592b82 !important;
}

#header{
    padding-top:2.5rem;
    box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.12), 0 0.1rem 0.2rem rgba(0,0,0,0.24);
}

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

.bannerRight {
    position: relative;
    top: -1rem;
}

.logonTitle, .loginUserIdArea{
    color: #362f93;
}

.loginButton {
    padding: 0;
    border-radius: 0.6rem;
    line-height: 4rem;
    border: 0.3rem solid #592b82;
    background-color: #592b82 !important;
    color: white;
    font-weight: 800;
    transition: ease .4s;
}

.loginButton:hover {
    background-color: #362f93 !important;
    color: white;
    border: 0.3rem solid #362f93;
}

.loginInput {
    padding: 0.4rem 0.4rem !important;
    margin-top: 1.5rem;
    border: 0.1rem solid #ccc;
    background-color: transparent;
    height: 4rem;
    margin-bottom: 1.5rem;
    border-radius: 0.8rem;
}

.logonloc{
    border-radius: 0.8rem;
    box-shadow: 0 1rem 2rem rgba(0,0,0,0.19), 0 0.6rem 0.6rem rgba(0,0,0,0.23);
}

input:not([type="image"]):focus, select:focus{
    background-color: #362f9320 !important;
}
input:focus, select:focus{
    outline:#362f93 !important;
    border-radius: 0.4rem;
}
select{
    border-radius: 0.4rem;
}

.screenfooter{
    color: #362f93;
    border:none;
}

.panelnumber {
    background-color: #592b82;
    color: white;
}

.buttonL2, .buttonL3, .buttonL4, .anchorAsButton, .sapUserInfoMenu, .sapUserInfoMenuSelected {
    border-radius: 0.6rem;
    line-height: 4rem;
    border: 0.3rem solid #592b82;
    background-color: #592b82 !important;
    color: white;
    font-weight: 800;
    transition: ease .4s;
}

.buttonL1:hover, .buttonL2:hover, .buttonL3:hover, .buttonL4:hover, .anchorAsButton:hover, .mutliselectBtn:hover, .sapUserInfoMenuSelected:hover, .apprRadioCellHeaderApproved, .apprRadioCellBodyApproved, .apprRadioCellHeaderDenied, .apprRadioCellBodyDenied, .apprRadioCellHeaderReassigned, .apprRadioCellBodyReassigned {
    background-color: #362f93 !important;
    color: white;
    border: 0.3rem solid #362f93;
}

.rich-tab-header {
    background: transparent !important;
    border-bottom: 0.4rem solid #592b82 ;
}

.subtab-active a, .rich-tab-active a {
    color: #592b82 !important;
}

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

.tab:hover {
    border-bottom: 0.4rem solid #362f93;
}

.tab:hover a {
    font-weight: bolder;
    color: #362f93;
}

.subtab.rich-tab-active {
    border-bottom: 0.4rem solid #362f93 !important;
    background-color: transparent !important;
    border: none;
}

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

.subtab:hover:not(.subtab-disabled) {
    border-bottom: 0.4rem solid #362f93 !important;
    background-color: transparent !important;
    border: none;
    font-weight: bolder;
    color: #362f93 !important;
}

.subtab a,.panel h2{
    color: #362f93 !important;
}

.subtab a:hover{
    color: #362f93 !important;
}

.maintab-text text-title uppercase{
    color:#362f93 !important;
}
.maintab-text {
    color: #362f93 !important;
}

.selfregbodyinstr, .kioskbodyinstr {
    color: #362f93;
}

#bannerform1 {
    color: #362f93;
    position: relative;
    top: 0.5rem;
}

.bannerText {
    position: relative;
    top: 1rem;
}

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

@media only screen and (max-width: 767.98px) {
    .activeTab {
        padding-left: 2.5rem;
        font-size: 1.4rem;
        background: #592b82;
        border-bottom: medium solid #592b82;
        border-top: 0.1rem solid white !important;
        color: white !important;
    }

    .rich-tab-active a {
        color: white !important;
    }

    .subtab-active.mobileTab[showmenu="true"] a {
        color: #592b82 !important;
    }

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

    #activeSubTabTitle, #activeSubTabTitle[showmenu="false"] {
        background-color: #592b82 !important;
    }

    #activeSubTabTitle {
        color: #362f93 !important;
    }

    .rich-tab-header {
        background: #592b82 !important;
    }

    .maintab-text {
        color: white !important; 
    }
}

input.disabledInput {
    background-color: #362f9350 !important;
    outline: #362f93 !important;
    border-radius: 0.4rem;
}

input{
    border-radius: 0.4rem;
}

.selresourcebar{
    background-color:#592b82;
}

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