.login-box {
	width: 100%;
	max-width: 500px !important;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 3%;
	padding-right: 3%;
	background-color: #ffffff;
	margin-bottom: 30px;
	display: none;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
  }
  .login-box.active{display: block;}
  .login-bg {
	  background-color: #e1e8ee;
	  min-height: 100vh;
	  min-height: calc(100vh - 37px);
	  width: 100%;
  }

  .login-box{position: relative;}
  .login-box h3 {
	  position: absolute;
	  right: 20px;
	  top: 10px;
	  text-transform: uppercase;
	  font-weight: 700;
	  color: #e1e8ee;
	  text-align: right;
	  max-width: 220px;
  }
  .login-form {
	  width: 100%;
  }
  .login-form label {
	  font-weight: 400;
	  color: #737373;
  }
  .login-form .form-control {
	  background: #e1e8ee;
	  border: 1px solid #e1e8ee;;
  }
  footer {
	  background: #ffffff;
	  text-align: center;
	  box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
  }
  .footer-link {color: #db0011 !important;}
  .form-group.d-flex .form-control{margin: 0 5px;text-align: center;font-size: 1.5rem;}

  .reset-box {
	width: 100%;
	max-width: 500px !important;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 3%;
	padding-right: 3%;
	margin-bottom: 30px;
	display: none;
  }
  .reset-box.active{display: block;}
  .reset-bg {
	  min-height: 100vh;
	  min-height: calc(100vh - 37px);
	  width: 100%;
  }

  .reset-box{position: relative;}
  .reset-box h3 {
	  position: absolute;
	  right: 20px;
	  top: 10px;
	  text-transform: uppercase;
	  font-weight: 700;

	  text-shadow: 5px 5px 6px rgba(0,0,0,0.15);
	  text-align: right;
	  max-width: 220px;
  }
  .reset-form {
	  width: 100%;
  }
  .reset-form label {
	  font-weight: 400;
	  color: #737373;
  }
  .reset-form .form-control {
	  border: 1px solid #e1e8ee;
  }
  .reset-form .form-control{color: #000;}
  .reset-form .form-control::placeholder{color: #eee;}
  #myModal .text-muted {
	color:#606c74 !important;
  }