/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/org_marykay/cartridge/client/default/scss/login.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* *** MIXINS *** */
/* ******** Set Line Clamp ******** */
.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--4 {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--9 {
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
.form-group.required .form-control-label::before {
  content: "*";
  color: #b21026;
}

.login-page {
  margin-top: 1em;
}
.login-page .login-form-nav {
  margin-bottom: 1.25em;
}
.login-page .login-form-nav .tab-pane {
  margin-top: 1em;
}
.login-page .login {
  margin-bottom: 0.938em;
}
.login-page .login .error-message-form {
  padding: 0.625em;
  background-color: #b21026;
  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%;
}

.track-order-header {
  font-size: 1.75rem;
}

.request-password-title {
  font-size: 1.5rem;
}

.mk-login-page .nav-tabs {
  border-bottom: 0.0625rem solid #b9bdbd;
}
.mk-login-page .nav-link {
  padding: 0.375rem;
  color: #545859 !important;
  text-decoration: none;
}
.mk-login-page .nav-link.active, .mk-login-page .nav-link.active:hover, .mk-login-page .nav-link.active:focus {
  color: #d00070 !important;
  border-bottom: 0.25rem solid;
}
.mk-login-page .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mk-login-page .card {
  border-radius: 0.75rem;
}
.mk-login-page .login-section {
  max-width: 31.25rem;
}
.mk-login-page .modal-content {
  border-radius: 1.75rem;
}
.mk-login-page .close {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -1.8rem;
  right: 1.125rem;
  background-color: #fff;
  opacity: 1;
}

.login-title {
  left: -0.3125rem;
  bottom: -0.09375rem;
  line-height: 80%;
  position: absolute;
}
@media (min-width: 992px) {
  .login-title {
    left: -0.6875rem;
  }
}

.login-banner {
  background-image: url("../images/loginbanner.jpg");
  height: 9.375rem;
}
@media (min-width: 992px) {
  .login-banner {
    height: 12.5rem;
  }
}

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