/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
.order-history-wrapper {
  margin-bottom: 6.25rem; }

@media (min-width: 768px) and (max-width: 991.98px) {
  .order-details-container .myaccount-navigation-wrapper {
    margin-bottom: 2.625rem; } }

@media (min-width: 992px) {
  .order-details-container .myaccount-navigation-wrapper {
    margin-bottom: 2.9375rem; } }

.confirm-details {
  border: 0;
  margin-bottom: 0; }
  .confirm-details div,
  .confirm-details p,
  .confirm-details span {
    font-size: 0.875rem;
    line-height: 1.428; }
  .confirm-details p,
  .confirm-details span {
    margin-bottom: 0.375rem; }
  @media (max-width: 767.98px) {
    .confirm-details .summary-details-content {
      padding-top: 1.3125rem; } }
  @media (max-width: 991.98px) {
    .confirm-details .total-summary-content {
      padding-top: 1.3125rem; } }
  .confirm-details .order-number-wrapper span {
    color: #071D49;
    font-weight: bold;
    font-size: 1.8125rem; }
  .confirm-details .order-status-label {
    color: #071D49;
    margin-right: 0.4375rem; }
  .confirm-details .order-date {
    margin-bottom: 0.4375rem; }
  .confirm-details .order-status {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #CCC; }
    .confirm-details .order-status::after {
      margin-top: -2px; }
  .confirm-details .grand-total {
    color: #454545; }
  .confirm-details .shipping-addr-label,
  .confirm-details .payment-info-label,
  .confirm-details .order-summary-label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.4375rem; }
  .confirm-details .address-summary {
    margin-bottom: 0; }
  .confirm-details .summary-details.billing {
    margin-bottom: 0; }
  .confirm-details .card-body {
    padding-bottom: 0; }
  .confirm-details .refund-amount-text {
    color: #008827; }
  .confirm-details .divider {
    padding-top: 0.875rem;
    border-top: 1px solid #CCC; }
  @media (max-width: 767.98px) {
    .confirm-details {
      margin-bottom: 0.875rem; } }

.product-line-item {
  padding: 1rem 0;
  border-top: 1px solid #EBEBEB; }
  @media (max-width: 767.98px) {
    .product-line-item {
      padding: 0.4375rem 0; } }
  .product-line-item .line-item-name {
    color: #071D49; }
    .product-line-item .line-item-name a {
      text-decoration: none;
      font-weight: 400; }
      .product-line-item .line-item-name a:hover {
        text-decoration: underline;
        font-weight: 700; }
    .product-line-item .line-item-name span {
      text-decoration: none;
      font-weight: 400; }
    @media (max-width: 767.98px) {
      .product-line-item .line-item-name {
        margin-bottom: 0.875rem;
        width: 55%; } }
  .product-line-item .product-line-item-details {
    position: relative;
    overflow-x: hidden; }
    .product-line-item .product-line-item-details .line-item-total-price .line-item-pricing-info {
      margin-bottom: 0; }
    @media (max-width: 767.98px) {
      .product-line-item .product-line-item-details .line-item-total-price .price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .product-line-item .product-line-item-details .item-right-content {
      position: absolute;
      top: 0;
      right: 2px;
      text-align: right; }
      .product-line-item .product-line-item-details .item-right-content .line-item-total-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        .product-line-item .product-line-item-details .item-right-content .line-item-total-price .status {
          margin-right: 0.75rem; }
        .product-line-item .product-line-item-details .item-right-content .line-item-total-price .price {
          min-width: 3.25rem; }
    @media (max-width: 767.98px) {
      .product-line-item .product-line-item-details .item-quantity-price {
        margin-bottom: 0.3125rem; } }
    .product-line-item .product-line-item-details .line-item-promo {
      position: absolute;
      top: 21px;
      right: 2px;
      z-index: 1; }
      @media (max-width: 767.98px) {
        .product-line-item .product-line-item-details .line-item-promo {
          top: auto;
          right: auto;
          bottom: 0;
          left: 82px; } }
    .product-line-item .product-line-item-details .pricing {
      font-weight: normal; }
    .product-line-item .product-line-item-details .price {
      font-weight: normal; }
      @media (max-width: 991.98px) {
        .product-line-item .product-line-item-details .price div:not(.non-adjusted-price) {
          display: inline-block; }
        .product-line-item .product-line-item-details .price div.line-item-total-price-amount {
          margin-left: 0.3125rem; } }
    .product-line-item .product-line-item-details .item-image {
      height: 5.6875rem;
      width: 4.1875rem; }
      .product-line-item .product-line-item-details .item-image .product-image {
        max-height: 100%; }

.product-summary-block .shipment-group-name,
.product-summary-block .shipment-group-date {
  color: #454545;
  font-weight: 400; }

.shipment-group {
  margin-top: 0.75rem; }
  .shipment-group .status-label {
    color: #071D49;
    margin-right: 0.4375rem; }
  .shipment-group .track-shipment-link {
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    display: block; }
    .shipment-group .track-shipment-link:hover {
      text-decoration: underline; }
  .shipment-group:first-of-type .shipment-group-date {
    margin-top: -2.5625rem; }

.status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .status::after {
    content: '';
    border: 6px solid;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    margin-left: 7px;
    border-color: transparent;
    margin-top: -2px; }
  .status.delivered::after {
    border-color: #008827; }
  .status.processing::after, .status.new::after {
    border-color: #CCC; }
  .status.shipped::after {
    border-color: #008827; }
  .status.pending::after, .status.returned::after, .status.return::after, .status.partialreturn::after, .status.exchanged::after {
    border-color: #EBB947; }
  .status.refunded::after, .status.refund::after {
    border-color: #707070; }
  .status.cancelled::after {
    border-color: #CD4C1D; }

.back-to-order-list .icon {
  opacity: 0.65;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.back-to-order-list a {
  text-decoration: none;
  color: #707070 !important; }
  .back-to-order-list a:hover, .back-to-order-list a:focus {
    color: #071D49 !important;
    text-decoration: underline; }
    .back-to-order-list a:hover .icon, .back-to-order-list a:focus .icon {
      opacity: 1; }

.pagination-wrapper {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  .pagination-wrapper .account-navigation-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #707070 !important;
    text-decoration: none; }
    .pagination-wrapper .account-navigation-item .icon {
      opacity: 0.65; }
      .pagination-wrapper .account-navigation-item .icon.next {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .pagination-wrapper .account-navigation-item .icon.prev {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
    .pagination-wrapper .account-navigation-item:hover {
      text-decoration: underline;
      color: #071D49 !important; }
      .pagination-wrapper .account-navigation-item:hover .icon {
        opacity: 1; }

.confirmation-details-content,
.back-to-order-list-wrapper {
  padding-left: 1.75rem;
  padding-right: 1.75rem; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .confirmation-details-content,
    .back-to-order-list-wrapper {
      padding-left: 1.5rem;
      padding-right: 1.25rem; } }
  .confirmation-details-content .order-product-summary .price .non-adjusted-price,
  .back-to-order-list-wrapper .order-product-summary .price .non-adjusted-price {
    display: block; }

@media (min-width: 992px) {
  .login-page {
    margin-top: 5.25rem; } }

@media (max-width: 991.98px) {
  .login-page .card-body {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .login-page .login-card {
    padding-left: 1.75rem;
    padding-right: 1.75rem; } }

.login-page .login-form-nav {
  margin-bottom: 1.25em; }
  @media (max-width: 991.98px) {
    .login-page .login-form-nav {
      margin-bottom: 0; } }

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

.login-page .login-password-input {
  padding-right: 3.5rem; }

.login-page .forgot-password {
  margin-top: 1.25rem; }
  .login-page .forgot-password .forgot-password-link {
    text-decoration: none;
    color: #707070 !important;
    font-size: 1rem; }

.login-page .create-account-label {
  border-bottom: 1px solid #CCC;
  line-height: 0;
  margin-top: 3.125rem; }
  .login-page .create-account-label span {
    background: #fff;
    padding: 0 0.375rem;
    font-size: 0.75rem; }

.login-page .validate-email-alert:not(.alert-danger) {
  border-color: #071D49; }

.login-page .validate-email-alert .resend-validate-email-btn {
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: underline;
  color: inherit; }

.new-password-page .new-password-content,
.new-password-page .reset-password-content,
.reset-password-page .new-password-content,
.reset-password-page .reset-password-content {
  max-width: 20rem; }
  .new-password-page .new-password-content .new-password-group,
  .new-password-page .reset-password-content .new-password-group,
  .reset-password-page .new-password-content .new-password-group,
  .reset-password-page .reset-password-content .new-password-group {
    margin-bottom: 0.25rem; }
  .new-password-page .new-password-content .password-conditions,
  .new-password-page .reset-password-content .password-conditions,
  .reset-password-page .new-password-content .password-conditions,
  .reset-password-page .reset-password-content .password-conditions {
    margin-bottom: 1.75rem;
    font-size: 0.8125rem; }
  .new-password-page .new-password-content .request-password-title,
  .new-password-page .reset-password-content .request-password-title,
  .reset-password-page .new-password-content .request-password-title,
  .reset-password-page .reset-password-content .request-password-title {
    margin-bottom: 1.3125rem; }
  .new-password-page .new-password-content .request-password-body p,
  .new-password-page .reset-password-content .request-password-body p,
  .reset-password-page .new-password-content .request-password-body p,
  .reset-password-page .reset-password-content .request-password-body p {
    margin-bottom: 1.75rem;
    text-align: center;
    font-size: 1rem; }

.new-password-page .new-password-wrapper,
.new-password-page .reset-password-wrapper,
.reset-password-page .new-password-wrapper,
.reset-password-page .reset-password-wrapper {
  margin-top: 5.25rem;
  margin-bottom: 2.625rem; }
  @media (max-width: 767.98px) {
    .new-password-page .new-password-wrapper,
    .new-password-page .reset-password-wrapper,
    .reset-password-page .new-password-wrapper,
    .reset-password-page .reset-password-wrapper {
      margin-top: 2.625rem; } }

.registration-page .privacy-policy {
  color: #707070 !important;
  white-space: nowrap; }

.registration-page .registration-wrapper {
  margin-top: 5.25rem;
  margin-bottom: 6.25rem; }
  .registration-page .registration-wrapper .registration-content {
    max-width: 23.5625rem; }
  @media (max-width: 767.98px) {
    .registration-page .registration-wrapper {
      margin-top: 2.625rem;
      margin-bottom: 4.625rem; } }

.registration-page .required-info {
  margin-bottom: 1.3125rem; }

.registration-page .registration-pass-group {
  margin-bottom: 0.25rem; }

.registration-page .password-conditions {
  margin-bottom: 1.75rem;
  font-size: 0.8125rem; }

.registration-page .form-group.required::before {
  content: '*';
  position: absolute;
  left: -13px;
  top: 1px;
  z-index: 1;
  font-size: 1.25rem; }

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

.equal-height .card {
  width: 100%; }
  @media (max-width: 991.98px) {
    .equal-height .card {
      max-width: 420px; } }

.my-account-modal .request-password-body p {
  margin-bottom: 1.75rem;
  width: 100%; }

.track-order-card .card-body-container {
  border: 1px solid #CCC;
  padding: 1.75rem; }
  @media (max-width: 767.98px) {
    .track-order-card .card-body-container {
      border: 0;
      padding: 0; } }

.track-order-card .track-order-header {
  margin-bottom: 1.3125rem; }

.track-order-card .track-order-header-text {
  font-size: 1rem;
  padding: 0 1.25rem; }

.divider {
  margin: 0.5rem 1.75rem 1.125rem 1.75rem; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .divider {
      margin-bottom: 1.375rem; } }
  @media (max-width: 991.98px) {
    .divider {
      max-width: 420px; } }