/*
 * Page: Login
 * ----------------------
 */
.login-box .login-image-wrapper{
  margin-top:10px;
  margin-bottom:10px;
}

.login-box .login-form-wrapper{
  background-color: #1ab1e8;
  padding-top:10px;
}

.login-box .login-box-body{
  -webkit-box-shadow: 0px 10px 50px 0px rgba(184,184,184,1);
  -moz-box-shadow: 0px 10px 50px 0px rgba(184,184,184,1);
  box-shadow: 0px 10px 50px 0px rgba(184,184,184,1);
}

@media (max-width: 768px) {
  .login-box .login-image-wrapper{
    text-align:center;
  }
  .login-box .login-image-wrapper{
    padding-left:0px !important;
    padding-right:0px !important;
  }
  .login-box .login-form-wrapper{
    padding-bottom:10px;
  }
}

@media (min-width: 768px) {
  .login-box {
    background-color: white;
  }

  .login-box {
    background-color: white;
    width: 800px!important;
  }

  /*
   * Page: flex-row
   * ----------------------
   */
  .flex-row {
      display: flex;
      flex-wrap: wrap;
  }
  .flex-row > [class*='col-'] {
      display: flex;
      flex-direction: column;
  }
  .flex-row.row:after,
  .flex-row.row:before {
      display: flex;
  }

}