/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.logo_and_menu-row .float_wrapper.fix-block + .search_wrap {
    width: 45% !important;
}

.logo_and_menu-row .search_wrap {
    opacity: 1 !important;
    visibility: visible !important;
}

.bx-soa-section-title {
    font-size: 1.9rem !important;
}

.filter label.bx-soa-pp-company-label {
    font-size: 2rem !important;
}

.bx-soa-email {
    font-size: 1.4rem !important;
}

.bx-soa-pp-company-inner {
    font-size: 1.4rem !important;
}

body #bx-soa-order-form {
    font-size: 1.5rem !important;
}

.bx-soa-cart-total .bx-soa-cart-total-line-totals {
    font-size: 1.8rem;
}

.width_70 {
    width: 75%;
  }
  
  #content {
    width: 75%;
    margin: 0 auto;
  }
  
  #headerfixed .logo-row.v2 {
    width: 100%;
  }
  
  .btn.btn-default {
    background-color: #47b56f;
    border-color: #47b56f;
    color: #ffffff;
  }
  
  footer .footer_top,
  footer .footer_middle,
  footer .footer_bottom {
    width: 75%;
    margin: 0 auto;
  }

  @media screen and (max-width: 900px) {
    .width_70 {
        width: 95%;
      }
      
      #content {
        width: 95%;
      }
      
      footer .footer_top,
      footer .footer_middle,
      footer .footer_bottom {
        width: 95%;
      }
  }

  @media(max-width:880px) {
    .arrow_scroll {
        overflow: scroll !important;
    }
    
    .arrow_scroll .nav.nav-tabs {
        min-width: 100% !important;
    }
}

.auth-type-selector {
  display: flex;
  gap: 10px;
}
.auth-type-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  border: 2px solid var(--theme-base-color);
  border-radius: 6px;
  background-color: #fff;
  color: var(--theme-base-color);
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  user-select: none;
}
.auth-type-button input[type="radio"] {
  display: none;
}
.auth-type-button:hover {
  background-color: color-mix(in srgb, var(--theme-base-color) 10%, transparent);
}
.auth-type-button input[type="radio"]:checked + span {
  color: #fff;
}
.auth-type-button input[type="radio"]:checked ~ span {
  color: var(--theme-base-color);
}
.auth-type-button input[type="radio"]:checked ~ .auth-type-button {
  background-color: var(--theme-base-color);
  color: #fff;
}
.auth-type-button input[type="radio"]:checked {
  background-color: var(--theme-base-color);
  color: #fff;
}