.alert{width:100%}.cont-public{width:100vw;height:100vh;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative}.cont-public.bg-default{background-image:url(../images/bg-login.jpg)}.content{position:absolute;height:100%;background-color:#fff;padding:5vw;display:flex;justify-content:center;flex-direction:column;align-items:center}.content.wide{width:60%;right:0}.content.left{width:50%;left:0;padding:15vh 5vw;color:#fff;justify-content:flex-end;align-items:baseline;background:#000;background:linear-gradient(45deg,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 65%)}.content.right{width:35%;right:0}.content.right .btn-primary{color:#fad133;border-color:#1b1b1b;background-color:#1b1b1b}.content.right .btn-primary:hover{color:#1b1b1b!important;border-color:#fad133!important;background-color:#fad133!important}.content form{width:100%}.top-nav{position:absolute;top:3vh;right:45px}.top-nav a{font-weight:900}.content.left .title{font-size:54px;font-weight:300;text-transform:uppercase;color:#fad133}.content.left .title b{font-weight:900}.content.right .title{width:100%;position:relative;margin-bottom:3vh;text-align:center}.content.right .title h1{color:#fad133;font-weight:900;font-size:32px;margin-bottom:0;padding-bottom:0}.content.right .title .nav{position:absolute;right:0;bottom:0;font-size:13px}.form-check label{font-size:13px}.form-group label{font-size:18px;margin-bottom:0}.form-control{height:calc(2em + .5em + 2px);border:none;border-bottom:1px solid #a7a7a7;border-radius:0;padding:5px 0 10px 0;background-color:transparent}.form-control::placeholder{color:#d6d6d6;font-style:normal!important;font-weight:100;font-size:.9em}.form-control:focus{outline:0;box-shadow:none;border-color:#397af2;background-color:transparent}.form-control:disabled,.form-control[readonly]{background-color:transparent;color:#a9a9a9;border-color:transparent}.form-control:-webkit-autofill,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:hover{border-color:#397af2;background-color:transparent}.btn{height:55px;color:#fff;display:flex;justify-content:center;align-items:center;transition:all .2s ease-out}.btn:active,.btn:hover,.btn:visited{color:#fff}.btn-primary{font-size:15px;font-weight:700;background-color:#3e3182}.btn-social{font-size:14px;font-weight:700;position:relative;padding-left:19%;margin-bottom:5px}.btn-social .icon{position:absolute;display:flex;top:50%;left:0;width:20%;height:50%;transform:translate(0,-50%)}.btn-social .icon::after{content:"";display:block;position:absolute;top:50%;right:1px;width:1px;height:80%;transform:translate(0,-50%);background-color:#fff}.btn-social.google{background-color:#397af2}.btn-social.google .icon{background:url(../images/icon/icon-google.png) no-repeat;background-position:50%;background-size:28px}.btn-social.email{background-color:#418fd7}.btn-social.email .icon{background:url(../images/icon/icon-mail-send.svg) no-repeat;background-position:50%;background-size:28px}.button-area{margin-top:5vh}.content.login .button-area{margin-top:15vh}.content.login .logo{text-align:center;width:60%;margin:0 0 30px}.forgot{width:100%;text-align:right;font-size:13px;margin-top:-5px;padding-bottom:15px;border-bottom:1px solid #a6a6a6;margin-bottom:30px}.client-login{max-width:600px}.otp-field{display:flex;justify-content:center;margin:1em auto}.otp-field input{width:2.5em;height:2.5em;font-size:1.5em;line-height:0;text-align:center;border-radius:5px;margin:2px .25em;border:1px solid #e2e5e6;background:0 0;font-weight:700;color:#55525c;outline:0;transition:all .1s;text-transform:uppercase}.otp-field input:focus{border:2px solid #fad133;box-shadow:0 0 2px 2px #f8efcc}@media screen and (max-width:1600px) and (orientation:landscape){.content.right .title h1{font-size:22px}.form-group label{font-size:13px}.form-control{height:calc(1.75em + .75em + 2px)}.content.login .button-area{margin-top:10vh}.content.login .logo{width:60%;margin:1vh 0 3vh}.btn{height:50px}.btn-primary{font-size:14px}.btn-social{font-size:12px}}@media screen and (max-width:768px){h6{font-size:14px}.alert{font-size:12px;line-height:1rem;padding:.5rem 1rem}.cont-public.bg-default{background-position:25% center}.content.left{display:none}.content.right .title{margin-top:5vh;margin-bottom:2vh}.content.right .title h1{font-size:18px}.cont-public{overflow:scroll;display:flex;align-items:center}.top-nav{font-size:12px}.content{position:relative;top:0;left:0;transform:translate(0,0);height:auto;padding:5vh 10vw 3vh 10vw;background-color:rgba(255,255,255,.95);margin:5%;align-items:flex-start}.content.right,.content.wide{width:90%;right:unset}.content.right{max-height:90vh}.nav.alt{position:relative}.form-check label{font-size:12px}.form-group label{font-size:14px}.form-control{font-size:13px}.help-text{font-size:10px;line-height:.9rem}.button-area{margin-top:5vh}.content.login .button-area{margin-top:5vh}.content.login .logo{width:60%;margin:6vh auto 0}.forgot{margin-bottom:20px;font-size:12px}.btn{height:45px}.btn-primary{font-size:14px}.btn-social{font-size:12px}.btn-social.google .icon{background-size:24px}}