.custom-login-outer-wrapper{
   margin:auto; 
   width:100%; 
   height:100vh !important;
   background-color: var(--color-yellow);
}
.custom-login-left-wrapper{
   float:left; 
   width:60%;  
   margin-right:10%; 
   height:100%;
   /*background-color:#4A728A;*/
   background: url("../images/dh_login_img_1.jpeg") no-repeat ;
   background-size: cover;
   /* background-position: center; */
}
.custom-login-right-wrapper{
   float:left;
   width:20%;  
   height:100%;
   align-items: center;
   display: flex;
}
.custom-login-clear-wrapper{
   clear:both;
}

.login-form-outer-wrapper{
   width:304px;
   margin-top:0px !important;
}
.login-form-logo-wrapper{
   width:100%; 
   text-align:center; 
   height:100px;
}
.login-form-header-wrapper{
   width:100%;
   text-align:center;
   color:var(--login-font-color);
   font-family: "Delivery Bold";
   font-size: var(--font-size-24px);
   line-height: var(--line-height-40px);
   margin: 1rem 0 0;
}
.login-form-logo-wrapper img{
   height:100%;
}
.login-form-inner-wrapper{
   width:100%;
}

.login-form-password-wrapper{
   width:304px;
   text-align:center;
  /* margin-top:30px;   */
}	
.login-form-password-wrapper a{
   color: var(--login-button-color);
   text-decoration: none;
   font-size: var(--font-size-18px);
   line-height: var(--line-height-28px);
   font-weight: normal;
}

.login-form-password-wrapper a:hover{
   color: var(--login-button-color);
   text-decoration: none;
   font-size: var(--font-size-18px);
   line-height: var(--line-height-28px);
   font-weight: normal;
}
.login-form-inner-wrapper #edit-name--description,
.login-form-inner-wrapper #edit-pass--description {
   display:none;
}

.login-form-inner-wrapper input[type="text"], 
.login-form-inner-wrapper input[type = "password"]{
   width:100%; 
   max-width:100%;
   border: 1px solid #69696966;
   border-radius:2px !important;
   padding:8px 10px;
   box-shadow: none;
}
.login-form-inner-wrapper input[type = "password"]{
   margin-bottom: 30px;
}
.custom-login-outer-wrapper #edit-pass {
  margin-bottom: 0px !important;
}
#edit-pass {
   margin-bottom: 30px;
 }
.user-login-form label.error
 {
    color: #ff0000 !important;
 }
.login-form-inner-wrapper input[type="submit"]{
   width:100%;
   border: 1px solid var(--login-button-color) !important;
   background-color: var(--login-button-color) !important;
   padding: 10px 15px !important;
   /* border: 1px solid #4A728A !important; */
   border-radius: 5px !important;
   /* background-color: #4A728A !important; */
   color: #FFF !important;
 /*  margin-top: 10px;*/
   text-transform: uppercase;
   font-weight: bold;  
   box-shadow: none !important;
   cursor:pointer; 
}

form.user-pass p{
   display:none;
}
.shwpd {
  float: right;
  margin-left: -35px;
  margin-top: 13px !important;
  position: relative;
  z-index: 2;
  right: 15px;
}
.result_login_error_message {
  color: red;
  font-size: 12px;
  text-align: left;
  height:30px;
}
/*.g-recaptcha {
  display: flex;
  justify-content: center !important;
}*/

/* Backend login page */
.g-recaptcha
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.user-login-form label, #user-pass label
{
  color: var( --login-font-color) !important;
  font-family: "Delivery_Regular";
  font-size: var(--font-size-18px);
  line-height: var(--line-height-28px);
  font-weight: normal;
}
.login-form-inner-wrapper input[type="submit"]
{
  border: 1px solid var(--color-danger) !important;
  background-color: var(--color-danger) !important;
  font-family: "Delivery_Regular";
  font-size: var(--font-size-20px);
  line-height: var(--line-height-28px);
  text-transform: uppercase;
  font-weight: normal;
}
.login-form-inner-wrapper input[type="submit"]:hover,
.login-form-inner-wrapper input[type="submit"]:focus
{
/*    background-color: var(--color-danger) !important;*/
 /*  background-color: transparent !important;
   color: var(--color-danger) !important;*/
}
.login-form-password-wrapper a,
.login-form-password-wrapper a:hover,
.login-form-password-wrapper a:focus
{
  color: var(--color-danger);
  text-decoration: none;
  font-size: var(--font-size-20px);
  line-height: var(--line-height-28px);
  font-weight: normal;
}
.login-form-logo-wrapper img {
  height: 100%;
  width: 100% !important;
  margin: auto;
}
.login-form-logo-wrapper {
   width: 16rem !important;
   margin: auto !important;
   height: 80px !important;
}
#user-login-form .js-form-required.form-required
{
   margin-bottom: 0px !important;
}
.path-login header
{
   display: none !important;
}
.user-login-form,
.user-pass
{
   margin: auto;
}
.login-form-inner-wrapper .form-actions
{
   margin-top: 0px !important;
}
.login-form-inner-wrapper .form-item-pass
{
   margin-bottom:1.8rem !important;
}