/* login */

main,.xpr-landing,.xpr-landing > .container-fluid,
.login,.login-wrapper { width:100%;height:100%; }
.xpr-landing { width:100%;margin:0px; }
.xpr-landing > .container-fluid { width:100%; }
.login > .container { height:100%; }
header { display:none;margin-bottom:0; }
.underline { text-decoration:underline; }
#particles-js.homeSlider { position:fixed;top:0;left:0;width:100%;height:100%;background:#04151d; }
.login h2,.login p { color:#595959;font-size:26px;text-align:center;margin:30px 0px; }
.login p { font-size:18px; }
.login .logo { display:block;width:75%;margin:0px auto; }
.login footer { width:100%;color:#595959;background:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:10px 20px;font-size:11px;margin-top:-1px; }
.login footer div { color:#595959; }
.login footer span { color:#afafaf; }
.version { position:absolute;left:30px; }
.login .form-container { border-radius:3px;padding:80px 40px 40px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none; }
.login .text-danger,.login .text-success { background:#D53634;padding:5px;border-radius:3px;font-size:14px;margin:0px 0px 10px; }
.login .text-success { background:#50C29B; }
.vertical-center { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
.main-form input[type="text"],
.main-form input[type="password"] { margin-bottom:20px;background:#fff;color:#000;padding:5px 10px;border:0px; }
.cta-3 { transition:background .25s ease;-webkit-transition:background .25s ease; }
.cta-3.bg-blue:focus,.cta-3.bg-blue:hover { background:#0079b7; }
.cta-3.bg-grey:focus,.cta-3.bg-grey:hover { background:#a2a2a2; }
.cta-3.disabled { opacity:1;cursor:default; }
#login-form { overflow:hidden; }
.steps { position:relative;left:-100%;width:200%;transition:left .25s linear;-webkit-transition:left .25s linear; }
.steps.step-0,
.change-password .steps.step-1 { left:0%; }
.steps.step-2 { left:-100%; }
.login .steps .step { float:left;width:50%;margin:0;padding:0 40px; }
.links { margin:20px 0px 0px;text-align:center; }
.login .link { display:block;margin:0px auto !important; }
.fa-spin { margin-left:5px; }

/* particles onload effect */
.particles-js-canvas-el{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:appear 1.4s 1;animation:appear 1.4s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes appear{from{-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes appear{from{-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1}}

/* loader */

.showbox { width:20px;margin-left:5px; }
.showbox svg { margin-top:-3px; }
.showbox svg circle { stroke:rgb(255,255,255); }

/* responsive */

@media (max-width: 1199.98px) {  }
@media (max-width: 991.98px) {  }
@media (max-width: 767.98px) {  }
@media (max-width: 575.98px) { 
    .login .steps .step { padding:0px 20px; } 
    .login .form-container { padding:40px 20px; }
}