/*===================================== */
/*========== Login css below========== */
/*===================================== */

.login-image {
    background-image: url('../img/dkj_login.png');
}
.dkj-shadow{
    box-shadow: 0 .5rem 1.5rem #5158a7 !important;
  }
  .img-dkj-login {
    max-width: 70%;
    height: auto;
  }
  
  .gradient-custom-2 {
      background: linear-gradient(180deg,#00AEEF 0%,#BE2B6D 100%);
      }
      
      @media (min-width: 768px) {
      .gradient-form {
      height: 100vh !important;
      }
      }
      @media (min-width: 769px) {
      .gradient-custom-2 {
      border-top-right-radius: .3rem;
      border-bottom-right-radius: .3rem;
      }
      }
    
      #login-logo{margin:0 auto; display: block; padding-bottom:5px;}
    
      #login-image{
      background-size: 90%;
      background-position: bottom 0px right 0px;
    }
    .login-register-height{
      min-height:565px;
    }
    .dkj-button{
      background-color: #00AEEF;
      color:#fff;
    }
    .form-control.error{
      -webkit-box-shadow: 0px 0px 30px -2px rgba(250,8,8,1);
      -moz-box-shadow: 0px 0px 30px -2px rgba(250,8,8,1);
      box-shadow: 0px 0px 4px 0px rgb(250, 8, 8);
    }
    .form_span_error
    {
      color:red;
      font-size: 12px;
      display:block;
    }
    
    .auth-alert-error
    {
    padding: 0.375rem 0.75rem;
    --bs-alert-margin-bottom: 2px;
    font-size: 12px;
    }
    .auth-alert-error ul{
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
    }
    .auth-alert-button
    {
      padding: 9px 6px !important;
    }
    .authentication-app-form .errorlist
    {
      color:red;
      font-size: 12px;
      list-style: "*";
      padding-left: 6px;
      margin-bottom: 0;
      margin-top: 2px;
    }
    /*===================================== */
    /*========== Login css above========== */
    /*===================================== */