.bg-gradient-primary {
  background-color: #4e73df;
  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  background-size: cover;
}

.card {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(7px);
}

.card-toey {
  margin: 25px 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 0.75rem;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}

#loginform-username.form-control,
#loginform-password.form-control,
#loginform-rememberme.custom-control-input {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}
.btn.btn-primary.btn-user.btn-block {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}