html, body {min-height: 100%; background-color: #0f8ada;font-family: 'Roboto', sans-serif;}
body.bg-gradient-light {color: #f45252; overflow-y: auto; justify-content: center; align-items: center; text-align: center; min-height: 100vh;display: flex;background: linear-gradient(to left, #8B22BC, #6481F5)}
.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #e3e6f0; border-radius: 0.35rem; padding: 40px 30px;min-width: 700px; text-align: left; color: #333; font-weight: 500; }
.login-form-block {box-shadow: -10px 0 6px -6px #888;padding-left: 25px;}
.mauto {margin: auto;}
@media (max-width: 991.9px) {
	.card { min-width: 90%; width: 90%;}
}
@media (max-width: 767.9px) {
	.login-form-block {box-shadow: none;padding-left: 25px;}
}
@media (max-width: 480px) {
	.card { padding: 10px;}
}
.error-msg {width: 100%;}
form .error-block textarea, form .error-block input, form .error-block select {border: 2px solid #CF2015 !important; color: rgba(255, 0, 0, 0.6); }
form .error-msg, .error-block .error-msg {text-align: left;line-height: 30px !important; margin-top: 0;margin-bottom: 0;color: #CF2015 !important; font-weight: bold !important; letter-spacing: 0.5px !important;}
form .error-block ::placeholder { color: rgba(255, 0, 0, 0.6); opacity: 1; }
form .error-block :-ms-input-placeholder { color: rgba(255, 0, 0, 0.6); }
form .error-block ::-ms-input-placeholder { color: rgba(255, 0, 0, 0.6); }
.signin input#password { width: calc(100% - 45px); display: inline-block; }
.hide-password-btn,.view-password-btn { margin-left: 3px; border: 1px solid #1b93e1; padding: 9px; box-shadow: 1px 1px 4px #8a8a8a; color: #fff; background: #1b93e1; }



.loading-alert { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 10000;display: none}
#loading .loading-icon { background-image: url(https://cdn.bestbrains.com/images/icons/loader.gif); background-repeat: no-repeat; width: 220px; margin: 5% auto; height: 220px;}