@charset "utf-8";
/* CSS Document */

html, body { background-color: #071172; background-image: linear-gradient(to right, #38095e 0%, #071172 100%); height: 100%;}
body { font-family: 'Open Sans', sans-serif; font-size: 15px;}
strong { font-weight: 600;}
.logo .fas { color: #ff347e;}
.logo small { color: #ffffff50;}
.loginBox { width: 94vw; max-width: 100%; margin: 0 auto; min-height: 60vh; text-align: center;}
.loginBox h4 { font-weight: 400;}
.loginBox .alert-success { border-left: .25rem solid #28a745 !important;}
.loginBox .alert-danger { border-left: .25rem solid #dc3545 !important;}
/*.boxCards { min-height: 545px;}*/
.ffPoppins { font-family: 'Poppins', sans-serif;}
.text-logo { color: #3058c9;}
.fs13 { font-size: 13px;}
.fs16 { font-size: 16px;}
.fs32 { font-size: 32px;}
.fs40 { font-size: 40px;}
.fs50 { font-size: 50px;}
.lh32 { line-height: 32px;}
.txt600 { font-weight: 600;}
.txt700 { font-weight: 700;}
.txt900 { font-weight: 900;}
.rotate15 { transform: rotate(15deg); -webkit-transform: rotate(15deg);}
.posRel { position: relative;}
.posAbs { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.error { text-align: left;}
.shadowGray { box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.30);}
.color-title { color: #1e1666;}
.color-text { color: #6a7c92;}
.text-gray { color: #aaaaaa;}
.txtStrike { text-decoration: line-through;}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

    .loginBox { width: 75vw;}
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

    .loginBox { width: 500px;}
}