/* 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,
.after-shop-table--holder .quote-copypaste .create-quote--actions #create-new-quote:before {
   content: '';
   background: url(../../lib/font-awesome/svgs/solid/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,
.after-shop-table--holder .quote-copypaste .create-quote--actions #create-new-quote.loading:before {
   display: block;
}

.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;
   }
}