body#desktop{background-image:none; background-color: #0081d4;}
body#desktop:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:-5%;
    background: url(../../../images/login.webp) center top no-repeat;
    z-index:-1;
    pointer-events:none;
    background-size:100%;
}

#login{display:flex;height:100%;align-items:center}
#login .login-box{width:50%;height:100%;display:flex}
#login .login-box .box-inner{justify-content:center;display:flex;width:380px;margin:auto;padding:20px;flex-direction:column;max-width:50%;box-shadow:0 0 10px #FFF;background-color:#FFF}
#login .login-box .box-inner h1{font-size:34px;font-weight:300;border-bottom: 2px solid var(--color-primary);padding-bottom:12px;margin-top:0;}
#login .login-box .box-inner form#loginform button{display:block;width:100%;margin-top:50px}
#login .login-box .box-inner form#loginform .nice-select.select{width:100%}
#login .login-box .box-inner form#loginform .nice-select:active,#login .login-box .box-inner form#loginform .nice-select.open,#login .login-box .box-inner form#loginform .nice-select:focus{border-color:#00a7f5}


@media (max-width: 1200px) {
#login .login-box{width:80%}
}

@media (max-width: 992px) {
#login .login-box{width:80%}
}

@media (max-width: 768px) {
#login .login-box{width:100%;width:100%}
#login .login-image{display:none}
}