@charset "utf-8";
/* CSS Document */
body {background: var(--bg-gray);}
.form-signin {
  max-width: 330px;
  padding: 1rem;
}
.form-signup {
  max-width: 700px;
  padding: 0;
  background: #fff;
  border-radius: 20px;
}
.form-signup form { padding: 30px;}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"], .modal input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
}
.form-signin input[type="password"], .modal input[type="password"]{
  /*margin-bottom: 10px;*/
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
}
.form-signin input.f-c-single, .modal input.f-c-single  {
  border-radius: 6px!important;
}
.sitelogo-login { /*text-align: center; font-weight: 600; width: 80px; height: 80px; border: solid 1px var(--theme-color); border-radius: 100px; display: inline-block; text-decoration: none;*/display: inline-block; margin-bottom: 20px; }
/*.sitelogo-login img { margin-top: 24px;}
.sitelogo-login:hover { background: #fff; border: solid 1px var(--theme-color-sec);}*/
.tplogin:hover img {filter: brightness(10000%);}
.forget-text { color: #999;}
.forget-text:hover { color: #111;}

.signup-bg { background: #29075d; height: 100%; min-height: 150px;    border-radius: 20px 0 0 20px;text-align: center;}
.signup-bg .sitelogo-login { margin: 30px; }
@media only screen and (max-width: 767px) {
.form-signup,.signup-bg {
  border-radius: 0;
}
}
@media only screen and (max-width: 574px) {
 .signup-bg { border-radius: 0;}
}
.form-check-label a { color: #888;}
.form-check-label a:hover { color: var(--theme-color-sec);}
.is-invalid + .form-check-label a { color: #dc3545!important;}
/*Captcha*/
.captcha-relode { position: absolute; top: 16px; right: 5px;}
.captcha-relode:hover { cursor: pointer;}
.pass-view { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; }
.pass-view img { position: absolute; top: 0; right: 0; width: 30px; height: 30px; padding: 5px; }
.pass-view img:hover { cursor: pointer;}
.foottext a { color: var(--bs-secondary-color);}
.foottext a:hover { color: #000;}