:root {
  --color-white:  #ffffff;
  --color-black: #000000;
  --color-light-black:#333333;
  --color-yellow: #f9c2a0;
  --color-pink: #e98693;
  --color-gray: #cccccc;
  --color-red:#dd242b;
 --color-white-smoke: #f8f8f8;
 --linear-grad: linear-gradient(to right, #ec8593, #ec8593);
 --grad-pink1: #ec8593;
 --grad-pink2: #ec8593;
 --color-dark-yellow:#f9c2a0;
 --color-dark-pink:#d26d7a;
 --color-alice-blue:#eef4f7;
 --color-brick-red:#cb4154;
 --linear-bg-pigmentation: radial-gradient(circle at center, #dfc9b8, #c39674);
 --linear-bg-acne: radial-gradient(circle at center, #fff, #9d9d42);
 --linear-bg-ageing: radial-gradient(circle at center, #fff, #6f5753);  ;
 --linear-bg-dehydration : radial-gradient(circle at center, #fff, #6d55a3);   ;
 --linear-bg-sensitive  : radial-gradient(circle at center, #fff, #e92f3d);  ;
 --color-light-pink:#fff2f1;
}


.login-page, .register-page{
    background: linear-gradient(to right, #bdbdbd, #dedede, #c4c4c4, #9c9c9c);
    /* background-image: url(../img/wattif.png); */
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
  }
  .admin-login .container{
    height: 100%;
  }
  .login-container{
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
  }
  .login-main-box{
    width: 400px;
    background: transparent;
    padding: 3px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .login-box, .register-box {
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.login-logo{
    display: flex;
    justify-content: center;
}
.tss-admin-logo {
    width:250px;
}
.login-main-box::before {
    content: "";
    display: block;
    background: linear-gradient(90deg, hsl(189.57deg 59.49% 69.02%) 0%, hsl(222.09deg 57.26% 22.94%) 100%);
    height: 650px;
    width: 650px;
    position: absolute;
    animation: rotate 8s linear infinite;
    z-index: 0;
    top: -100px;
    left: -100px;
  }
@keyframes rotate {
    from {
      transform: rotate(0);
    }
  
    to {
      transform: rotate(360deg);
    }
  }
.login-logo, .register-logo {
    margin-bottom: 0px;
}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 10px;
    border-top: 0;
    color: #666;
}
.login-box-msg, .register-box-msg {
    font-size: 24px;
}
.btn-primary.btn-login {
    background-color: #1b2e61;
    border-color: #272727;
}
.btn-primary.btn-login:hover {
    background-color: #82cade;
    border-color: #0d9ec6;
}
.text-align-right{
    text-align: right;
}
.forget-text a{
    color: #666;
    font-weight: 500;
}
@media (max-width: 767px) {
    .login-box, .register-box {
        margin-top: 0px;
    }
}
.light-pink {
  background-color: var(--color-light-pink) !important;
  color: #000;
  border-color: var(--color-brick-red) !important;
}
.light-pink:hover{
 background-color: var(--color-dark-pink) !important;
 color: var(--color-white) !important;
 border-color: #1b2e61 !important;
}
.form-control:focus {
  border-color: #1b2e61 !important;
  box-shadow: none;
}
/* .admin-login .video-login{
  position: absolute;
  top: 0;
  right:10%;
} */
.admin-login video{
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}



@media (max-width: 767px) {
  /* .admin-login .video-login {
    right: 0%;
  } */
}

@media (max-width: 991px) {
  .login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
  }
  .login-main-box {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .login-main-box {
    width: 100%;
  }
  .login-admin-logo{
    display: none;
  }
}