/*  Variables  */
/*   Mixins  */
/*  Transition  */
/*  Box Sizing  */
/*  Box Shadow  */
/*  Border Radius  */
/*  Opacity  */
body{
  background-color: #191919;
  /*background-image: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0, 0.7)),  url("/wh_assets/wh_patterns/azul_pattern.svg");*/
  /*background-image: url("/wh_assets/wh_patterns/azul_pattern.svg");*/
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: 150% 60%;
  width: 100%;
}

/*  Login page CSS  */
.login-container {
  margin: 50px auto;
  text-align: center;
}
.login-container .login-header {
  background: #f2f2f2;
  padding: 10px 5px;
  text-align: center;
  font-weight: 800;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 2px 2px 0 0;
}
.login-container .login-wrapper {
  background: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding-bottom: 20px;
}
  .login-container .login-wrapper h5 {
    margin-top: 30px;
  }
.login-container a.fb-btn {
  width: 300px;
  height: 48px;
  margin: 20px auto;
  padding: 0;
}
.login-container form {
  padding: 20px 25px;
}
.login-container .form-control {
  height: 48px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
}
  .login-container .form-control:focus {
    border: 1px solid #a4c2dc;
  }
.login-container .form-control-feedback {
  font-size: 24px;
  top: 34px;
  color: #4d4d4d;
}
.login-container .form-group label {
  text-align: left !important;
  display: block;
}
.login-container a {
  padding: 15px;
  display: block;
}
.login-container a.underline {
  text-decoration: underline;
}


.login-container .form-control{
  color: #000000;
}


.login-header{
  background: #191919 !important;
}

.login-header img{
  width: 60%;
}

.btn-wk-primary{
  background: white;
  border-color: #191919;
  color: #191919 !important;
  transition: 0.5s all;
}

.btn-wk-primary:hover{
  background-color: #191919;
  color: white !important;
}