.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-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: #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%; }

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

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

/***
*** Media query ***
***/
/***
*** Grid system ***
***/
/***
*** Colors ***
***/
/* Secondary colors */
/* Grey scale */
/* Functional colors */
/* Benefeet color */
/***
*** Media query ***
***/
/***
*** Grid system ***
***/
/***
*** Colors ***
***/
/* Secondary colors */
/* Grey scale */
/* Functional colors */
/* Benefeet color */
/*
* Altezza bottoni
* 3 tipologia: default, big, small
*/
/*
* Mixin reverse
*/
/*
* Header style mixin: trasparent header and gradient
*/
/*
* Font setting
* Size, weight, line-height, letter-spacing
*/
.form-group {
  margin-bottom: 24px;
  position: relative; }
  .form-group.required label:not(.custom-control-label)::after {
    content: " *";
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 4px; }
  .form-group.required .form-check label:not(.custom-control-label) p::after {
    content: " *";
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 4px; }
  .form-group label {
    color: #373A36;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: normal; }
  .form-group:has(.is-invalid) .nice-select {
    background-image: none !important;
    border: 1px solid #D53D50 !important; }
  .form-group:has(.is-invalid) + .invalid-feedback {
    display: block;
    top: 100%;
    left: 0; }
  .form-group select:disabled + .nice-select,
  .form-group select.inactive + .nice-select {
    background-color: #DBDBDB; }
  .form-group input.shippingCountry, .form-group input.disabled {
    pointer-events: none;
    color: #818181 !important;
    border-radius: 0;
    border-color: #C5C5C5 !important;
    background: #DBDBDB !important; }
  .form-group .shippingCountry.disabled,
  .form-group .billingCountry.disabled {
    pointer-events: none;
    color: #818181 !important;
    border-radius: 0;
    border-color: #C5C5C5 !important;
    background: #DBDBDB !important; }
    .form-group .shippingCountry.disabled::after,
    .form-group .billingCountry.disabled::after {
      display: none; }
  .form-group .nice-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 16px;
    width: 100%;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #818181;
    background: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    height: 48px; }
    .form-group .nice-select span {
      padding: 0px;
      margin: 0px;
      color: #373A36; }
    .form-group .nice-select ul {
      width: 100%;
      -webkit-box-shadow: 0 0 0 1px #818181;
              box-shadow: 0 0 0 1px #818181; }
      .form-group .nice-select ul li.option {
        padding: 12px 8px; }
        .form-group .nice-select ul li.option.selected {
          font-weight: 600; }
        .form-group .nice-select ul li.option:focus {
          background-color: #F2F2F2; }
    .form-group .nice-select.is-invalid {
      background-image: none !important;
      border: 1px solid #D53D50 !important; }
    .form-group .nice-select.is-valid {
      border-color: #1B8847 !important; }
    .form-group .nice-select.inactive, .form-group .nice-select:disabled {
      background-color: #DBDBDB; }
    .form-group .nice-select.disabled {
      background-color: #DBDBDB;
      pointer-events: none;
      color: #C5C5C5;
      opacity: .75; }
    .form-group .nice-select:hover {
      border: 1px solid #373A36; }
    .form-group .nice-select:after {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      content: '';
      display: block;
      height: 12px;
      width: 12px;
      margin-top: -10px;
      pointer-events: none;
      position: absolute;
      right: 16px;
      top: 50%;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
    .form-group .nice-select .list {
      max-height: 50vh;
      overflow: auto; }
    .form-group .nice-select.open:after {
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg);
      margin-top: -2px; }
  .form-group .address-infos {
    padding-top: 4px;
    color: #373A36;
    font-size: 12px;
    font-weight: 600;
    line-height: 140%; }
  .form-group.custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .form-group.custom-checkbox input.is-invalid,
  .form-group .profile-custom-radio input.is-invalid {
    -webkit-box-shadow: 0 0 1px 1px #D53D50 !important;
            box-shadow: 0 0 1px 1px #D53D50 !important; }
  .form-group.custom-checkbox .is-invalid ~ .invalid-feedback,
  .form-group .profile-custom-radio .is-invalid ~ .invalid-feedback {
    display: block; }
  .form-group .profile-custom-radio label::after {
    display: none !important; }

.form-check-label:not(.form-newsletter-label) {
  position: relative; }
  .form-check-label:not(.form-newsletter-label) input {
    display: none; }
  .form-check-label:not(.form-newsletter-label)::before {
    content: '';
    min-width: 16px;
    max-width: 16px;
    width: 16px;
    min-height: 16px;
    max-height: 16px;
    height: 16px;
    border: 1px solid #373A36;
    border-radius: 50%; }
  .form-check-label:not(.form-newsletter-label).active::after {
    width: 12px;
    height: 12px;
    display: block;
    background: #373A36;
    content: '';
    position: absolute;
    top: 22px;
    left: 26px;
    border-radius: 50%; }
    @media (max-width: 767px) {
      .form-check-label:not(.form-newsletter-label).active::after {
        top: 18px;
        left: 18px; } }

.visible-password-fields {
  color: #C5C5C5;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px; }
  .visible-password-fields .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .visible-password-fields .field::before {
      font-family: 'geoxicons' !important;
      content: "\E94E";
      display: block;
      border-radius: 100%;
      color: #C5C5C5; }
    .visible-password-fields .field.valid {
      color: #1B8847; }
      .visible-password-fields .field.valid::before {
        content: '\E917';
        color: #1B8847; }

.login-page-container,
.register-offline-page {
  padding: 0; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
    .login-page-container,
    .register-offline-page {
      margin: 0 0 40px 0; } }
  .login-page-container .equal-height,
  .register-offline-page .equal-height {
    width: 100%; }
    @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
      .login-page-container .equal-height,
      .register-offline-page .equal-height {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .login-page-container .equal-height .content-asset,
    .register-offline-page .equal-height .content-asset {
      position: relative;
      text-align: center; }
      @media (min-width: 1024px) and (max-width: 1279px) {
        .login-page-container .equal-height .content-asset,
        .register-offline-page .equal-height .content-asset {
          max-width: 600px; } }
      @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
        .login-page-container .equal-height .content-asset,
        .register-offline-page .equal-height .content-asset {
          max-width: 100%; } }
      .login-page-container .equal-height .content-asset .image-text,
      .register-offline-page .equal-height .content-asset .image-text {
        color: #ffffff;
        position: absolute;
        bottom: 56px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        text-align: center; }
        .login-page-container .equal-height .content-asset .image-text .h6,
        .register-offline-page .equal-height .content-asset .image-text .h6 {
          font-size: 32px !important; }
          @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
            .login-page-container .equal-height .content-asset .image-text .h6,
            .register-offline-page .equal-height .content-asset .image-text .h6 {
              font-size: 20px !important; } }
        @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
          .login-page-container .equal-height .content-asset .image-text,
          .register-offline-page .equal-height .content-asset .image-text {
            left: 24px;
            -webkit-transform: none;
                    transform: none;
            text-align: start;
            font-size: 20px !important; } }
      .login-page-container .equal-height .content-asset .icon-benefeet,
      .register-offline-page .equal-height .content-asset .icon-benefeet {
        position: absolute;
        top: 84px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        height: 72px; }
        @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
          .login-page-container .equal-height .content-asset .icon-benefeet,
          .register-offline-page .equal-height .content-asset .icon-benefeet {
            width: 104px;
            height: 30px;
            top: 39px;
            left: 76px; } }
      .login-page-container .equal-height .content-asset .background-img,
      .register-offline-page .equal-height .content-asset .background-img {
        -o-object-fit: cover;
           object-fit: cover;
        height: calc(100vh - 113px);
        width: auto; }
        @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
          .login-page-container .equal-height .content-asset .background-img,
          .register-offline-page .equal-height .content-asset .background-img {
            width: 100%;
            height: 198px; } }
    .login-page-container .equal-height .form-container,
    .register-offline-page .equal-height .form-container {
      width: 30%;
      margin: auto;
      padding: 0; }
      @media (min-width: 1024px) and (max-width: 1279px) {
        .login-page-container .equal-height .form-container,
        .register-offline-page .equal-height .form-container {
          width: 35%; } }
      @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
        .login-page-container .equal-height .form-container,
        .register-offline-page .equal-height .form-container {
          width: 100%;
          padding: 0 24px; } }
      .login-page-container .equal-height .form-container .card,
      .register-offline-page .equal-height .form-container .card {
        border: 0; }
        .login-page-container .equal-height .form-container .card .card-body,
        .register-offline-page .equal-height .form-container .card .card-body {
          padding: 0; }
    .login-page-container .equal-height .login-form-nav,
    .register-offline-page .equal-height .login-form-nav {
      margin-bottom: 0; }
      .login-page-container .equal-height .login-form-nav hr,
      .register-offline-page .equal-height .login-form-nav hr {
        margin: 24px 0; }
      .login-page-container .equal-height .login-form-nav .login-content,
      .register-offline-page .equal-height .login-form-nav .login-content {
        margin-top: 16px; }
      @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
        .login-page-container .equal-height .login-form-nav,
        .register-offline-page .equal-height .login-form-nav {
          padding-top: 32px; } }
    .login-page-container .equal-height .login .clearfix,
    .register-offline-page .equal-height .login .clearfix {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 32px;
      margin-top: -8px; }
      @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
        .login-page-container .equal-height .login .clearfix,
        .register-offline-page .equal-height .login .clearfix {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          gap: 16px;
          margin-bottom: 24px; } }
      .login-page-container .equal-height .login .clearfix .remember-me,
      .register-offline-page .equal-height .login .clearfix .remember-me {
        margin: 0;
        padding: 0; }
      .login-page-container .equal-height .login .clearfix .forgot-password,
      .register-offline-page .equal-height .login .clearfix .forgot-password {
        letter-spacing: 0.56px;
        border-bottom: 1px solid #373A36; }
        @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
          .login-page-container .equal-height .login .clearfix .forgot-password,
          .register-offline-page .equal-height .login .clearfix .forgot-password {
            font-size: 12px !important; } }
      .login-page-container .equal-height .login .clearfix .custom-control-input,
      .register-offline-page .equal-height .login .clearfix .custom-control-input {
        z-index: 0;
        opacity: 1; }
      .login-page-container .equal-height .login .clearfix::after,
      .register-offline-page .equal-height .login .clearfix::after {
        display: none; }
    .login-page-container .equal-height .create-account .create-account-title,
    .register-offline-page .equal-height .create-account .create-account-title {
      font-weight: 600;
      margin-bottom: 16px; }
    .login-page-container .equal-height .create-account .btn,
    .register-offline-page .equal-height .create-account .btn {
      width: 100%; }

.reset-password-page .form-control-label::before,
.new-password-page .form-control-label::before,
.confirm-password-page .form-control-label::before {
  content: unset !important; }

.reset-password-page .back-login,
.new-password-page .back-login,
.confirm-password-page .back-login {
  margin-top: 137px; }
  .reset-password-page .back-login .back-link,
  .new-password-page .back-login .back-link,
  .confirm-password-page .back-login .back-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px; }
    @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
      .reset-password-page .back-login .back-link,
      .new-password-page .back-login .back-link,
      .confirm-password-page .back-login .back-link {
        gap: 8px; } }
    .reset-password-page .back-login .back-link i,
    .new-password-page .back-login .back-link i,
    .confirm-password-page .back-login .back-link i {
      font-size: 24px; }
      .reset-password-page .back-login .back-link i::before,
      .new-password-page .back-login .back-link i::before,
      .confirm-password-page .back-login .back-link i::before {
        vertical-align: middle; }

.reset-password-page .reset-password-container,
.reset-password-page .new-password-container,
.reset-password-page .confirm-password-container,
.new-password-page .reset-password-container,
.new-password-page .new-password-container,
.new-password-page .confirm-password-container,
.confirm-password-page .reset-password-container,
.confirm-password-page .new-password-container,
.confirm-password-page .confirm-password-container {
  width: 33%;
  padding: 48px 0;
  margin: auto; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
    .reset-password-page .reset-password-container,
    .reset-password-page .new-password-container,
    .reset-password-page .confirm-password-container,
    .new-password-page .reset-password-container,
    .new-password-page .new-password-container,
    .new-password-page .confirm-password-container,
    .confirm-password-page .reset-password-container,
    .confirm-password-page .new-password-container,
    .confirm-password-page .confirm-password-container {
      width: 100%;
      padding: 24px 0; } }
  .reset-password-page .reset-password-container .title,
  .reset-password-page .new-password-container .title,
  .reset-password-page .confirm-password-container .title,
  .new-password-page .reset-password-container .title,
  .new-password-page .new-password-container .title,
  .new-password-page .confirm-password-container .title,
  .confirm-password-page .reset-password-container .title,
  .confirm-password-page .new-password-container .title,
  .confirm-password-page .confirm-password-container .title {
    margin-bottom: 16px; }
  .reset-password-page .reset-password-container .title-new,
  .reset-password-page .new-password-container .title-new,
  .reset-password-page .confirm-password-container .title-new,
  .new-password-page .reset-password-container .title-new,
  .new-password-page .new-password-container .title-new,
  .new-password-page .confirm-password-container .title-new,
  .confirm-password-page .reset-password-container .title-new,
  .confirm-password-page .new-password-container .title-new,
  .confirm-password-page .confirm-password-container .title-new {
    margin-bottom: 24px; }
  .reset-password-page .reset-password-container .subtitle-confirm,
  .reset-password-page .new-password-container .subtitle-confirm,
  .reset-password-page .confirm-password-container .subtitle-confirm,
  .new-password-page .reset-password-container .subtitle-confirm,
  .new-password-page .new-password-container .subtitle-confirm,
  .new-password-page .confirm-password-container .subtitle-confirm,
  .confirm-password-page .reset-password-container .subtitle-confirm,
  .confirm-password-page .new-password-container .subtitle-confirm,
  .confirm-password-page .confirm-password-container .subtitle-confirm {
    margin-bottom: 32px; }
    @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
      .reset-password-page .reset-password-container .subtitle-confirm,
      .reset-password-page .new-password-container .subtitle-confirm,
      .reset-password-page .confirm-password-container .subtitle-confirm,
      .new-password-page .reset-password-container .subtitle-confirm,
      .new-password-page .new-password-container .subtitle-confirm,
      .new-password-page .confirm-password-container .subtitle-confirm,
      .confirm-password-page .reset-password-container .subtitle-confirm,
      .confirm-password-page .new-password-container .subtitle-confirm,
      .confirm-password-page .confirm-password-container .subtitle-confirm {
        margin-bottom: 24px; } }
  .reset-password-page .reset-password-container .password,
  .reset-password-page .new-password-container .password,
  .reset-password-page .confirm-password-container .password,
  .new-password-page .reset-password-container .password,
  .new-password-page .new-password-container .password,
  .new-password-page .confirm-password-container .password,
  .confirm-password-page .reset-password-container .password,
  .confirm-password-page .new-password-container .password,
  .confirm-password-page .confirm-password-container .password {
    margin-bottom: 8px; }

.login-page-container .toggle-pwd,
.new-password-page .toggle-pwd,
.register-offline-page .toggle-pwd {
  position: absolute;
  right: 16px;
  font-size: 24px;
  top: 36px;
  cursor: pointer; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
    .login-page-container .toggle-pwd,
    .new-password-page .toggle-pwd,
    .register-offline-page .toggle-pwd {
      top: 34px; } }
  .login-page-container .toggle-pwd i,
  .new-password-page .toggle-pwd i,
  .register-offline-page .toggle-pwd i {
    line-height: unset; }
    .login-page-container .toggle-pwd i.hide::after,
    .new-password-page .toggle-pwd i.hide::after,
    .register-offline-page .toggle-pwd i.hide::after {
      content: "/";
      color: #000000;
      font-size: 1em;
      position: absolute;
      left: 9.5px;
      top: -2px;
      -webkit-transform: rotate(25deg);
              transform: rotate(25deg); }

.login-page-container .visible-password-fields,
.new-password-page .visible-password-fields,
.register-offline-page .visible-password-fields {
  margin-bottom: 32px; }

.login-form-nav .form-control-label::before {
  content: unset !important; }

.login-form-nav .title-offline,
.login-form-nav .info,
.login-form-nav .info-confirm {
  margin-bottom: 16px; }
  @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
    .login-form-nav .title-offline,
    .login-form-nav .info,
    .login-form-nav .info-confirm {
      text-align: center; } }

@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
  .login-form-nav .font-m {
    font-size: 14px !important; } }

@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
  .login-form-nav .info-confirm {
    margin-bottom: 32px; } }

.login-form-nav .info-confirm span {
  font-weight: 600; }

.login-form-nav #register-offline-form-email {
  pointer-events: none; }

/* Error msg */
#login .alert-danger {
  border-radius: unset;
  background-color: #FDECEE;
  border-color: #D53D50;
  color: #D53D50;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: normal; }