:root body {
  --multi-bg-clr: #ffffff;
  --active-bg-btn: transparent linear-gradient(100deg, #3695FF 0%, #6CD2FF 100%) 0% 0% no-repeat;
  --active-btn-state: transparent linear-gradient(100deg, #3695FF 0%, #6CD2FF 100%) 0% 0% no-repeat;
  --ct-chat-bg-clr: linear-gradient(101deg, #8C7EBB 0%, #34B1C5 100%);
  --border-clr-manage: #C7C7C7;
  --rgba-white-light: rgba(255, 255, 255, 0.1);
  --rgba-black-light: rgba(0, 0, 0, 0.1);
  --rgba-black-40: rgba(0, 0, 0, 0.4);
  --dropdown-bg: #ffffff;
  --aniamtion-transition: all .5s ease;
  --black-white-clr:#000000;
  --poster-btn-bg:#E1E1E1;
  --border-multi-clr: #C7C7C7;
  --hover-multi-bg: rgba(0, 0, 0, 0.20);
  --border-radius-15: 15px;
  --border-radius-5: 5rem;
  --font-roboto:"Roboto", sans-serif;
  --text-multi-clr:#333333;
  --border-glight-manage:#DCDCDC;
}
.lb-preloader{ display: none; }

body{ padding: 0 !important;}
body::before{ background-image: url(../../img/login/login-bg.jpg); background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;}
.has-error .wow_form_fields input, .has-error .wow_form_fields textarea {
    border-color: #FF1717;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}


#welcomeheader {background: transparent !important; box-shadow: none;}
#welcomeheader .logo {padding:0;float: none !important;text-align: center;}
#welcomeheader .logo img {max-width: 160px;}
#welcomeheader .header-brand img{width: auto;}

.login-screen-wrapper { width: 95%; margin: auto;  display: flex;justify-content: center;align-items: center;}

@media (min-width:768px){.login-screen-wrapper{width:90%}}
@media (min-width:992px){.login-screen-wrapper{width: 90%}}
@media (min-width:1300px){.login-screen-wrapper{width: 70%;}}
@media (min-width:1400px){.login-screen-wrapper {width: 70%;}}
@media (min-width:1650px){.login-screen-wrapper {width: 70%;}}


.login, .login.forgot_pass {
  width: auto;
  max-width: 600px;
  background: rgba(255, 255, 255, 0.58);
  border-radius:var(--border-radius-5);
  box-shadow: 0 3px 15px rgba(51, 51, 51, 0.2);
  max-height: none;
  
}

.login .random_users{
  display: none;
}

.wow_form_fields input, .wow_form_fields select{border-radius:35px;}
button.btn.btn-main.btn-mat.btn-mat-raised.add_wow_loader{background: var(--active-bg-btn) !important;}

.login-slide-wrap{
  max-width: 600px;
  margin: 0 auto;
}

.login form {padding: 50px;}

.input-login-wrap{ position: relative; }
.password-hide-show-wrap {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.password-hide-show-wrap:hover{background: #e3e3e3;}
.password-hide-show-wrap #eye {
  color: #5b5b5b;
}
.input-login-wrap #password {padding-right:40px;}

.login-slide-wrap, .login{ flex:1; margin: 0 2rem; }
@media (max-width: 992px) {.login-slide-wrap{ display: none; }}
#login .wow_form_fields input:focus{    border-color: #aaaaaa !important;box-shadow: none;}
#login  .wow_form_fields.has-error input:focus{    border-color: #FF1717 !important;box-shadow: none;}
.footer-wrapper ul{ text-align: center; padding-top: 15px;}
.footer-wrapper ul li a{ color:#646464;font-weight: 500;font-family: var(--font-roboto); }

@media (min-width: 1400px) and (max-width: 1650px) {
  .login form {padding: 30px;}
  #register .wow_form_fields  .wow_form_fields input, #register  .wow_form_fields select {height: 35px;line-height: 35px;}
  #register .wow_form_fields {margin: 10px 0;}
}
@media (min-width: 1300px) and (max-width: 1399px) {.login-slide-wrap, .login {max-width: 430px;}#welcomeheader {position: relative;}
.login form {padding: 30px;}
#register .wow_form_fields .wow_form_fields input, #register  .wow_form_fields select {height: 35px;line-height: 35px;}
#register .wow_form_fields {margin: 10px 0;}
}
@media (min-width: 1200px) and (max-width: 1299px) {.login-slide-wrap, .login {max-width: 430px;}#welcomeheader {position: relative;}

.login form {padding: 30px;}
#register .wow_form_fields .wow_form_fields input, #register  .wow_form_fields select {height: 35px;line-height: 35px;}
#register .wow_form_fields {margin: 10px 0;}}
@media (min-width: 992px) and (max-width: 1199px) {.login-slide-wrap, .login {max-width: 400px;}#welcomeheader {position: relative;}
.login form {padding: 30px;}
#register .wow_form_fields .wow_form_fields input, #register  .wow_form_fields select {height: 35px;line-height: 35px;}
#register .wow_form_fields {margin: 10px 0;}}
@media (min-width: 768px) and (max-width: 991px) { #welcomeheader{ position: relative; } #welcomeheader {position: relative;}}

@media (max-width: 767px) {
  .login form {padding: 25px 20px;}
  .login-screen-wrapper {width: 100%;}
  .welcome-container .wrapper {min-height: inherit; margin-top: 20px;}
  .wrapper{margin: 5px 0 10px;}
  #welcomeheader{ position: relative; }
  #welcomeheader .header-brand img {width: 250px !important;}
  .login, .login.forgot_pass {border-radius: 0;margin: 0;}
}

@media (max-width:540px) {
  #welcomeheader .logo {margin: 10px auto 0;}

  .login .title {font-size: 16px;}
}