/*login background image*/
#empowerId-login {
    background-image: url(images/sap-login-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 100vh;
}

/*login header icon*/
#empowerId-login .login-header {
    padding: 22px 25px;
    align-items: center;
}

.login-icon {
    vertical-align: middle;
    display: flex;
    background: url(images/sap-logo.svg);
    align-items: center;
    height: 37px;
    background-repeat: no-repeat;
    background-position: -19px -4px;
}

.login-icon .login-text {
    font-size: 20px;
    color: #5d6870;
    margin-left: 115px;
    border-left: 1px solid #e8e8e8;
    padding-left: 20px;
 }

/*header section logo*/
.eid-logo {
    background: url(images/sap-header-logo.svg);
    display: inline-block;
    width: 100px;
    margin-top: 0px;    
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
    background-repeat: no-repeat;
}

#eid-page-header .eid-main-header .eid-main-header-message h1 {   
    display:none;
}

#eid-page-header .eid-main-header .eid-main-header-title a.eid-navbar-toggle::after {
    position: relative;
    top: 3px;
}

#eid-page-header .eid-main-header .eid-cart-outer .eid-cart-global::before {   
    margin-top: 27px;  
}

@media(min-width:1060px) and (max-width:1080px) {
    #eid-page-header .eid-main-header #header-search-bar {
        padding: 18px 20px !important;
    }
}

/*login page header card padding*/
#passwordless-login-first-screen fieldset.header-section legend.eid-form-section-title.ui-widget-header span, .insert-security-key .eid-form .u2f-container .header {
    padding: 22px 25px !important;
    font-style: normal;
}

#passwordless-login-second-screen .eid-mfa .eid-mfa-header, #empowerId-login .login-header {
    padding: 22px 25px !important;
    font-style: normal;
}

.MultiFactor-authentication .header-multifactor {
    font-style: normal;
    padding: 22px 25px !important;
}

.device-registration .sixcol .eid-box .device-registration-header, .one-time-password .sixcol .eid-box .device-registration-header {
    padding: 22px 25px !important;
    font-style: normal;
}

/*eid-OnetimePasssword-MultiFactor-authentication*/
.eid-OnetimePasssword-MultiFactor-authentication .header-multifactor {
    padding: 22px 25px !important;
    font-style: normal;
}

.eid-OnetimePasssword-MultiFactor-authentication .header-multifactor .login-icon {
    vertical-align: middle;
    display: flex;
    background: url(images/google-auth.svg);
    align-items: center;
    height: 25px;
    background-repeat: no-repeat;
    background-position: inherit;
 }

.eid-OnetimePasssword-MultiFactor-authentication .header-multifactor .login-icon .login-text {
     font-size: 20px;
     color: #5d6870;
     margin-left: 35px;
     border-left: none;
     padding-left: 0px;
 }