/* background image */
body {
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Helvetica, Arial, sans-serif;
    min-height: 100vh;
}

.padding-top-20 {
    padding-top: 20px;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.img-left {
  display: block;
  margin-left: 0;
  margin-right: auto;
}
.img-right {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

/* Login Button */
.login .btn-primary {
	color: #ffffff;
    background-color: #00a4ef;
    border-color: #0073ab;
    height: 60px;
}

.list-group-item {
    background-color: unset;
    border: unset;
}

/* Login Button Hover */
.login .btn-primary:hover, .login .btn-primary:focus, .login .btn-primary.focus, .login .btn-primary:active, .login .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	Background-color: #ffb900;
	border-color: #b58300;
	color: white;
}


/*headline*/
.login-wrap .page-header h1 {
	font-size: 50px;
	color: white;
}
.login-wrap .page-header {
	margin-bottom: 20px;
}

.login-wrap {
    /* background: #cccccc; */
    /*padding: 50px;*/
    /* border: 1px solid #eaeaea; */
    border-radius: 4px;
    padding: 30px 50px;
    margin: 110px auto;
    max-width: 100%;
    width: 480px;
  }
  @media (max-width: 767px) {
    .login-wrap {
      margin: 30px auto;
      padding: 25px;
    }
  }
  .login-wrap .page-header {
    border: 0;
    padding: 0;
    margin-bottom: 37.5px;
  }
  @media (max-width: 767px) {
    .login-wrap .page-header {
      margin-bottom: 25px;
    }
  }
  .login-wrap .page-header h1 {
    font-size: 60px;
    color: #333333;
  }
  @media (max-width: 767px) {
    .login-wrap .page-header h1 {
      font-size: 36px;
    }
  }
  .login-wrap form .control-label {
    text-align: left;
    padding-top: 0;
  }
  .login-wrap form label {
    color: #777777;
    text-align: left;
    font-weight: 400;
  }
  .login-wrap form .form-group {
    margin-bottom: 25px;
  }
  .login-wrap form .form-group input[type="text"],
  .login-wrap form .form-group input[type="password"] {
    box-shadow: none;
    width: 100%;
  }
  .login-wrap form .form-group .checkbox {
    padding-top: 0;
    min-height: 0;
  }
  .login-wrap form .form-group .checkbox input[type="checkbox"] {
    margin-top: 6px;
  }
  .login-wrap .other-links {
    margin-bottom: 0 !important;
  }
  .login-wrap .other-links ul {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .login-wrap .other-links ul li {
    display: inline-block;
    list-style: none;
    padding: 0 6.25px;
  }
  .login-wrap .other-links ul li a {
    color: #555555;
    font-size: 12px;
  }
  .login-wrap .other-links ul li a:hover,
  .login-wrap .other-links ul li a:focus,
  .login-wrap .other-links ul li a:active {
    color: #d93030;
  }
  .login-wrap .other-links ul li + li {
    margin-top: 12.5px;
  }

/*login form*/
.form-group {
	margin-bottom: 15px;
}

.form-control {
    height: 60px;
    background: #e8f0fe;
}

.form-control:focus {
    border-color: #777777;
}

.login-wrap form .form-group input[name="password"] {
    width:80%;
}

.login-wrap form .control-label {
    padding-bottom: 10px;
}

/* PASSWORD RESET PAGE */
.reset, .remind, .reset-confirm, .reset-complete {
    background: #cccccc;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 60px;
    margin: 90px auto;
    max-width: 650px;
}

/* brand logo image */
.brand-logo img {
  vertical-align: middle;
  width: auto;
  /* max-width: 40%; */
}