@media (min-height: 565px) {
    .loginInputCustom{        width: 36%;            }    
    .loginButtonRowCustom{        width: 36%;               }    
    .slcmTextBlock{                width: 36%;            }        
}

@media (max-height: 879px) and (orientation: portrait ) {
        .hspanCustom {    height: 170vh!important;      }
}

@media (max-height: 879px) and (orientation: landscape ) {
    .hspanCustom {    height: 250vh!important;      }
}

@media (min-height: 880px) {    
    .hspanCustom {    height: 130vh!important;      }    
}


/* Mobile portrait */
@media (max-width: 480px) and (orientation: portrait), (max-width: 360px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
}
@media (max-height: 459px) and (orientation: portrait), (max-height: 459px) and (max-width: 360px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
    .hspanCustom {    height: 230vh!important;      }
}
@media (max-height: 411px) and (orientation: portrait), (max-height: 411px) and (max-width: 360px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
    .hspanCustom {    height: 230vh!important;      }    
}
@media only screen and (max-heix) and (orientation: portrait), (max-height: 363px) and (max-width: 360px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }    
}
@media only screen and (max-height: 315px) and (orientation: portrait), (max-height: 315px) and (max-width: 360px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
}

/* Mobile landscape */
@media (max-height: 568px) and (min-width: 361px) and (orientation: landscape) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }

}
@media (max-height: 395px) and (min-width: 361px) and (orientation: landscape) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
}
@media (max-height: 347px) and (min-width: 361px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
}
@media (max-height: 299px) and (min-width: 361px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
    
}
@media (max-height: 251px) and (min-width: 361px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
}
@media (max-height: 200px) {
    .loginInputCustom{        width: 80%;            }    
    .loginButtonRowCustom{        width: 80%;               }    
    .slcmTextBlock{                width: 80%;            }
}





.slcmFooter { position: fixed!important; bottom: 0; left: 0; right: 0; z-index: 99; width: 100% ; background-color: #2f3c48; }

.slcmFooterCopyRight { color: white!important }

.slcmFooterLink{

    color: #7ed0ff;
    text-decoration: underline;

}


.infoBlock{
    width: fit-content;
}

.slcmBlockPortalInfo{
    margin-top: 2%!important;
    /*margin-bottom: 2%!important;*/
}

.slcmBlockPortal{
    /*margin-top: 2%!important;*/
    margin-bottom: 2%!important;
}

.contactSlcmInfo{
    margin-bottom: 17%!important;
}

.customMain{
    transform: translateY(0%)!important;
    top: 1%!important;   
    justify-items:center!important;
    display: grid;
}

.customLoginInputField {
    box-sizing: border-box!important;
    width: 100%!important;
}


.sapUiLightestBG{
    background-color: transparent!important;
}

.loginFormCustom{
    width: 100%!important;
    justify-items: center!important;
    display: grid;
}   

.loginSelectCustom{
    width: 100%!important;
    margin-top: 3%!important;
    margin-bottom: 3%!important;
}

.slcmBlock{
    display: block; 
    justify-items: center!important;
}


.loginButtonCustom{
    width: 100%!important;    
}