body {
   font-family: "Roboto", sans-serif;
   color: #666;
   background-color: #000;
   min-height: 100vh;
}

body.bg-full-screen-image {
   background-color: #28543d;
   background-image: url(/dhaassets/auth/images/pages/bg-login.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

@media (max-width: 575.98px) {
   body.bg-full-screen-image {
      background-image: url(/dhaassets/auth/images/pages/bg-login-mobile.png);
      background-size: contain;
   }
}

@media (min-width: 1200px) {
   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {
      max-width: 960px;
   }
}

.brand-wrapper {
   margin-bottom: 19px;
}

.brand-wrapper .logo {
   height: 37px;
}

.login-card {
   /*opacity: 0.94;*/
   overflow: hidden;
   border: 0;
   border-radius: 15px;
   overflow: hidden;
   background-color: transparent;
}

.login-card-img {
   border-radius: 0;
   position: absolute;
   top: 45%;
   left: 15%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 250px;
   -o-object-fit: cover;
   object-fit: cover;
}

.login-card .card-body {
   margin: 10px;
   padding: 60px 40px;
   background-color: #FFFFFF;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
   -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}

.login-card .card-title {
   font-weight: 500;
   letter-spacing: 0.05rem;
   font-size: 1.1rem;
   color: #027896;
   margin-bottom: 0.3rem;
}

.login-card .card-title .logo-text{
   margin-bottom: 30px;
}

.login-card .card-title .logo-text h3{
   font-weight: bolder !important;
}

.login-card .card-title .logo-text h3 .logo-text-black{
   color: #333;
}

@media (min-width: 767px) and (max-width: 1200px) {
   .login-card .card-body {
      padding: 60px 30px;
   }
}

@media (max-width: 768px) {
   .login-card-img {
      display: block;
      width: 100px !important;
      position: relative;
      top: unset;
      left: unset;
      -ms-transform: unset;
      transform: unset;
      width: unset;
      -o-object-fit: unset;
      object-fit: unset;
      margin-bottom: -25px;
   }
}

@media (max-width: 422px) {
   .login-card .card-body {
      padding: 35px 24px;
   }
}

.login-card-description {
   font-size: 14px;
   color: #666;
   margin-bottom: 20px;
}

.login-card form {
   /*max-width: 326px;*/
}

.login-remember-me {
   font-size: 14px;
   color: #cfcfcf;
}

.login-card .form-control {
   /*border: 1px solid #d5dae2;*/
   border: none;
   background: transparent;
   color: #027896;
   padding: 15px 25px 15px 30px;
   min-height: 45px;
   font-size: 13px;
}

.login-card .input-group {
   background: transparent;
   border: none;
   border-bottom: 1px solid #a7a7a7;
}

.login-card .form-control:focus {
   /*border: 2px solid #6199d1;*/
   box-shadow: none;
   color: #027896;
}

.login-card .input-group-focus {
   border-color: #027896;
   color: #027896;
}

.login-card .has-icon-left .form-control-icon {
   right: auto;
   left: inherit;
   display: flex;
   justify-content: center;
   align-items: center;
}

.login-card .has-icon-left .form-control-icon i {
   position: relative;
   left: 0px;
   color: rgba(1, 120, 150, 0.9);
}

.form-control-icon {
   position: absolute;
   top: 3px;
   z-index: 999;
   width: 1.5rem;
   height: 2.5rem;
   line-height: 2.5rem;
   text-align: center;
}

.login-card .input-group.show-hide-password .form-control {
   border-right: none;
}

.login-card .input-group.show-hide-password button {
   border-left: none;
}

.login-card .input-group-append {
   min-height: 45px;
   font-size: 15px;
   line-height: 15;
}

.login-card .help-block {
   font-size: 13px;
}

.login-card .btn-default {
   border-color: #d5dae2;
   border-radius: unset !important;
}

.login-card .btn-white {
   /*border-color: #fff;*/
   border-radius: unset !important;
   box-shadow: none;
}

.login-card .form-control::-webkit-input-placeholder {
   color: #999999;
}

.login-card .form-control::-moz-placeholder {
   color: #999999;
}

.login-card .form-control:-ms-input-placeholder {
   color: #999999;
}

.login-card .form-control::-ms-input-placeholder {
   color: #999999;
}

.login-card .form-control::placeholder {
   color: #999999;
}

.login-card .form-group.error .input-group,
.login-card .form-group.error .form-control {
   border-color: #ff0505;
}
.login-card .form-group.error .help-block {
   display: none !important;
}

.login-card .form-group.issue .help-block,
.login-card .form-group.issue .help-inline,
.login-card .form-group.error .help-block,
.login-card .form-group.error .help-inline {
   color: #ff0505;
}

.login-card .login-btn {
   padding: 13px 20px 12px;
   background-color: #027896;
   border-color: #027896;
   color: #FFF;
   border-radius: 10px;
   font-size: 15px;
   font-weight: bolder;
   line-height: 20px;
   margin-bottom: 24px;

   -webkit-transition: background-color 1s ease-out;
   -moz-transition: background-color 1s ease-out;
   -o-transition: background-color 1s ease-out;
   transition: background-color 1s ease-out;
}

.login-card .login-btn:hover {
   border-color: #00b5e2;
   background-color: #00b5e2;
   color: #fff;
}

.login-card .forgot-password-link {
   font-size: 14px;
   font-weight: 500;
   color: #027896;
   text-decoration: none;
}

.login-card .forgot-password-link:hover {
   color: #00b5e2;
}

.login-card-footer-text {
   font-size: 15px;
   color: #a7a7a7;
   margin-bottom: 20px;
}

.login-card-footer-text a {
   color: #a7a7a7;
}

@media (max-width: 767px) {
   .login-card-footer-text {
      margin-bottom: 10px;
   }
}

.login-card-footer-nav a {
   font-size: 14px;
   color: #666;
   text-decoration: none;
}

.login-card .alert-danger {
   background-color: #da2526;
   border-color: #f44336;
   color: #fff;
}

/*# sourceMappingURL=login.css.map */