.login-page__wrapper {
  min-height: 500px;
  margin-top: 3.125rem;
}
@media (min-width: 768px) {
  .login-page__wrapper {
    margin-top: 4.375rem;
  }
}
.login-page__title {
  text-transform: capitalize;
}
@media (max-width: 1023.98px) {
  .login-page__title {
    font-size: 1.75rem;
  }
}
.login-page__steps {
  position: relative;
}
.login-page__steps--password .login-page__step-password {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 1;
  visibility: visible;
}
.login-page__steps--password .login-page__step-email,
.login-page__steps--password .login-page__vertical-divider {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.login-page__step-email {
  opacity: 1;
  -webkit-transition: all 0.2s 0.1s ease-out;
  transition: all 0.2s 0.1s ease-out;
}
.login-page__vertical-divider {
  width: 1px;
  position: absolute;
  left: 50%;
  top: 0;
  border-left: 1px solid #C4B3E2;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s 0.1s ease-out;
  transition: all 0.2s 0.1s ease-out;
  height: 432px;
}
@media (max-width: 1023.98px) {
  .login-page__vertical-divider {
    display: none !important;
  }
}
.login-page__step-password {
  position: absolute;
  left: 50%;
  width: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-25%);
          transform: translateX(-25%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.login-page__step-password__content {
  max-width: 440px;
  margin: 0 auto;
}
.login-page__secure-link-alert {
  max-width: 720px;
  margin: 0 auto;
}

.my-account {
  min-height: 480px;
  padding-bottom: 28px;
  /*.btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: $font-weight-light;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      padding: 8px 16px;
      font-size: 16px;
      line-height: 1.42857;
  }*/
  /*.btn-default {
      color: $gray-800;
      background-color: #fff;
      border-color: #AEB8BD;
  }*/
}
.my-account .breadcrumb-container {
  background-color: #F7F9FA;
}
.my-account select.floating__input {
  padding-left: 1rem;
  padding-top: 1rem;
}
.my-account .myaccount-return {
  background-color: #f7f9fa;
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding: 8px 0px;
}
.my-account .myaccount-return li {
  display: inline-block;
}
.my-account .myaccount-return a {
  color: #495257;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}
.my-account .control-label {
  text-transform: none;
}
.my-account .see-more .orders-see-more-ajax-btn {
  color: #6D6D6D !important;
}
.my-account .see-more .orders-see-more-ajax-btn:hover {
  color: white !important;
}
@media (min-width: 769px) {
  .my-account .reset-password-title {
    width: 100%;
    font-weight: 300;
    font-size: 44px;
    margin: 40px 0;
  }
}
@media (max-width: 768px) {
  .my-account .reset-password-title {
    width: 100%;
    font-weight: 300;
    font-size: 36px;
    margin: 24px 0;
  }
}
.my-account .password-reset-options:after {
  content: "";
  display: table;
  clear: both;
}
.my-account .password-reset-options .radio-box-option {
  border: 2px solid #ccd4d9;
  margin: 0 0 8px;
  position: relative;
}
.my-account .password-reset-options .radio-box-option label {
  padding-top: 12px;
  padding-left: 12px;
  padding-bottom: 6px;
  padding-right: 8px;
}
.my-account .password-reset-options .radio-box-option.selected {
  border: 2px solid #4d186e;
}
.my-account .password-reset-options .radio-box-option.selected .radio-text-block {
  color: #4D186E;
}
.my-account .password-reset-options .radio-box-option.selected .selected-icon {
  position: absolute;
  right: 4px;
  top: 0;
  color: #4d186e;
  display: block;
}
.my-account .password-reset-options .radio-box-option .selected-icon {
  position: absolute;
  right: 4px;
  top: 0;
  color: #4d186e;
  display: none;
  padding-top: 12px;
}
.my-account .password-reset-options .radio-box-option .radio-icon, .my-account .password-reset-options .radio-box-option .radio-text-header {
  float: left;
  font-size: 18px;
}
.my-account .password-reset-options .radio-box-option .radio-text-header {
  margin-left: 8px;
}
.my-account .password-reset-options .radio-box-option input[type=radio] {
  position: absolute;
  opacity: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  top: 0;
  left: 0;
}
.my-account .reset-state-email .btn-lg, .my-account .reset-state-text .btn-lg {
  padding: 12px 24px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 0;
}
.my-account .reset-state-text .has-error .control-label {
  color: unset;
}
.my-account .create-account-container .floating__input:-moz-placeholder-shown:not([style*="display: none"]):not([style*="display:none"]):not([class*=d-none]) ~ .float-label::before {
  top: 0.2rem;
}
.my-account .create-account-container .floating__input:-ms-input-placeholder:not([style*="display: none"]):not([style*="display:none"]):not([class*=d-none]) ~ .float-label::before {
  top: 0.2rem;
}
.my-account .create-account-container .floating__input:placeholder-shown:not([style*="display: none"]):not([style*="display:none"]):not([class*=d-none]) ~ .float-label::before {
  top: 0.2rem;
}
.my-account .create-account-container .form-group .has-error {
  margin-bottom: 25px;
}
.my-account .create-account-container .help-block {
  margin-top: unset;
}
.my-account .create-account-container .registration-header {
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 200;
  margin: 40px 0 40px;
}
.my-account .compact-h1-group {
  margin: 24px 0;
}
.my-account .compact-h1-group h1 {
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 2.5px;
}
.my-account .btn.loading-btn {
  background-image: url(../../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-size: 35px;
  text-indent: -999999%;
  pointer-events: none;
  background-position: center;
}
.my-account .btn.plp-list-quick-view.loading-btn {
  text-indent: 0;
  color: #fff;
}
.my-account .place-order.loading-btn {
  text-indent: 150%;
  overflow: hidden;
  width: 161px;
}
.my-account .form-control {
  /*display: block;
  width: 100%;
  height: 46px;
  font-size: 16px;
  line-height: 1.42857;
  color: #495257;
  background-color: #fff;
  background-image: none;
  border: 1px solid #CCD4D9;
  border-radius: 4px;*/
  border-color: #495257;
}
.my-account .form-control.braintree-hosted-fields-invalid {
  border-color: #a94442;
}
.my-account .card {
  border-width: 3px 1px 1px 1px;
  margin-bottom: 22px;
  border-radius: 0;
  border-color: #CCD4D9;
  border-style: solid;
}
.my-account .card-header {
  margin: 0 8px;
  padding: 16px 8px;
  border-bottom: 1px solid #CCD4D9;
  background: transparent;
}
.my-account .card-header-inner {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
}
.my-account .card-text {
  line-height: 1.4;
  font-size: 12px;
}
.my-account .card-text dt {
  color: #495257;
  font-weight: 300;
  text-transform: uppercase;
}
.my-account .card-text dd {
  font-size: 16px;
  line-height: 1.1;
  padding-bottom: 16px;
  margin-bottom: 4px;
}
.my-account .edit-state {
  margin-top: 48px;
}
.my-account .radio label {
  min-height: 22px;
  margin-bottom: 0;
  font-weight: 300;
  cursor: pointer;
  font-size: 14px;
}
.my-account .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 1rem;
}
@media (min-width: 768px) {
  .my-account .bdaySave .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0 5px 0 0;
  }
}
@media (max-width: 767px) {
  .my-account .bdaySave select:not([multiple]) {
    margin-bottom: 8px;
  }
}
.my-account .product-list-unit .product-name {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
}
@media (min-width: 480px) {
  .my-account .product-list-unit .carousel-rating-container {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .my-account .product-list-unit .carousel-rating-container {
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .my-account .product-list-unit .carousel-rating-container {
    margin-left: 25px;
  }
}
.my-account .product-list-unit .product-price {
  padding-top: 0;
}
.my-account .product-list-unit .price-sales {
  font-size: 12px;
  font-weight: 500;
  color: #495257;
}
.my-account .product-list-unit .product-cta {
  margin-top: 8px;
}
.my-account .product-list-unit .product-cta .btn-outline-dark {
  background-color: rgb(239, 239, 239);
}
.my-account .product-list-unit .product-cta .btn-outline-dark:hover {
  color: unset;
}
.my-account .empty-state {
  color: #222222;
  background-color: #F7F9FA;
  border-color: #CCD4D9;
}
.my-account .cta-container {
  margin: 16px 0;
}
.my-account .btn-facebook {
  color: #4267b2;
  background-color: #FFF;
  border-color: #4267b2;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}
.my-account .hide-show-password {
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1rem;
  font-weight: 400 !important;
}
.my-account .tatcha-registration-email-list.tatcha-registration-join span {
  line-height: 1.3;
}
.my-account .tatcha-registration-email-list span {
  font-size: 14px;
  text-transform: none;
  margin-left: 1rem;
}
.my-account .tatcha-registration-email-list input[type=checkbox] {
  position: absolute;
  margin-top: 2px;
}
.my-account .privacy-policy a, .my-account .privacy-note a {
  color: #495257;
  text-decoration: underline;
}
.my-account input[type=checkbox].floating__input {
  margin: 2px 5px 0 0;
}

.authentication-wrap {
  min-height: 480px;
}

.account-main-title {
  font-weight: 200 !important;
  font-size: 44px !important;
  margin: 2rem 0 !important;
}

.my-account-reset-password .form-group.has-error, .create-account-container .form-group.has-error {
  margin-bottom: 25px;
}
.my-account-reset-password .form-group.has-error #phoneText, .my-account-reset-password .form-group.has-error #resetEmail, .create-account-container .form-group.has-error #phoneText, .create-account-container .form-group.has-error #resetEmail {
  border-color: #dc3545 !important;
}
.my-account-reset-password .float-label::before, .create-account-container .float-label::before {
  min-width: 300px;
}
.my-account-reset-password #dwfrm_profile_customer_phoneMobile, .create-account-container #dwfrm_profile_customer_phoneMobile {
  padding-top: 0.6rem;
}
.my-account-reset-password .has-phoneMobile-error-border, .create-account-container .has-phoneMobile-error-border {
  margin-bottom: 25px;
}
.my-account-reset-password .has-phoneMobile-error-border input, .create-account-container .has-phoneMobile-error-border input {
  border-color: #b82e67 !important;
}
.my-account-reset-password .has-phoneMobile-error-border .help-block, .create-account-container .has-phoneMobile-error-border .help-block {
  color: #b82e67;
}

.account-step-password label {
  min-width: 201px;
}

.account-step-password #ChangePassowrdForm .form-group.has-error {
  margin-bottom: 1.5rem;
}
.account-step-password #ChangePassowrdForm .float-label::before {
  min-width: 215px;
}

.account-step-summary .card-header .edit-profile {
  font-size: 14px;
  color: #495257;
  text-decoration: underline;
}
.account-step-summary .card-text .edit-email, .account-step-summary .card-text .edit-password {
  font-size: 14px;
  color: #495257;
  text-decoration: underline;
}
.account-step-summary .card-text .account-switch-spec {
  font-size: 12px;
  font-style: italic;
  color: #495257;
  text-decoration: underline;
}
.account-step-summary .panel-body {
  padding: 16px;
}

.breadcrumb-container {
  background-color: #F7F9FA;
}

#myaccount-breadcrumb {
  background-color: #f7f9fa;
  margin-bottom: 0;
  padding: 8px 0px;
  line-height: 18px;
}
#myaccount-breadcrumb li {
  display: inline-block;
}
#myaccount-breadcrumb a {
  color: #495257;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}

.container-fluid > .breadcrumb.container {
  padding: 8px 0px;
}

@media (min-width: 1024px) {
  .container-fluid > .breadcrumb.container {
    padding: 8px 15px;
  }
}
.alert-verify-email {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}