/******************
  [Login Screen] 
******************/

.login-box, .register-box { margin: 13% auto;  }
.login-page { background: #ccc url('/images/login-bg.png') no-repeat; background-size: cover; }

.login-logo img { height: 50px !important; }

.login-logo-text {
    font-size: 26px !important;
    font-weight: 400;
    color: #333;
    padding-bottom: 5px;
    padding-top: 10px;
    display: block !important;
}

.login-card-body {background-color: rgba(250, 250, 250, 0.8); border: 1px solid #dedede; box-shadow: 0 0 10px rgba(0,0,0,0.7); border-radius: 8px;}
.login-card-body.white-bg { background-color : #fff;}

.input-icon > .form-control { padding-left: 15px; }
.login-box-body .control-label{ margin-bottom:3px !important; margin-left:3px;}

.login-box .form-title {font-weight: 500; line-height: 1.1; margin-top: 0px; font-size: 22px; text-align: center; margin-bottom: 10px;}
.login-box .sub-text { margin-bottom:10px;  text-align:center; }
.login-box button { letter-spacing: 1.2px;}

/* Error Message Box */
.msg-box{ padding: 5px 2px 5px 2px; border: solid 1px #dd8787; margin-bottom: 10px; background: #fff3f3; border-radius: 12px; display:none; user-select:none; }
.msg-box.danger {color :#b94a48; font-weight:600; text-align:center;}
.msg-box.show-msg { display:block;}

a { text-decoration : none;}