.login-hero {
  background-color: #010c66;
  background-image:
    linear-gradient(
      180deg,
      rgba(1, 12, 102, .42) 0%,
      rgba(1, 12, 102, .18) 38%,
      rgba(0, 7, 61, .82) 100%
    ),
    url('../assets/bg-servitec.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.login-input {
  width: 100%;
  border-radius: 1rem;
  border: 1px solid #c9d0ee;
  background: #ffffff;
  padding: 0.9rem 1rem;
  font-size: 0.925rem;
  font-weight: 600;
  color: #0b1024;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.login-input::placeholder {
  font-weight: 400;
  color: #8b92ab;
}

.login-input:hover {
  border-color: #9aa6dc;
}

.login-input:focus {
  border-color: #010c66;
  box-shadow: 0 0 0 3px rgba(1, 12, 102, .16);
}

.login-input.is-invalid {
  border-color: #fca5a5;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .12);
}

.login-input-left {
  padding-left: 3rem;
}

.login-input-both {
  padding-left: 3rem;
  padding-right: 3rem;
}

.login-btn {
  background: #010c66;
  box-shadow: 0 12px 28px -10px rgba(1, 12, 102, .45);
}

.login-btn:hover {
  background: #1e2f8c;
}

.login-btn:active {
  background: #00073d;
}

.login-btn:disabled {
  cursor: wait;
  opacity: .72;
}