#login{background:#406eb4;background:linear-gradient(90deg,#204694 50%,#fff 0);display:flex;height:100vh}#login .container{align-items:center;display:flex}#login .container .row{background-color:#fff;border:5px solid #204694;border-radius:10px;margin:0 auto;max-width:1000px;padding:2rem;position:relative;z-index:1}#login .content-center{align-items:center;display:flex;height:100%}#login .content-center .login-brand{margin:0 auto;width:70%}#login h2{color:#204694;font-weight:700;padding-bottom:3rem}#login .form-control{border:1px solid #204694;height:45px}#login .form-control:focus{border-color:#204694;box-shadow:none}#login .form-group label{color:#204694;font-size:16px;font-weight:600;margin-bottom:.5rem}#login .card-body{padding:5rem 0}#login .card{box-shadow:none}#login .btn.btn-lg{font-size:1.2rem;margin-top:2rem;padding:.7rem 1.5rem!important}#login .btn{font-size:12px;font-weight:600;letter-spacing:.5px;line-height:24px}#login .btn-primary{background-color:#1b0073;border-color:#1b0073;border-radius:.3rem;color:#fff}#login .btn-primary:hover{background-color:rgba(27,0,115,.878);border-color:rgba(27,0,115,.878);color:#fff}@media only screen and (max-width:768px){#login .content{flex-direction:column-reverse}#login .card-body{padding:0}#login h2{padding:2rem 0}}