* {
  font-family: 'Kanit', sans-serif;
}

body {
  background: #2d4263;
  background: linear-gradient(172deg, #2d4263 0%, #2d4263 54%, #cbbbb8 100%);
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  background-size: cover;
  padding: 0;
  margin: 0;
}

body .login-container {
  background-color: #c84a31c0;
  margin: auto;
  padding: 15px;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.342);
          box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.342);
  border: 1px solid rgba(255, 255, 255, 0.486);
}

body input {
  border-radius: 0 !important;
}

body input:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #C84B31 !important;
}

body .btn-primary {
  background-color: #2D4263 !important;
  border-radius: 0 !important;
  border: none !important;
}

body .login-title {
  font-size: 35px;
  color: white;
  font-weight: 700;
  margin-top: 170px;
  margin-bottom: 70px;
}

body .login-title i {
  background-color: #C84B31;
  border-radius: 35px;
  padding: 15px;
  font-size: 45px;
  color: #2D4263;
}

body .login-title .login-text-one {
  color: #C84B31;
}

body .login-title .login-text-two {
  color: white;
}

body label {
  color: white;
}

body .invalid-feedback {
  color: white;
  font-weight: 100;
}
/*# sourceMappingURL=login.css.map */