@import '../global/variables';
@import '../components/intlTelInput.min';
.woocommerce-account {
  main {
    padding: 0;
  }
}
.woocommerce {
  padding: 0 0;
  @media screen and (max-width: $tablets) {
    //padding: 40px 0 45px;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
  }
  .woocommerce-MyAccount {
    display: flex;
    gap: 100px;
    @media screen and (max-width: $desktop) {
      flex-direction: column;
    }
    @media screen and (max-width: $tablets) {
      gap: 35px;
    }
    .navigation-container {
      width: 35%;
      @media screen and (max-width: $desktop) {
        width: 100%;
        margin: 0 auto;
        max-width: 800px;
      }
      @media screen and (max-width: $tablets-big) {
        display: flex;
        justify-content: center;
      }
    }
    &-navigation {
      position: sticky;
      top: 50px;
      background: $bg-light-gray;
      padding: 28px;
      border-radius: 16px;
      display: flex;
      flex-direction: column;
      height: 670px;
      width: 100%;
      overflow-y: auto;
      @media screen and (max-width: $desktop) {
        flex-direction: column;
        padding: 0;
        background: $white;
        border-radius: 8px;
        border: 1px solid $light-blue;
        height: fit-content;
        &::-webkit-scrollbar {
          height: 1px;
        }
      }
      &::-webkit-scrollbar {
        width: 3px;
      }
      &::-webkit-scrollbar-thumb {
        background-color: $light-blue;
      }
      h4 {
        font: normal 700 20px / 1.2em $font-almoni;
        color: $dark-gray;
        margin-bottom: 16px;
        @media screen and (max-width: $desktop) {
          display: none;
        }
      }
      ul {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        @media screen and (max-width: $desktop) {
          flex-direction: row;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          touch-action: pan-x;
          scrollbar-width: thin;
        }
        @media screen and (max-width: $tablets-big) {
          flex-direction: row;
          justify-content: center;
        }
        li {
          text-decoration: none;
          display: flex;
          align-items: center;
          @media screen and (max-width: $desktop) {
            width: auto;
            min-width: max-content;
            flex: 0 0 auto;
          }
          @media screen and (max-width: $tablets-big) {
            width: auto;
            min-width: max-content;
            padding-bottom: 0;
          }
          a {
            display: flex;
            align-items: center;
            gap: 16px;
            width: 100%;
            background: transparent;
            padding: 20px;
            border: none;
            border-radius: 8px;
            font: normal 400 22px / 1em $font-almoni;
            color: $bg-dark-blue;
            svg {
              width: 24px;
              height: 24px;
              fill: transparent;
              @media screen and (max-width: $tablets) {
                width: 16px;
                height: 16px;
              }
            }
            @media screen and (max-width: $desktop) {
              padding: 12px 20px;
              justify-content: center;
            }
            @media screen and (max-width: $tablets) {
              font-size: 16px;
            }
            @media screen and (max-width: $phones) {
              padding: 12px 15px;
            }
          }
          &.is-active {
            a {
              background: rgba(26, 111, 238, 0.10);
              color: $blue;
              @media screen and (max-width: $desktop) {
                border-radius: 8px;
              }
              svg path {
                stroke: $blue;
              }
            }
            //&.woocommerce-MyAccount-navigation-link--edit-account a {
            //  @media screen and (max-width: $desktop) {
            //    border-left: 1px solid $light-blue;
            //  }
            //}
            //&.woocommerce-MyAccount-navigation-link--premium a {
            //  @media screen and (max-width: $desktop) {
            //    border-right: 1px solid $light-blue;
            //  }
            //}
          }
          &.woocommerce-MyAccount-navigation-link--customer-logout {
            order: 1;
            margin-top: auto;
            a {
              color: $extra-dark-gray;
              svg path {
                stroke: $extra-dark-gray;
              }
            }
            @media screen and (max-width: $desktop) {
              display: none;
            }
          }
          &.woocommerce-MyAccount-navigation-link--edit-account {
            order: -1;
          }
        }
      }
    }
    &-content {
      width: 65%;
      padding-top: 20px;
      @media screen and (max-width: $desktop) {
        width: 100%;
      }
      @media screen and (max-width: $tablets) {
        padding-top: 0;
      }
      .phone-popup, .woocommerce-EditAccountForm {
        label {
          font: normal 400 22px / 1em $font-almoni;
          color: $dark-gray;
          display: flex;
          flex-direction: column;
          gap: 10px;
          margin: 0;
          width: calc(50% - 20px);
          padding: 0;
          position: relative;
          @media screen and (max-width: $tablets) {
            width: 100%;
            font-size: 16px;
          }
          &:before, &:after {
            display: none;
          }
          i {
            position: absolute;
            bottom: 23px;
            right: 20px;
            font-size: 20px;
            color: $gray;
            z-index: 1;
            @media screen and (max-width: $tablets) {
              bottom: 18px;
            }
          }
          input, .iti__selected-flag {
            padding: 15px 20px !important;
            border-radius: 8px;
            border: 1px solid $light-blue;
            font: normal 400 22px / 1em $font-almoni;
            background: $white;
            margin: 0;
            &:focus {
              border: 1px solid $blue;
            }
            @media screen and (max-width: $tablets) {
              font-size: 16px;
            }
          }
          .woocommerce-Input--email {
            background: $bg-light-blue;
            color: $dark-gray;
          }
          #verify_phone_temp {
            padding-right: 50px !important;
          }
          .iti {
            display: flex;
            flex-direction: row-reverse;
            gap: 10px;
            .iti__flag-container {
              position: static;
              &:hover {
                .iti__selected-flag {
                  background-color: $white;
                }
              }
              .iti__selected-flag, .iti__country {
                display: flex;
                .iti__flag, {
                  order: 1;
                }
                .iti__arrow {
                  order: -1;
                  border: none;
                  width: 20px;
                  height: 20px;
                  position: relative;
                  &:before {
                    content: '\f078';
                    font-family: $font-awesome;
                    font-size: 16px;
                    color: $dark-gray;
                    position: absolute;
                    top: -2px;
                    @media screen and (max-width: $tablets) {
                      top: 0;
                    }
                  }
                }
                .iti__selected-dial-code {
                  direction: ltr;
                  font: normal 400 22px / 1em $font-almoni;
                  color: $dark-blue;
                  @media screen and (max-width: $tablets) {
                    font-size: 16px;
                  }
                }
              }
              .iti__country-list {
                max-width: 440px;
                left: 0;
                .iti__country {
                  flex-direction: row-reverse;
                  font: normal 400 16px / 1em $font-almoni;
                }
              }
            }
          }
        }
      }
      .logout-button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        width: 100%;
        font: normal 400 16px / 1em $font-almoni;
        color: $extra-dark-gray;
        margin-top: 40px;
        padding-top: 32px;
        border-top: 1px solid $light-blue;
        @media screen and (min-width: $desktop) {
          display: none;
        }
        svg {
          width: 16px;
          height: 16px;
          path {
            stroke: $extra-dark-gray;
          }
        }
      }
      .button-my-acc {
        padding: 15px 40px;
        border-radius: 6px;
        background: $blue;
        font: normal 400 16px / 1em $font-almoni;
        border: 1px solid $blue;
        color: $white;
        width: fit-content;
        cursor: pointer;
        margin-top: auto;
        @media screen and (max-width: $tablets) {
          width: 100%;
          text-align: center;
        }
        &.disabled {
          opacity: 0.3;
        }
      }
      .verify-code-message, .verify-phone-message, .notification-message {
        font: normal 700 22px / 1em $font-almoni;
        padding-top: 10px;
        @media screen and (max-width: $tablets) {
          font-size: 16px;
        }
      }
      .phone-popup {
        display: none;
        width: 100%;
        max-width: 600px;
        background: $white;
        border-radius: 12px;
        padding: 80px;
        flex-direction: column;
        z-index: 999;
        position: fixed;
        height: 420px;
        @media screen and (min-width: $tablets) {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
        @media screen and (max-width: $tablets) {
          bottom: 0;
          left: 0;
          max-width: 100%;
          height: 75vh;
          border-radius: 12px 12px 0 0;
          padding: 16px 16px 52px 16px;
        }
        &-close {
          color: $gray;
          font-size: 24px;
          cursor: pointer;
          @media screen and (min-width: $tablets) {
            position: absolute;
            top: 24px;
            right: 24px;
          }
        }
        h3 {
          font: normal 700 22px / 1em $font-almoni;
          padding-bottom: 35px;
          .additional {
            font-weight: 400;
          }
          @media screen and (max-width: $tablets) {
            padding: 28px 0;
          }
        }
        label, input {
          width: 100%;
        }
        .verify-phone, .verification_code_wrapper, .success-box {
          min-height: 100%;
          display: flex;
          flex-direction: column;
        }
        .verification_code_wrapper {
          h3 {
            @media screen and (max-width: $tablets) {
              display: flex;
              flex-direction: column;
              gap: 5px;
            }
            .additional {
              @media screen and (max-width: $tablets) {
                font-weight: 700;
              }
            }
          }
          h5 {
            font: normal 700 22px / 1em $font-almoni;
            color: $dark-gray;
            padding-bottom: 10px;
            @media screen and (max-width: $tablets) {
              font-size: 16px;
            }
          }
          .verification-code-inputs {
            display: flex;
            flex-direction: row-reverse;
            gap: 10px;
            width: 100%;
            .code-input {
              width: 100%;
              text-align: center;
              direction: ltr;
              &.error {
                border-color: red;
              }
            }
          }
          .verify-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            margin-top: auto;
            #resend_code_button {
              background: $white;
              color: $blue;
              width: 210px;
              text-align: center;
              @media screen and (max-width: $tablets) {
                margin-top: 0;
                width: 60%;
              }
            }
            .button-my-acc {
              @media screen and (max-width: $tablets) {
                margin-top: 0;
                width: 40%;
              }
            }
          }
        }
        .success-box {
          text-align: center;
          @media screen and (max-width: $tablets) {
            text-align: right;
          }
          h3 {
            padding-bottom: 0;
          }
          .additional {
            font: normal 700 32px / 1em $font-almoni;
            color: $dark-gray;
            padding-top: 20px;
          }
          .button-save {
            margin: auto auto 0 auto;
          }
        }
        &.open {
          display: flex;
        }
      }
      .woocommerce-EditAccountForm {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        @media screen and (max-width: $tablets) {
          gap: 24px;
        }
        #update_all_subscriptions_billing_contact_field {
          display: none;
        }
        hr {
          width: 100%;
          margin: 20px 0;
          border-top: 1px solid $light-blue;
          @media screen and (max-width: $tablets) {
            margin: 0;
          }
        }
        .button-submit-container {
          @media screen and (max-width: $tablets) {
            width: 100%;
          }
          #save_account_details {
            margin-top: 20px;
            @media screen and (max-width: $tablets) {
              margin-top: 0;
              width: 100%;
            }
          }
        }
      }
      .cards {
        .card-main-title {
          font: normal 700 20px / 1.2em $font-almoni;
          padding-bottom: 50px;
          display: flex;
          @media screen and (max-width: $tablets) {
            text-align: center;
            padding-bottom: 40px;
          }
        }
        h3 {
          font: normal 700 32px / 1.1em $font-almoni;
          @media screen and (max-width: $tablets) {
            font-size: 24px;
          }
        }
      }
      .premium-info {
        display: flex;
        flex-direction: column;
        .subscription-block {
          display: flex;
          gap: 20px;
          padding: 20px 0;
          @media screen and (max-width: $phones-big) {
            gap: 24px;
            flex-wrap: wrap;
          }
          .subscription-column {
            flex: 0 0 calc((100% - 60px) / 3);
            @media screen and (max-width: $phones-big) {
              flex-wrap: wrap;
              flex: 0 0 calc((100% - 48px) / 2);
            }
            &.column-payment {
              @media screen and (max-width: $phones-big) {
                flex: 0 0 100%;
              }
            }
          }
        }
        .subscription-premium_cc, .subscription-column {
          display: flex;
          flex-direction: column;
          gap: 20px;
          @media screen and (max-width: $phones-big) {
            gap: 16px;
          }
          h4 {
            font: normal 400 22px / 1em $font-almoni;
            color: $dark-gray;
            display: flex;
            @media screen and (max-width: $tablets) {
              font-size: 16px;
            }
            &.cancel-title {
              display: none;
            }
            &.info {
              color: $dark-blue;
              font-weight: 600;
              align-items: center;
              .cancelled {
                color: #b91c1c;
                background: #fee2e2;
                font-size: 14px;
                padding: 2px 10px;
                border-radius: 30px;
                margin-right: 10px;
                display: none;
              }
              i {
                color: $blue;
                font-size: 25px;
                padding-left: 15px;
              }
              .card-dots {
                color: $gray;
              }
            }
          }
        }
        .subscription-block.pending-cancel {
          .info .cancelled {
            display: flex;
          }
          h4 {
            &.cancel-title {
              display: flex;
            }
            &.active-title {
              display: none;
            }
          }
        }
        .subscription-premium_cc {
          padding-top: 20px;
          @media screen and (max-width: $tablets) {
            padding-top: 0;
          }
        }
        .premium-savings {
          margin-top: 24px;
          padding: 18px 20px;
          border: 1px solid $light-blue;
          border-radius: 12px;
          background: #f6faff;
          display: flex;
          flex-direction: column;
          gap: 12px;
          max-width: 680px;
          @media screen and (max-width: $phones-big) {
            margin-top: 16px;
            padding: 16px;
          }
          .title {
            font: normal 400 16px / 1.2em $font-almoni;
            color: $dark-gray;
          }
          .info {
            font: normal 700 24px / 1.1em $font-almoni;
            color: $dark-blue;
            align-items: baseline;
            gap: 10px;
            @media screen and (max-width: $tablets) {
              font-size: 20px;
            }
            .label {
              color: $dark-gray;
              font-weight: 400;
            }
            &.info-empty {
              color: $blue;
              font-weight: 600;
              font-size: 20px;
            }
          }
        }
        .cancel-subscription {
          padding: 30px 0 40px;
          display: flex;
          flex-direction: column;
          gap: 60px;
          @media screen and (max-width: $phones-big) {
            gap: 30px;
          }
          .subscription-button {
            padding: 12px 56px;
            border-radius: 6px;
            border: 1px solid $light-blue;
            font: normal 400 16px / 1em $font-almoni;
            color: $dark-gray;
            margin-right: auto;
            background: $white;
            cursor: pointer;
            @media screen and (max-width: $tablets) {
              margin: 0 auto;
            }
            @media screen and (max-width: $phones-big) {
              width: 100%;
              text-align: center;
              order: -1;
            }
            &.change_payment_method, &.subscription_renewal_early {
              display: none;
            }
          }
          .resubscribe + .resubscribe, .resubscribe + .cancel, .cancel + .cancel {
            display: none;
          }
          .thank-you-boxes {
            max-width: 100%;
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
            justify-content: center;
            @media screen and (max-width: $phones-big) {
              gap: 12px;
            }
            .icon-box {
              flex: 0 0 calc((100% - 60px) / 3);
              @media screen and (max-width: $tablets) {
                flex: 0 0 calc((100% - 30px) / 2);
              }
              @media screen and (max-width: $phones-big) {
                flex: 0 0 100%;
                display: flex;
                gap: 24px;
                padding: 24px;
                align-items: center;
              }
              &:last-child {
                display: none;
              }
              img {
                max-width: 65px;
                @media screen and (max-width: $phones-big) {
                  margin: 0;
                  max-width: 60px;
                  height: 60px;
                }
              }
              .text-box {
                @media screen and (max-width: $phones-big) {
                  width: 100%;
                }
                h4 {
                  font-size: 16px;
                  padding: 24px 0 10px;
                  @media screen and (max-width: $phones-big) {
                    padding: 0 0 8px 0;
                    margin: 0;
                    max-width: 100%;
                    text-align: right;
                  }
                }
                a {
                  font-size: 16px;
                  &:after {
                    font-size: 16px;
                    font-weight: 300;
                  }
                  @media screen and (max-width: $phones-big) {
                    justify-content: right;
                  }
                }
              }
            }
          }
        }
        .whatsapp-block {
          padding: 48px 0;
          border-top: 1px solid $light-blue;
          border-bottom: 1px solid $light-blue;
          display: grid;
          grid-template-columns: 2.5fr 1fr;
          gap: 20px;
          @media screen and (max-width: $tablets) {
            padding: 32px 0;
            gap: 20px;
            grid-template-columns: 1fr;
          }
          &_info {
            display: flex;
            align-items: center;
            gap: 36px;
            @media screen and (max-width: $tablets) {
              justify-content: center;
              gap: 20px;
            }
            img {
              min-width: 55px;
              @media screen and (max-width: $tablets) {
                min-width: 50px;
                max-width: 50px;
              }
            }
            .text-box {
              display: flex;
              flex-direction: column;
              gap: 12px;
              h3 {
                font: normal 700 22px / 1.2em $font-almoni;
                @media screen and (max-width: $tablets) {
                  font-size: 20px;
                }
              }
              h6 {
                font: normal 400 16px / 1.2em $font-almoni;
                color: $dark-gray;
              }
            }
          }
          &_btn {
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: flex-end;
            @media screen and (max-width: $tablets) {
              align-items: center;
            }
            .whatsapp_btn {
              margin-right: auto;
              color: $blue;
              padding: 12px 20px;
              min-width: 180px;
              border-radius: 6px;
              background: #E0ECFD;
              border: none;
              display: flex;
              align-items: center;
              gap: 10px;
              font: normal 400 16px / 1em $font-almoni;
              justify-content: center;
              transition: 0.4s linear;
              @media screen and (max-width: $tablets) {
                margin: 0 auto;
              }
              @media screen and (max-width: $phones-big) {
                width: 100%;
                text-align: center;
              }
              &.whatsapp-no-number {
                color: $white;
                background: $gray;
              }
              &:before {
                content: '';
                font-size: 16px;
                font-family: $font-awesome;
              }
              &.whatsapp_success:before {
                content: '\f00c';
              }
              &.whatsapp_loading {
                background: #BCCDE5;
                &:before {
                  content: '\f110';
                  animation: spin 0.8s linear infinite;
                }
              }
            }
            @keyframes spin {
              0% {
                transform: rotate(0deg);
              }
              100% {
                transform: rotate(360deg);
              }
            }
            .whatsapp_send_info_box {
              font: normal 400 16px / 1em $font-almoni;
              color: $dark-gray;
              text-align: left;
              @media screen and (max-width: $tablets) {
                text-align: center;
              }
              a {
                text-decoration: underline;
              }
              &.whatsapp-no-number {
                color: $blue;
                display: flex;
                align-items: center;
                gap: 8px;
                cursor: pointer;
                i {
                  font-size: 15px;
                  font-weight: 500;
                }
              }
            }
          }
        }
        .support-block {
          display: flex;
          flex-direction: column;
          padding-top: 48px;
          @media screen and (max-width: $tablets) {
            padding-top: 32px;
          }
          @media screen and (max-width: $tablets) and (min-width: $phones-big) {
            text-align: center;
            justify-content: center;
          }
          h2 {
            font: normal 700 22px / 1em $font-almoni;
            @media screen and (max-width: $tablets) {
              font-size: 20px;
            }
          }
          h6 {
            padding: 24px 0 10px;
            font: normal 400 16px / 1em $font-almoni;
            color: $dark-gray;
          }
          a {
            font: normal 700 16px / 1em $font-almoni;
            width: fit-content;
            @media screen and (max-width: $tablets) and (min-width: $phones-big) {
              margin: 0 auto;
            }
          }
        }
      }
    }
  }
}
.my_alerts {
  margin: -30px 0 0;
  @media screen and (max-width: $tablets) {
    margin: 0;
  }
  .alerts_title {
    margin-bottom: 32px;
    line-height: 1;
  }
  .alerts_items_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    justify-content: center;
    @media screen and (max-width: $full-hd) {
      grid-template-columns: 1fr 1fr;
    }
    @media screen and (max-width: $phones-big) {
      grid-template-columns: 1fr;
    }
    .alerts_item_box {
      min-height: 400px;
      @media screen and (max-width: $tablets) {
        min-height: 100px;
      }
    }
  }
  .alerts_empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f6faff;
    padding: 28px;
    border-radius: 16px;
    .title {
      margin-bottom: 12px;
    }
    .text {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 25px;
    }
  }
  .alerts_item_box {
    display: flex;
    flex-direction: column;
    .subscribe_alerts {
      margin: 0;
      border-radius: 0 0 8px 8px;
      .button-primary {
        background: $blue;
        color: $white;
        font-weight: 400;
      }
    }
  }
  .delete_alert {
    position: absolute;
    top: 16px;
    left: 16px;
  }
}
.alerts_item {
  border-radius: 8px 8px 0 0;
  position: relative;
  overflow: hidden;
  background: center / cover no-repeat;
  padding-bottom: 130%;
  box-shadow: 5px 8px 38px 0 rgba(219, 229, 239, 0.75);
  display: block;
  @media screen and (max-width: $desktop) {
    padding-bottom: 100%;
  }
  @media screen and (max-width: $phones-big) {
    padding-bottom: 45%;
  }
  &:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(181deg, rgba(0, 0, 0, 0) 1.03%, rgba(0, 0, 0, .8) 78.18%);
    z-index: 2;
  }
  .card-container {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: $white;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  &:visited,
  &:active,
  &:focus,
  &:hover {
    color: $white;
  }
  .main_image {
    object-fit: cover;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
  }
  .discount {
    position: absolute;
    top: 16px;
    right: initial;
    left: 16px;
    z-index: 3;
    font-size: 22px;
    font-weight: 600;
    border-radius: 5px;
    padding: 0px 12px;
    color: $dark-blue;
    min-width: 36px;
    min-height: 34px;
  }
  .expired-text {
    display: none;
    font: normal 600 24px / 1em $font-almoni;
    color: $bg-light-gray;
    background: $dark-blue;
    width: calc(100% - 32px);
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    top: 20px;
    right: 16px;
    @media screen and (max-width: $phones-big) {
      font-size: 16px;
      width: 100%;
      border-radius: 8px 8px 0 0;
      top: 0;
      right: 0;
    }
  }
  .bottom {
    position: relative;
    z-index: 4;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .price_box {
    display: flex;
    align-items: center;
    gap: 8px;
    .new_price {
      font-size: 35px;
      border-radius: 5px;
      background: rgba(246, 250, 255, .34);
      padding: 2px 6px;
      line-height: 1;
    }
    .old_price {
      font-size: 20px;
      text-decoration: line-through;
      color: #C1C1C1;
    }
  }
  .route {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    svg {
      transform: rotate(180deg);
    }
  }
  .tags_box {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    .wr {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }
    img {
      flex-shrink: 0;
    }
    .tag {
      padding: 2px 5px;
      border-radius: 5px;
      background: rgba(246, 250, 255, 0.34);
      font-size: 12px;
    }
    .airline {
      margin: 0 0 0 auto;
      max-height: 26px;
    }
  }
}
.alerts-unsubscribe-all {
  margin: 34px auto 0;
  display: block;
  min-width: 220px;
}
.alerts-item-delete {
  background: transparent;
  border: none;
  color: #0a101f;
  cursor: pointer;
  font-size: 18px;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  &:hover {
    color: #b00020;
  }
}