/* Photoswipe icons adjusting styles conflicts */
.pswp .pswp__icn {
   position: unset;
}

.pswp__button--arrow.pswp__button {
   position: absolute;
   margin: 0 2rem;
}

.pswp button.pswp__button {
   background-image: unset !important;
}

/* Other site styles */
.before-cart--holder,
.before-quote--holder,
.after-shop-table--holder {
   display: flex;
   justify-content: space-between;
   margin-bottom: 40px;
}

.before-cart--holder .cart--left,
.before-cart--holder .cart--right,
.before-quote--holder .quote--left,
.before-quote--holder .quote--right,
.after-shop-table--holder .quote-copypaste,
.after-shop-table--holder .cart-collaterals {
   width: 48%;
}

.before-cart--holder .cart--right label,
.before-quote--holder .quote--right label,
.after-shop-table--holder .quote-copypaste label {
   display: block;
}

.before-cart--holder .cart--right .create-cart--textarea,
.before-quote--holder .quote--right .create-quote--textarea,
.after-shop-table--holder .quote-copypaste .create-quote--textarea {
   height: 110px;
   margin-bottom: 15px;
}

.before-cart--holder .cart--right .create-cart--actions,
.before-quote--holder .quote--right .create-quote--actions,
.after-shop-table--holder .quote-copypaste .create-quote--actions {
   text-align: right;
}

.before-cart--holder .cart--right .create-cart--actions .create-cart--errors,
.before-quote--holder .quote--right .create-quote--actions .create-quote--errors,
.after-shop-table--holder .quote-copypaste .create-quote--actions .create-quote--errors {
   float: left;
   color: #ff4f4f;
}

.before-cart--holder .cart--right .create-cart--actions #create-new-cart,
.before-quote--holder .quote--right .create-quote--actions #create-new-quote,
.after-shop-table--holder .quote-copypaste .create-quote--actions #create-new-quote {
   position: relative;
}

.before-cart--holder .cart--right .create-cart--actions #create-new-cart:before,
.before-quote--holder .quote--right .create-quote--actions #create-new-quote:before,
.quote-page-pricing-group-options-wrapper:after,
.after-shop-table--holder .quote-copypaste .create-quote--actions #create-new-quote:before {
   content: '';
   background: url(../svg/spinner.svg);
   width: 40px;
   height: 40px;
   display: none;
   left: -50px;
   position: absolute;
   top: 7px;
   animation: rotate-spinner-nsi 1s;
   animation-iteration-count: infinite;
   pointer-events: none;
   cursor: default;
}

.before-cart--holder .cart--right .create-cart--actions #create-new-cart.loading:before,
.before-quote--holder .quote--right .create-quote--actions #create-new-quote.loading:before,
.quote-page-pricing-group-options-wrapper.loading:after,
.after-shop-table--holder .quote-copypaste .create-quote--actions #create-new-quote.loading:before {
   display: block;
}

.quote-page-pricing-group-options-wrapper {
    position: relative;
}

.quote-page-pricing-group-options-wrapper select {
    position: relative;
    width: 250px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    height: 43px;
    padding: .5em;
}

.quote-page-pricing-group-options-wrapper:after {
    left: 10px;
    top: 3px;
    width: 20px;
    height: 20px;
}

.before-cart--holder .cart--right .create-cart--actions #create-new-cart.loading,
.before-quote--holder .quote--right .create-quote--actions #create-new-quote.loading,
.after-shop-table--holder .quote-copypaste .create-quote--actions #create-new-quote.loading {
   background-color: #808080;
   border-color: #808080;
   pointer-events: none;
}

.after-shop-table--holder .cart-collaterals {
   order: 2;
}

.after-shop-table--holder .quote-copypaste {
   order: 1;
}

.after-shop-table--holder .cart-collaterals .cart_totals {
   width: 100%;
}

@keyframes rotate-spinner-nsi {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
}

@media (max-width: 767px) {
   .before-quote--holder,
   .before-cart--holder,
   .after-shop-table--holder {
      flex-wrap: wrap;
   }

   .before-quote--holder .quote--left,
   .before-quote--holder .quote--right,
   .before-cart--holder .cart--left,
   .before-cart--holder .cart--right,
   .after-shop-table--holder .quote-copypaste,
   .after-shop-table--holder .cart-collaterals {
      width: 100%;
   }

   .after-shop-table--holder .quote-copypaste {
      order: 2;
   }

   .after-shop-table--holder .cart-collaterals {
      order: 1;
   }
}

/* css navabrind */

.before-quote--holder .quote--left {
   width: 25%;
}
div#pdp-popup, #plp-popup {
   /* display:  none; */
   position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    padding: 30px;
    background: #ffffff59;
    border-radius: 4px;
    box-shadow: 0px 2px 20px 0px #00000042;
    backdrop-filter: blur(10px);
    width: 340px;
    transform: translate(-50%, -50%);
    visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
}
div#discount-popup, div#bridgeport-popup, div#type_already_selected_popup, div#quote-type-exists-popup {
   /* display:  none; */
   position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    padding: 30px;
    background: #ffffff59;
    border-radius: 4px;
    box-shadow: 0px 2px 20px 0px #00000042;
    backdrop-filter: blur(10px);
    width: 340px;
    transform: translate(-50%, -50%);
    visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
    backdrop-filter: blur(10px);
}
#myaccount-popup {
   position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    padding: 30px;
    background: #ffffff59;
    border-radius: 4px;
    box-shadow: 0px 2px 20px 0px #00000042;
    backdrop-filter: blur(10px);
    width: 340px;
    transform: translate(-50%, -50%);
}
.afrfqbt_single_page {
	position: relative;
	z-index:  9999999 !important;
}
body.popup-active #pdp-popup {
	/* visibility: visible; */
	opacity: 1;
}
#pdp-popup.active, #plp-popup.active {
	visibility: visible;
	opacity: 1;
   pointer-events: auto;
}
a.button.alt.select-quote-type-button {
    display: flex;
    align-items: center;
}
.afrfq-quote-types-select {
    margin-bottom: 20px;
}
body.no-scroll {
  overflow: hidden;
  height: 100%;
}
button.popup-close-button {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 4px;
    font-size: 22px;
    line-height: 1em;
    padding: 0 5px;
}
.pdp-quick-view label {
    font-size: 18px;
    font-weight: 400;
    padding: 5px 5px 5px 0px;
    width: 100%;
}
.pdp-quick-view input[type="radio"] {
    margin-right: 5px;
}
.pdp-quick-view.active a.afrfqbt_single_page.single_add_to_cart_button.button.alt.product_type_simple, a#submit-quote-selection {
    justify-content: center;
    width: 100%;
}
a.afrfqbt.button.product_type_simple.button.alt {
    width: 100%;
    margin-right: 0;
}
button.popup-close-button {
    border: none;
}
.afrfq-quote-types-select input[type="radio"], .pdp-quick-view input[type="radio"] {
    filter: grayscale(1) contrast(1.5);
}

.afrfq-actions-bar button {
    padding: 15px !important;
}
.afrfq-actions-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-search__field:focus {
  box-shadow: unset;
}

@media only screen and (max-width: 480px) {
#myaccount-popup {
   width: calc(100% - 20px) !important;
   }
}

body.popup-active #discount-popup, body.popup-active #bridgeport-popup, body.popup-active #type_already_selected_popup, #quote-type-exists-popup {
	/* visibility: visible; */
	opacity: 1;
}
#discount-popup.active, #bridgeport-popup.active, #type_already_selected_popup.active, #quote-type-exists-popup.active {
	visibility: visible;
	opacity: 1;
   pointer-events: auto;
}
div.af_quote_fields table.quote-fields {
   table-layout: fixed;
}
div.af_quote_fields table.quote-fields .select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 0;
}
div.af_quote_fields table.quote-fields select.select2-hidden-accessible {
    max-width: 330px;
}
div.af_quote_fields table.quote-fields span.select2-selection.select2-selection--multiple {
    border-left: 2px solid rgb(202, 16, 16);
}
@media only screen and (min-width: 768px) {
   div.af_quote_fields table.quote-fields tr, div.af_quote_fields table.quote-fields td {
    width: 50% !important;
    word-wrap: break-word !important;
   }
}
@media only screen and (max-width: 799px) {
  div.af_quote_fields table.quote-fields {
    width: 100%;
   }
}
span.add-to-quote-group--message {
    font-weight: 400;
    font-size: 1rem;
    color: #FF5757;
    margin-top: 5px;
}
.select2-container--open {
   z-index: 99999;
}


.page--login__holder form {
    padding: 20px;
    margin: 2em 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.page--login__holder form .label--fullwidth {
    display: block;
    width: 100%;
}

.page--login__holder form .label--fullwidth input {
    margin-top: 5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.page--login__holder form .button {
    margin-top: 10px;
}

.page--login__holder form .button:hover {
    background: #dfdcde;
}

.page--login__holder form .label--checkbox {
    cursor: pointer;
    margin-left: 15px;
}

.page--login__holder form .link--forgotpassword {
    margin-top: 15px;
}
span.select2-container.select2-container--default.select2-container--open {
    width: auto;
}
button#afrfq_clear_quote__cart_btn_quote_alt {
    border-bottom: solid 2px #f0f0f0;
    margin-right: 5px;
}
@media only screen and (max-width: 767px) {
.before-quote--holder .quote--left {
    width: 100%;
   }
   .tooltip-text {
  bottom: -180% !important;
   right: 80% !important;
   transform: translateX(-80%) !important;
    font-size: 11px !important;
   }
}
span.tooltip-icon {
    position: absolute;
    padding-left: 5px;
    max-width: 28px;
    cursor: pointer;
}
.tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 240px;
    color: #000;
    background: #fff;
    text-align: left;
    padding: 4px;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
    bottom: 0%;
    left: 110%;
    transform: translateX(0%);
    transition: opacity 0.3s ease;
    font-size: 13px;
    line-height: 1.2;
    pointer-events: none;
    border: 1px solid #000;
    font-weight: 400;
}
.tooltip-icon:hover .tooltip-text, .tooltip-icon.active .tooltip-text {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.woocommerce-MyAccount-orders-filters form {
    display: flex;
}

.woocommerce-MyAccount-orders-filters input {
    z-index: 999;
}

.woocommerce-MyAccount-orders-filters button {
    border: none;
    border-bottom: 1px solid #000;
}

.add-to-quote-group .select2-container--default .select2-selection--single .select2-selection__clear {
    position: relative;
    right: -4px;
}

.add-to-quote-group .select2-container .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 1em;
}