.loading-box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9647!important;opacity:.4;background-color:#000}.sk-circle{width:80px;height:80px;left:50%;top:50%;margin-left:-40px;margin-top:-140px;position:absolute}.sk-circle .sk-child{width:100%;height:100%;position:absolute}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:red;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.login-background{background-image:url(/static/img/12.png);min-height:100vh;width:100vw;background-repeat:no-repeat;background-attachment:fixed}.login-box,.register-box{margin:0 auto!important;width:60%}.image-logo{width:30%;margin-left:35%;margin-top:10vh}.image-user{width:60%;position:fixed;left:0;bottom:0}.Unic-logo-wrapper{width:100%;padding-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.unic-logo{width:100px;height:53px}.login-box-body,.register-box-body{margin-top:15vh;min-height:60vh;border-radius:15px;padding:40px 20px;-webkit-box-shadow:5px 5px 10px #abb2b9;box-shadow:5px 5px 10px #abb2b9}.welcome-text{font-weight:900;text-align:center}.form-control{border-radius:10px}.btn-login{background:#e74c3c;color:#fff!important;border-radius:25px!important;border:none;padding:10px 0}.remember-text{font-weight:400!important;font-size:16px;margin-left:5px}@media only screen and (max-width:320px){.login-box,.register-box{width:100%}.image-user{display:none}.image-logo{width:40%;margin-left:30%;margin-top:5%}.login-box-body,.register-box-body{margin-top:2vh}}@media (min-width:321px) and (max-width:768px){.login-box,.register-box{width:96%}.image-user{display:none}.image-logo{width:40%;margin-left:30%;margin-top:10%}.login-box-body,.register-box-body{margin-top:8vh}}