/* ******************************************************************************************* */
.user-login {min-height: 100vh; }
.user-login .bs-reset {margin: 0; padding: 0; }
.user-login .text-right {text-align: right; }
.user-login .login-bg {background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 100vh; }

/* .user-login .logo-container{} */
.user-login .login-logo {position: absolute; top: 2.5em; left: 2.5em; max-width: 150px;}
.user-login .login-logo.login-6 {top: 80px; left: 80px; }
.user-login .logo-mobile{display:none; text-align: center!important; margin-bottom: 5px;}
.user-login .logo-mobile>img{height:100px}

/* ********************************************************************************************************** */
.user-login .login-container {position: relative; background: #F5F5F5; min-height: 50vh; height:100vh; overflow: visible; overflow-y: auto;}
.user-login .login-container > .login-content, .user-login .login-container .login-social, .user-login .login-container .login-copyright {padding: 0 50px; }
.user-login .login-container > .login-content {margin-top: 10%; margin-bottom: 20px;}
.user-login .login-container > .login-content .panel {margin-bottom: 0!important; }
.user-login .login-container > .login-content > h1 {font-size: 30px; font-weight: 300; color: #4e5a64; }
.user-login .login-container > .login-content p {color: #a0a9b4; font-size: 15px; line-height: 22px; }
.user-login .login-container > .login-content > .login-form {margin-top: 80px; color: #a4aab2; font-size: 13px; }

/* .user-login .login-container > .login-content > .login-form .form-control {width: 100%; padding: 10px 0; border: none; border-bottom: 1px solid; border-color: #a0a9b4; color: #868e97; font-size: 14px; margin-bottom: 30px; border-radius: 0 !important; }
.user-login .login-container > .login-content > .login-form .form-control:focus {outline: 0; }
.user-login .login-container > .login-content > .login-form .forgot-password,.user-login .login-container > .login-content > .login-form .login-button {display: inline-block; }
.user-login .login-container > .login-content > .login-form .rem-password {margin-top: 10px; }
.user-login .login-container > .login-content > .login-form .rem-password > p {margin: 0; }
.user-login .login-container > .login-content > .login-form .rem-password > .rem-checkbox {border-color: #a4aab2; }
.user-login .login-container > .login-content > .login-form .forgot-password {margin-right: 1em; }
.user-login .login-container > .login-content > .login-form .forgot-password > a {color: #a4aab2; }
.user-login .login-container > .login-content > .login-form .forgot-password > a:hover {color: #337ab7; text-decoration: none; }
.user-login .login-container > .login-content > .login-form .forgot-password > a:focus {color: #a4aab2; text-decoration: none; }  */

.user-login .login-container > .login-footer {position: relative; bottom: 0; width: 100%; padding-bottom: 10px; }
.user-login .login-container > .login-footer .login-social {padding-right: 0; }
.user-login .login-container > .login-footer .login-social li {display: inline-block; list-style: none; margin-right: 1em; }
.user-login .login-container > .login-footer .login-social a {color: #a9b5be; font-size: 18px; }
.user-login .login-container > .login-footer .login-social a:hover {color: #337ab7; text-decoration: none; }
.user-login .login-container > .login-footer .login-social a:focus {color: #a9b5be; }
.user-login .login-container > .login-footer .login-copyright {padding-left: 0;}
.user-login .login-container > .login-footer .login-copyright > p {margin: 0; font-size: 13px; color: #a9b5be; }

.user-login .alert {margin-top:0; }
.user-login .form-group.has-error {border-bottom: 0 !important; }
.user-login .form-group.valid {border-bottom: 1px solid #a0a9b4 !important; }
.user-login .form-group.has-error [class*=" fa-"]:not(.fa-stack), .user-login .form-group.has-error [class*=" glyphicon-"], .user-login .form-group.has-error [class*=" icon-"], .user-login .form-group.has-error [class^=fa-]:not(.fa-stack), .user-login .form-group.has-error [class^=glyphicon-], .user-login .form-group.has-error [class^=icon-]{color: red;}

.user-login .app-name{font-family: sans-serif; font-size: 12px; font-weight:700; margin-bottom:5px; text-align: center;}
.user-login .title-lembaga {font-size: 24px; font-weight: bold; text-align: center; margin-bottom:10px;}

.user-login .form .btn-set {display: inline-block;}

.user-login .create-account p{font-size: 14px !important; margin: 15px 0 0px;}

@media (max-width: 1365px) {
}

@media (max-width: 1023px) {
  .user-login .logo-mobile{display:block;}
  .user-login .logo-container{display:none}
  .user-login {min-height: 50vh; }
  .user-login .mt-login--bsfix {width: 100%; }
  .user-login .login-container {min-height: 50vh; }
  .user-login .login-container > .login-content {margin-top: 50px; }
  .user-login .login-container > .login-footer .login-social li {margin-right: 0.5em; }
}

@media (max-width: 640px) {
}

@media (max-width: 470px) {
  .user-login .logo-container{display:none}
  .user-login .login-container > .login-content {margin-top: 20px; margin-bottom: 20px;}
  .user-login .login-container > .login-content, .user-login .login-container .login-social, .user-login .login-container .login-copyright {padding: 0 20px;}
  .user-login .login-container > .login-content .login-form {margin-top: 0px;}
  .user-login .login-container > .login-footer {position: relative; margin-top: 0; padding-bottom: 10px;}
  .user-login .form .form-body {padding: 20px !important;}
}

.input-group .select2-container--bootstrap {width: 100% !important;}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection{border-bottom-left-radius: 0; border-top-left-radius: 0;}

.view-pass{cursor:pointer;}

.btn-group.btn-block{position: relative; display: inline-flex; vertical-align: middle;}
.help-block {margin-top: 5px; margin-bottom: 5px;}
.help-block p{margin: 0 0; color: #ff000d !important; font-size: 14px !important; line-height: 14px !important;}