.form-group.required .form-control-label::before {
  content: "*";
  color: #c00; }

.login-page {
  margin-top: 1em; }
  .login-page .login-form-nav {
    margin-bottom: 1.25em; }
  .login-page .login {
    margin-bottom: 0.938em; }
    .login-page .login .error-message-form {
      padding: 0.625em;
      background-color: #c00;
      color: #fff;
      border-radius: 0.188em; }

.registration-page .privacy-policy {
  margin-top: 1rem; }

.login-banner {
  background-image: url("../images/account.jpg");
  background-position-y: 40%; }

.equal-height .card {
  width: 100%; }

.wrapper-login-register {
  margin: 3% 0 0; }
  .wrapper-login-register .login-form, .wrapper-login-register .register-form {
    display: block;
    margin: 0 0 25px; }
    .wrapper-login-register .login-form .form-title, .wrapper-login-register .register-form .form-title {
      margin: 0 0 3%; }
    .wrapper-login-register .login-form .btn-primary, .wrapper-login-register .register-form .btn-primary {
      margin: 3% 0 0; }

.wrapper-trackorder {
  display: block;
  margin: 3% 0 0; }

@media (min-width: 769px) {
  .wrapper-login-register .login-form, .wrapper-login-register .register-form {
    width: 49%;
    padding: 0 3%;
    margin: 0;
    display: inline-block;
    vertical-align: top; }
  .wrapper-login-register .login-form {
    padding: 0 3% 0 0; }
  .wrapper-login-register .register-form {
    padding: 0 0 0 3%; } }

.password-reset .reset-password-form {
  margin: 0 auto 25px; }

/*
$grid-breakpoints: (
    xs: 0,
    sm: 544px,
    md: 769px,
    lg: 992px,
    xl: 1200px
);
*/
.login-page,
.password-reset {
  margin-top: 1em; }
  .login-page .wrapper-login-register,
  .password-reset .wrapper-login-register {
    padding: 3% 0; }
    .login-page .wrapper-login-register .register-form,
    .password-reset .wrapper-login-register .register-form {
      padding: 0 5%;
      width: 100%; }
      @media (min-width: 991px) {
        .login-page .wrapper-login-register .register-form,
        .password-reset .wrapper-login-register .register-form {
          width: 49%;
          padding: 0 8% 0 0; } }
    .login-page .wrapper-login-register .login-form,
    .password-reset .wrapper-login-register .login-form {
      position: relative;
      padding: 3% 5%;
      width: 100%; }
      @media (min-width: 991px) {
        .login-page .wrapper-login-register .login-form,
        .password-reset .wrapper-login-register .login-form {
          width: 49%;
          padding: 0 0 0 8%; } }
      .login-page .wrapper-login-register .login-form:after,
      .password-reset .wrapper-login-register .login-form:after {
        display: none;
        height: 85%;
        width: 1px;
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d4d4d4 30%, #d4d4d4 75%, rgba(212, 212, 212, 0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, #d4d4d4), color-stop(75%, #d4d4d4), color-stop(100%, rgba(212, 212, 212, 0)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d4d4d4 30%, #d4d4d4 75%, rgba(212, 212, 212, 0) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d4d4d4 30%, #d4d4d4 75%, rgba(212, 212, 212, 0) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d4d4d4 30%, #d4d4d4 75%, rgba(212, 212, 212, 0) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #d4d4d4 30%, #d4d4d4 75%, rgba(212, 212, 212, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=0 ); }
        @media (min-width: 991px) {
          .login-page .wrapper-login-register .login-form:after,
          .password-reset .wrapper-login-register .login-form:after {
            display: block; } }
      .login-page .wrapper-login-register .login-form .form-title,
      .password-reset .wrapper-login-register .login-form .form-title {
        border-top: 1px solid #E7E7E7;
        padding-top: 30px; }
        @media (min-width: 991px) {
          .login-page .wrapper-login-register .login-form .form-title,
          .password-reset .wrapper-login-register .login-form .form-title {
            padding-top: 0;
            border: none; } }
      .login-page .wrapper-login-register .login-form .form-check,
      .password-reset .wrapper-login-register .login-form .form-check {
        padding: 0; }
        .login-page .wrapper-login-register .login-form .form-check .form-check-wrapper,
        .password-reset .wrapper-login-register .login-form .form-check .form-check-wrapper {
          padding: 10px 0px;
          padding: 0.625rem 0rem; }
          .login-page .wrapper-login-register .login-form .form-check .form-check-wrapper .form-check-label,
          .password-reset .wrapper-login-register .login-form .form-check .form-check-wrapper .form-check-label {
            text-transform: capitalize;
            line-height: 12px;
            line-height: 0.75rem;
            font-size: 12px;
            font-size: 0.75rem; }
    .login-page .wrapper-login-register .login-description,
    .password-reset .wrapper-login-register .login-description {
      margin-bottom: 25px; }
    .login-page .wrapper-login-register .btn-block.btn-primary,
    .password-reset .wrapper-login-register .btn-block.btn-primary {
      display: inline-block;
      float: none;
      margin-top: 20px;
      min-width: 50%; }
    .login-page .wrapper-login-register .facebook-description,
    .password-reset .wrapper-login-register .facebook-description {
      padding-top: 70px; }
  .login-page .login-oauth .oauth-facebook,
  .password-reset .login-oauth .oauth-facebook {
    background: #3B5998; }
  .login-page .page-title,
  .password-reset .page-title {
    font-size: 32px;
    font-size: 2rem; }
    @media (min-width: 991px) {
      .login-page .page-title,
      .password-reset .page-title {
        font-size: 50px;
        font-size: 3.125rem;
        margin: 30px 0 50px; } }
  .login-page .form-title,
  .password-reset .form-title {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px; }
  .login-page .login-form-nav,
  .password-reset .login-form-nav {
    margin-bottom: 1.25em; }
  .login-page .login,
  .password-reset .login {
    margin-bottom: 0.938em; }
    .login-page .login .error-message-form,
    .password-reset .login .error-message-form {
      padding: 0.625em;
      background-color: #c00;
      color: #fff;
      border-radius: 0.188em; }

.registration-page .privacy-policy {
  margin-top: 1rem; }

.equal-height .card {
  width: 100%; }

.checkorders-banner .page-title {
  font-size: 32px;
  font-size: 2rem; }
  @media (min-width: 991px) {
    .checkorders-banner .page-title {
      font-size: 50px;
      font-size: 3.125rem; } }

.trackorder-form .trackorder {
  max-width: 600px;
  margin: 0 auto 30px; }

.trackorder-form .form-group.group-button:after {
  content: "";
  clear: both;
  display: block; }

.password-reset .page-title {
  padding-top: 20px; }
  @media (min-width: 991px) {
    .password-reset .page-title {
      padding-top: 0; } }

/*# sourceMappingURL=login.css.map*/