.container-fluid{margin-left:0!important;padding:0!important;width:100vw!important;height:-webkit-fill-available;overflow:hidden}.login-container{width:100vw;height:100vh;height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;position:relative}.login-card,.login-card .right{overflow:hidden}.login-card{width:100%;height:100%;display:flex;justify-content:space-between}.login-card>*{width:100%;display:flex;justify-content:center;align-items:center}.login-card .left{border:none;text-align:center}.login-card .left img{width:100%;height:100%;object-fit:fill}.login-card .left .img-span span{font-size:18px;letter-spacing:8px;color:rgba(255,255,255,.8);font-weight:700}.login-card .right{margin:auto;padding-left:80px;padding-right:80px}.right .form{width:80%}.right .form #form-log .form-group input{width:100%;border:none;border-bottom:1px solid rgba(108,108,108,.15);padding:8px;outline:0;margin-left:8px;border-radius:0}.right .form #form-log .form-group input:focus{border:none!important;outline:0!important;border-bottom:1px solid!important}.form-append{margin-top:8px;display:flex;align-items:center;width:100%}.login{margin-top:50px}@media only screen and (max-width:768px){.login-card .left{display:none}.login-card{min-height:max-content;padding:10px;margin-bottom:calc(100% - 300px)}}@media only screen and (max-height:667px) and (max-width:767px){.login-card{min-height:max-content;padding:10px;margin-bottom:calc(100% - 350px)}}@media (min-width:321px) and (max-width:667px){.login-card .right .form{position:absolute;top:28%;width:90%;border-radius:10px;background-color:rgba(255,255,255);padding:18px;filter:drop-shadow(1px 1px 5px rgba(108, 108, 108, .45))}.login-card .right img:not(.proms){display:block;position:absolute;z-index:-1;width:100%}.login-card .right .text-login{width:80%;display:block;position:absolute;top:50px}.login-card .right .text-login:not(img){font-size:14px}.login-card .right .text-login img{z-index:1;display:block;width:100px;margin-left:-10px;margin-bottom:10px;height:100%;object-fit:contain}.login-card .right img.wave-bottom{position:absolute;bottom:0}.login-card .right img.wave-top{position:absolute;top:-5%}.login-card .right img.hyperdata{position:absolute;bottom:6%;object-fit:contain;width:100%;height:50px}}@media only screen and (max-width:425px){.login-card .right{padding-left:22px;padding-right:22px}.right .form{width:100%;margin:10px}}.preloaders.d-none{opacity:0;visibility:hidden}.preloaders{width:100vw;height:100vh;background-color:#fff;position:absolute;display:flex;justify-content:center;align-items:center;z-index:99999999999999;top:0;bottom:0;left:0;right:0}.preloaders img{transform:scale(.5)}.login-card .right img,.text-login{display:none}@media (width:768px){.login-card .right .form{position:absolute;top:28%;width:75%;border-radius:10px;background-color:rgba(255,255,255);padding:18px;filter:drop-shadow(1px 1px 5px rgba(108, 108, 108, .45))}}@media (max-width:320px){.login-card .right img:not(.proms){display:block;position:absolute;z-index:-1;width:100%}.login-card .right .text-login{width:80%;display:block;position:absolute;top:25px}.login-card .right .text-login:not(img){font-size:12px}.login-card .right .text-login img{z-index:1;display:block;width:100px;margin-left:-10px;margin-bottom:10px;height:100%;object-fit:contain}.login-card .right img.wave-bottom{position:fixed;bottom:0}.login-card .right img.wave-top{position:absolute;top:-5%}.login-card .right img.hyperdata{position:absolute;bottom:6%;object-fit:contain;width:100%;height:50px}.login-card .right .form{position:absolute;top:25%;width:90%;border-radius:10px;background-color:rgba(255,255,255);padding:18px 18px 8px;filter:drop-shadow(1px 1px 5px rgba(108, 108, 108, .45))}.login-card .right .form label,.login-card .right .form span{font-size:12px!important}}