﻿/*!
* This file contains css rules which are common between login page and other application pages.
*/
/* Alerts - start */
.ct-alert-success {
  color: #000;
  background-color: #5fd255;
  border-color: #5fd255;
}

.ct-alert-danger {
  color: #000;
  background-color: #f58791;
  border-color: #f58791;
}

.ct-alert-warning {
  color: #000;
  background-color: #fff4ce;
  border-color: #fff4ce;
}

.ct-alert-severe-warning {
  color: #000;
  background-color: #fa4100;
  border-color: #fa4100;
}

.ct-alert-info {
  color: #000;
  background-color: #e0f0fa;
  border-color: #e0f0fa;
}

/* Alerts - end */
html body {
  color: #141932;
}

.login {
  min-height: 100vh;
}

.bg-image {
  background-size: cover;
  background-position: center;
}

.bg-image img {
  height: 300px;
  width: 300px;
}

.login-heading, .reset-password-heading {
  font-weight: 650;
  border-bottom: 1px solid #b4c7d8;
  padding: 18px 0;
}

.form-floating input {
  border: 1px solid #b4c7d8;
}

#change-password-btn i {
  margin-right: 5px;
}

.forgot-password-block {
  text-align: right;
  padding-top: 3px;
  padding-bottom: 2px;
}

.forgot-password-text {
  text-decoration: none;
  color: inherit;
}

.biometric-login {
  text-align: center;
}

.biometric-login a {
  text-decoration: none;
  color: #91a8bf;
}

.biometric-login a:hover {
  color: #556b80;
}

#loginFormErrorBlock, #PasswordResetFormErrorBlock, #PasswordResetFormSuccessBlock {
  display: none;
}

/* Buttons - start */
button:disabled {
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

.btn-login-primary, .btn-login-secondary,
.btn-login-primary-active, .btn-login-secondary-active {
  font-size: 14px;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
}

.btn-login-primary {
  color: #91a8bf;
  background-color: #eaf0f8;
  border-color: #eaf0f8;
}

.btn-login-primary:hover {
  color: #91a8bf;
}

.btn-login-primary:disabled {
  opacity: 1 !important;
}

.btn-login-secondary {
  color: #141932;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-login-secondary:disabled {
  opacity: 0.65;
}

/* Buttons - end */
.green-bullet {
  color: darkgreen;
}

.text-left {
  text-align: left;
}
