body {
  font-family: "Hind", sans-serif;
  /* background-color: #f0f0f0; */
  background-color: #e6e6e6;
  }

.login-card {
  border: 0;
  border-radius: 27.5px;
  box-shadow: 0 10px 30px 0 rgba(172, 168, 168, 0.43);
  overflow: hidden; }
  .login-card-img {
    border-radius: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .login-card .card-body {
    padding: 10px 60px 30px; }
    @media (max-width: 422px) {
      .login-card .card-body {
        padding: 10px 24px 30px; } }
  .login-card-description {
    font-size: 25px;
    color: #000;
    font-weight: normal; }
  .login-card form {
    max-width: 326px; }
  .login-card .form-control {
    border: 1px solid #d5dae2;
    padding: 15px 25px;
    margin-bottom: 20px;
    min-height: 45px;
    
    line-height: 15px;
    font-weight: normal; }
    .login-card .form-control::-webkit-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-moz-placeholder {
      color: #919aa3; }
    .login-card .form-control:-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::placeholder {
      color: #919aa3; }
  .login-card .login-btn {
    padding: 13px 20px 12px;
    background-color: #f0f0f1;
    border-radius: 5px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #3498D8;
    margin-bottom: 24px; }
    .login-card .login-btn:hover {
      background-color: #3498D8;
      color: #f0f0f1; }
  .login-card .forgot-password-link {
    font-size: 14px;
    color: #919aa3;
	margin-top: -20px;
    margin-bottom: 20px; }
  .login-card-footer-text {
    font-size: 16px;
    color: #2b2f72;
    margin-bottom: 0px; }
    @media (max-width: 767px) {
      .login-card-footer-text {
        margin-bottom: 0px; } }
  .login-card-footer-nav a {
    font-size: 14px;
    color: #919aa3; }
  .login-card .guest-pay-link {
    font-size: 14px;
	padding-left: 20px;
    margin-bottom: 0px; }

.card-wrapper {
  width: 450px;
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  min-height: calc(100% - 427px - 394px);  /* 427 is the height of the banner and subbanner and book/acct line and 394 is the height of the footer and copyright */
  min-height: calc(100vh - 427px - 394px); /* 427 is the height of the banner and subbanner and book/acct line and 394 is the height of the footer and copyright */
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-bottom: 30px;
  margin-right: auto;
}


form .error{
  border-color: #e1534f !important; }