body{background:#f3f6f9;font-family:'Open Sans',sans-serif}.row-login>.col{height:100vh;width:50%;flex:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.row-login>.col.col-form{padding:0 20vh}.row-login .col-logo{background-image:url(https://masaj.id/wp-content/uploads/2021/11/bg-login.jpg);background-position:center;background-size:cover;overflow:hidden;position:relative}.row-login .col-logo:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.row-login .col-logo img.login-logo{max-width:65%;width:65%;z-index:1}.row-login .col-form form{z-index:9;width:100%}.row-login .col-form form .form-text{font-size:3.5vh;margin-bottom:1.5vh;text-transform:uppercase;font-weight:700}.row-login .col-form form .form-control{font-size:3vh;border-radius:.5vh;background:#fff;padding:1vh 1.5vh;border:none;box-shadow:0 .1vh .3vh rgb(0 0 0 / 10%);text-transform:uppercase}.row-login .col-form form .form-control::placeholder{text-transform:none}.row-login .col-form form button{position:relative;width:100%;font-size:2vh;padding:1.5vh;background:#2271b1;border-color:#2271b1}.row-login .col-form form button:hover,.row-login .col-form form button:active{background:#135e96;border-color:#135e96}.row-login .col-form form button .spinner-border{display:none;height:2vh;width:2vh;position:absolute;right:2vh;top:2vh;border-width:.3vh}.invalid-feedback{font-size:1.8vh;margin-top:1vh;margin-bottom:-1vh}body.potrait-mode .row-login>.col{height:50vh;flex-direction:row;width:100%;flex:100%}body.potrait-mode .row-login>.col.col-form{padding:0 8vw;align-items:flex-start}body.potrait-mode .row-login .col-logo img.login-logo{margin-left:0}body.potrait-mode .row-login .col-form form{margin:-7vw auto 0;padding:2vw;width:100%;text-align:center;background:#f3f6f9;border-radius:1vw}body.potrait-mode .row-login .col-form form button{left:0;right:0;border-radius:1vw;padding:2.5vw;font-size:4vw}body.potrait-mode .row-login .col-form form button .spinner-border{height:3vw;width:3vw;position:absolute;right:3vw;top:4vw;border-width:.5vw}body.potrait-mode .row-login .col-form form .form-control{text-align:center;font-size:6vw;border-radius:1.5vw;padding:1vw 1.5vw}body.potrait-mode .row-login .col-form form .form-text{display:none}body.potrait-mode .invalid-feedback{font-size:3vw;margin-top:1vw;margin-bottom:0}@media only screen and (max-width:728px){.row-login>.col.col-form{padding:0 10vh}}