/* mixin */

@media (max-width: 767px) {
  .login-form .fL, .login-form .fR {
    float: none;
  }
}
.login-form .fL {
  float: none;
  padding-bottom: 40px;
  border-bottom: 1px rgba(136, 145, 136, 0.5) solid;
}
.login-form .fL .form-group:not(:last-child) {
  margin-bottom: 2em;
}
.login-form .fL .button {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.login-form .fR {
  float: none;
  padding-top: 40px;
}
.login-form .fR .form-group {
  width: 100%;
}
.login-form .fR .form-group:not(:last-child) {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .login-form .fR .form-group {
    width: calc(50% - 3px);
    display: inline-block;
    vertical-align: top;
  }
  .login-form .fR .form-group:nth-of-type(odd) {
    padding-right: 5px;
  }
  .login-form .fR .form-group:nth-of-type(even) {
    padding-left: 5px;
  }
}