@charset "utf-8";

* {margin: 0; padding: 0;}

html, body {height: 100%;}

body {background:url(../images/loginbg.jpg) no-repeat top left #fff; font-size: 14px; font-family: Roboto, Arial, sans-serif; color: #888;}

.site {display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

.main {-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}

.boxcenter {display:flex; align-items: center; min-height: 92vh;}

.form-signin {width: 100%; max-width: 457px; margin: auto; text-align: center;}

.form-floating>.form-control {padding-top: 0.7rem; padding-bottom: 0.7rem;}

.form-floating>label {color: #888888; font-weight: 400; font-family: Roboto, Arial, sans-serif; top: 4px;}
.form-signin .form-floating:focus-within {z-index: 2;}

.form-signin input[type="email"] {margin-bottom: 20px; border: 2px solid #B1B1B1;
-webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px;
 font-size: 14px; font-family: Roboto, Arial, sans-serif; color: #404041;}

.form-signin input[type="password"] {margin-bottom: 9px; border: 2px solid #B1B1B1;
-webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px;
font-size: 14px; font-family: Roboto, Arial, sans-serif; color: #404041;}

.br {clear: both;}

.left {float: left;}

.right {float: right;}

.marb52 {margin-bottom: 52px;}

.forgot {text-align: right;}
.forgot a {color: #0B362B; text-decoration: none;}
.forgot a:hover {color: #0B362B; text-decoration: underline;}

#forgot-thankyou {display: none;}

.btn-primary {background-color: #0B362B; border-color: #0B362B; margin-top: 27px;
-webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; font-size: 17px; font-weight: 500;
padding: 1rem;}
.btn-primary:hover {background-color: #041D17; border-color: #041D17;}

footer {display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
footer .copyright {border-top: 1px solid #EBEBEB; width: 100%; text-align: center; font-size: 16px; color: #333333; padding: 25px 0;
background-color: #fff; display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

@media (max-width: 990px){
body {background:url(../images/loginbg-mobile.jpg) no-repeat top left #fff;}
}

@media (max-width: 568px){
.copyright {padding-left: 18px; padding-right: 18px;}
.form-signin {max-width: 90%;}
}

@media (max-width: 480px){
.marb52.left {float: none; margin-bottom: 25px; margin-left: 7px; margin-right: 7px;}
.marb52.right {float: none; margin-left: 7px; margin-right: 7px;}
}