.login-card {
  max-width: 42vw;
  padding: 0vh 4vw;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto 2vh;
  margin-top: 10vh;
  border: 0.1vh solid #6E469A;
}

.login-card .input_caption {
  font-size: 3vh;
  font-weight: 600;
  opacity: 0.85;
}

.login-card .form-signin input[type=email], .login-card .form-signin input[type=password],
.login-card .form-signin input[type=text], .login-card .form-signin button {
  height: 7vh;
  box-shadow: 0vh 0.3vh 0.6vh rgba(110,70,154,0.16);
  background: #FFFFFFF2;
  opacity: 0.79;
  border-radius: 3.5vh;
  font-size: 3vh;
  color: #707070;
  width: 100%;
  margin-top: 1vh;
  padding: 2vh 1vw;
}

.login-card label {
  color: #000000;
}

.login-card .form-signin .form-control:focus {
  border-color: rgb(104, 145, 162);
  outline: 0;
  -webkit-box-shadow: inset 0 0.1vh 0.1vh rgba(0,0,0,.075),0 0 0.8vh rgb(104, 145, 162);
  box-shadow: inset 0 0.1vh 0.1vh rgba(0,0,0,.075),0 0 0.8vh rgb(104, 145, 162);
}

.login-card .btn.btn-signin {
  font-size: 3vh;
  font-weight: 500;
  border-radius: 3.25vh;
  border: 0 solid #005CA9;
  background: #005CA9;
  width: 25vh;
  height: 6.5vh;
  margin-top: 4vh;
  margin-bottom: 2vh;
}

.login-card .btn.btn-signin:hover, .login-card .btn.btn-signin:active, .login-card .btn.btn-signin:focus {
  background: #6E469A;
}

.login-card .forgot-password {
  color: rgb(104, 145, 162);
}

.login-card .forgot-password:hover, .login-card .forgot-password:active, .login-card .forgot-password:focus {
  color: rgb(12, 97, 33);
}

.forgot-password {
  font-size: 2vh;
  text-align: left;
}

.spinner_wrapper {
  display: none;
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
}