html body.login {
    background: url(../../../../static/app-assets/images/banner/banner_login.svg) no-repeat left bottom fixed;
    background-size: cover;
}

.button_login {
    border-radius: 15px;
    border: 1px solid rgba(99, 101, 152, 0.96); !important;
    background: linear-gradient(96deg, #636598 2.96%, #676E9F 45.58%, #636598 70.25%, rgba(70, 144, 135, 0.96) 96.36%);
}

/**************/
/**LOAD LOGIN**/
/*************/

.cssloader {
  padding-top: calc(45vh - 25px);
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #3f4444 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1.5s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 40px;
  border-color: transparent  transparent #636598 transparent;
  margin: -40px auto 0;
  animation: shk2 1.5s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}

.lt {
  color: #3f4444;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 3px;
}