/* Font Awesome 5 Pro-Regular-400 */
@font-face {
   font-family: 'FontAwesome';
   src: url('./themes/julabo/fonts/Font_Awesome/font-awesome-5-pro-regular-400.otf');
   src: local("Font Awesome"), local("Font Awesome Pro"), url("./themes/julabo/fonts/Font_Awesome/font-awesome-5-pro-regular-400.otf") format("otf");
   font-weight: normal;
   font-style: normal;
}

.cart,
.commerce-checkout-flow,
.cart-empty-page {
   max-width: 1218px;
   margin: 0 auto;
}

.cart tbody tr {
   background-color: #f6f6f6;
   padding: 6px;
   border-top: 3px solid #fff;
   border-bottom: 3px solid #fff;
}

.checkout-pane-order-summary tbody tr {
  background-color: #f6f6f6;
  padding: 15px;
  display: inline-block;
  border-top: 3px solid #fff;
  width: 100%;
  border-bottom: 3px solid #fff;
}

.cart tbody td {
   padding: 4px 10px;
}

.cart thead th {
   text-align:left;
   padding: 10px;
}

.cart .views-field-remove-button input {
   float: right;
}

.cart .views-field-edit-quantity input,
#edit-billing-information-profile-select-address,
#edit-billing-information-profile-field-title,
#edit-billing-information-profile-field-industry,
#edit-order-fieldscheckout-field-comment-0-value,
.checkout-pane .select-wrapper .form-select {
   font-family: "Roboto",Arial,sans-serif;
   font-size: 1rem;
   color: #686867;
   font-weight: 400;
   padding: 14px 0 13px 9px;
   background-color: #fff;
   border: 1px solid #d8d8da;
   border-radius: 2px;
}

#edit-billing-information-profile-field-title,
#edit-billing-information-profile-field-industry,
#edit-order-fieldscheckout-field-comment-0-value,
.checkout-pane .select-wrapper,
.checkout-pane .select-wrapper .form-select {
   width: 100%;
}

.cart .action .btn.deletlineitem {
   font-size:0;
}

.cart .action .btn.deletlineitem:before {
   content:"X";
   font-weight:bold;
   font-size: 18px;
}

#edit-billing-information-profile-field-salutation {
   display: inline-block;
   width: 100%;
}

#edit-billing-information-profile-field-salutation .form-item {
   float: left;
   margin-right: 15px;
}

#edit-order-fieldscheckout {
   margin-inline-start: 2px;
   margin-inline-end: 2px;
   padding-block-start: 0.35em;
   padding-inline-start: 0.75em;
   padding-inline-end: 0.75em;
   padding-block-end: 0.625em;
}

.cart .views-field-purchased-entity a,
.cart .views-field-purchased-entity a:visited,
.cart .views-field-purchased-entity a:link {
   text-decoration: none;
   font-weight: bold;
}

.cart .form-item {
   margin-top: 0em;
   margin-bottom: 0em;
}

.commerce-checkout-flow .layout-region-checkout-main {
   background-color: #f6f6f6;
   padding: 6px;
}

.commerce-checkout-flow .fieldset-legend {
   font-weight: bold;
}

.commerce-checkout-flow .layout-region-checkout-secondary {
   border-left: 30px solid #fff;
}

.commerce-checkout-flow .layout-region-checkout-secondary h3 {
   margin-top:15px;
   margin-bottom:10px;
   font-family: "Roboto",Arial,sans-serif;
   font-size: 1.5rem;
   color: #686867;
}

.commerce-checkout-flow label {
   font-family: "Roboto",Arial,sans-serif;
   font-size: 1rem;
   color: #686867;
   font-weight: 400;
   display: block;
   padding: 4px 0;
}

.commerce-checkout-flow .layout-region-checkout-main input.form-text,
.commerce-checkout-flow .layout-region-checkout-main input.form-email {
   font-family: "Roboto", Arial, sans-serif;
   font-size: 1rem;
   color: #686867;
   font-weight: 400;
   width: 100%;
   padding: 14px 0 13px 9px;
   background-color: #fff;
   border: 1px solid #d8d8da;
   border-radius: 2px;
}

#edit-billing-information-profile-field-company-wrapper .field-multiple-drag {
display: none;
}

#edit-billing-information-profile-field-company-wrapper #field-company-values tr th:last-child,
#edit-billing-information-profile-field-company-wrapper #field-company-values .delta-order,
#edit-billing-information-profile-field-company-wrapper .tabledrag-toggle-weight-wrapper {
   display: none;
}

#edit-billing-information-profile-field-company-wrapper .add-remove {
 text-align: right;
}

#edit-billing-information-profile-field-company-wrapper .add-remove button.add-company-field,
#edit-billing-information-profile-field-company-wrapper .add-remove button.remove-company-field {
   font-family: "Roboto", Arial, sans-serif;
   font-size: 1rem;
   color: #686867;
   font-weight: 500;
   line-height: 1;
   background-color: #ccc;
   text-decoration: none;
   display: inline-block;
   position: relative;
   text-transform: uppercase;
   text-align: center;
   border: 0 none;
   border-radius: 2px;
   outline: 0;
   padding: 1rem 1rem;
   transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #fff;
   background-color: #008995;
   cursor: pointer;
}

#edit-billing-information-profile-field-company-wrapper .add-remove button.add-company-field:hover {
  background-color: #006d76;
}

#edit-billing-information-profile-field-company-wrapper .add-remove button.remove-company-field:hover {
   background-color: #aaa;
}

#edit-billing-information-profile-field-company-wrapper .add-remove button.add-company-field {
   float: right;
   margin-left:4px;
}

#edit-billing-information-profile-field-company-wrapper .add-remove button.remove-company-field {
   background-color: #ccc;
   color: #686867;
}

#edit-billing-information-profile-field-company-wrapper thead {
   text-align: left;
}

.commerce-checkout-flow .address-container-inline > .form-item {
   display: inline-block;
   width: 50%;
   max-width: 50%;
   margin-right: 0;
   float: left;
}

.commerce-checkout-flow .address-container-inline > .form-item:first-child {
   border-right: 10px solid #f6f6f6;
}

.form-checkbox {
   float: left;
   margin-top: 7px;
   margin-right: 10px;
}

.commerce-checkout-flow .link--previous {
   font-family: "Roboto",Arial,sans-serif;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1;
   background-color: #ccc;
   text-decoration: none;
   display: inline-block;
   position: relative;
   text-transform: uppercase;
   text-align: center;
   border: 0 none;
   border-radius: 2px;
   outline: 0;
   padding: 1rem 1.5rem;
   transition: all 0.2s cubic-bezier(0.25,0.8,0.25,1);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #686867;
}

#edit-billing-information-profile label.option {
   display: inline-block;
}

.cart-form .form-actions #edit-submit {
   color: #686867;
   background-color: #ccc;
}

.sibling.cart,
.cart-icon {
   width: 48px;
   height: 48px;
   overflow: hidden;
   text-indent: 0;
}

.sibling.cart a,
.cart-icon a {
   transition: all 0.4s ease-out;
   color: #fff;
   background-color: #008995;
   border: 1px solid #008995;
   border-radius: 24px;
   padding: 0 !important;
   width: 48px;
   height: 48px;
   font-size: 14px;
   display: block;
}

.sibling.cart a:hover,
.cart-icon a:hover {
   background-color: #fff;
}

.sibling.cart a:hover .cart-block--summary__count,
.cart-icon a:hover .cart-block--summary__count {
   /* background-color: #008995; */
}

.sibling.cart .cart-block--summary__count,
.cart-icon .cart-block--summary__count  {
   text-align: center;
   position: absolute;
   z-index: 1;
   color: #fff;
   margin-top: 27px;
   height: 20px;
   right: 0px;
   padding: 2px;
   border-radius: 8px;
   min-width: 16px;
   background-color: #e30613;
}

.sibling.cart svg,
.cart-icon svg {
   margin-top:10px;
}

#block-cart {
   position: relative;
   margin-right: 10px;
}





/*  VUE  */
.quotation-request {
   max-width: 1218px;
   margin: 0 auto;
}

.quotation-request input {
   font-family: "Roboto",Arial,sans-serif;
   font-size: 1rem;
   color: #686867;
   font-weight: 400;
   padding: 14px 0 13px 9px;
   background-color: #fff;
   border: 1px solid #d8d8da;
   border-radius: 2px;
   max-width: 58px;
}

.quotation-request .header {
font-weight: bold;
}

.quotation-request .header,
.quotation-request .current-item {
   display: grid;
   grid-gap: 1.5rem;
   margin: 0 auto;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   max-width: 1218px;
}

.quotation-request .product-form,
.quotation-request .accessory-form {
   display: grid;
   grid-gap: 1.5rem;
   margin: 0 auto;
   grid-template-columns: 1fr 1fr 1fr;
   max-width: 1218px;
}

.quotation-request .product-form .action,
.quotation-request .accessory-form .action {
   float: right;
}

.quotation-request .current-item,
.quotation-request .product-form,
.quotation-request .accessory-form {
   background-color: #f6f6f6;
   border-top: 3px solid #fff;
   border-bottom: 3px solid #fff;
}

.quotation-request .quantity,
.quotation-request .type,
.quotation-request .product,
.quotation-request .action,
.quotation-request .add {
   padding: 6px;
}

.quotation-request .current-item .type,
.quotation-request .current-item .product {
   padding-top: 20px;
}

.quotation-request .add button,
.quotation-request .action button {
  margin-bottom: 15px;
  cursor: pointer;
}

.quotation-request .add {
   padding-top: 15px;
}

.quotation-request .current-item .action button,
.quotation-request .accessory-form .action button,
.quotation-request .product-form .action button {
   margin-bottom: 0px;
   float: right;
}

.quotation-request .selected-product,
.quotation-request .filtered-list {
   font-family: "Roboto",Arial,sans-serif;
   font-size: 1rem;
   color: #686867;
   font-weight: 400;
   padding: 14px 0 13px 9px;
   background-color: #fff;
   border: 1px solid #d8d8da;
   border-radius: 2px;
   cursor: pointer;
}

.quotation-request .filtered-list {
   padding: 0;
   box-shadow: 0px 0px 10px #ccc;
   position: absolute;
   z-index: 10;
   min-width: 120px;
   margin-right:40px;
}

.quotation-request .filtered-list input {
   font-family: "Roboto",Arial,sans-serif;
   font-size: 1rem;
   font-weight: 400;
   border: none;
   width: 96%;
   margin-left: 2%;
   margin-top: 5px;
   margin-bottom: 6px;
   margin-right: auto;
   max-width: none;

   color: #686867;
   padding: 15px 60px 14px 9px;
   background-color: #eee;
   border-width: 0;
   border-bottom: 2px solid #eee;
   border-radius: 2px;
   float: left;
   -webkit-appearance: none;
   position: relative;
}

.quotation-request .filtered-list input:focus {
   border-bottom: 2px solid #008995;
   outline: none;
}

.quotation-request .filtered-list:after {
   background-color: rgba(0, 137, 149, 0.9);
   color: #fff;
   font-weight: normal;
   width: 50px;
   height: 50px;
   padding: 10px;
   content: " ";
   z-index: 6;
   top: 5px;
   right: 5px;
   display: inline-block;
   position: absolute;
   background-repeat: no-repeat;
   background-size: 30px;
   pointer-events: none;
   background-position: center;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath style='fill:%23fff' d='M32,30.625a.916.916,0,0,1-.187.563l-.625.562a.782.782,0,0,1-.563.25.6.6,0,0,1-.5-.25l-8.062-8.062a.594.594,0,0,1-.25-.5v-.625A12.97,12.97,0,0,1,13,26a12.619,12.619,0,0,1-6.531-1.75A13.112,13.112,0,0,1,1.75,19.531,12.619,12.619,0,0,1,0,13,12.622,12.622,0,0,1,1.75,6.469,13.128,13.128,0,0,1,6.469,1.75,12.629,12.629,0,0,1,13,0a12.631,12.631,0,0,1,6.531,1.75A13.144,13.144,0,0,1,24.25,6.469,12.631,12.631,0,0,1,26,13a12.97,12.97,0,0,1-3.437,8.813h.625a.776.776,0,0,1,.562.25l8.063,8.062A.674.674,0,0,1,32,30.625ZM18.531,22.531A10.947,10.947,0,0,0,24,13,10.947,10.947,0,0,0,13,2,10.947,10.947,0,0,0,2,13,10.947,10.947,0,0,0,13,24,10.817,10.817,0,0,0,18.531,22.531Z'/%3E%3C/svg%3E");
}

.quotation-request ul {
   padding: 0;
   margin:0;
}

.quotation-request ul li {
   padding: 4px 10px;
   border-bottom: 1px solid #ccc;
   list-style: none;
}

.quotation-request ul li:hover {
   background-color: #f2f2f2;
}

.cart-block--link__expand {
   text-align: center;
}

.fa, .far, .fas {
   font-family: "FontAwesome";
}

.fa, .fab, .fad, .fal, .far, .fas {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
}

.fa-shopping-basket:before {
   display: block;
   width: 34px;
   height: 34px;
   margin: 6px;
   font-size: 0;
   content:" ";
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("../images/julabo-basket.svg");
}

.sibling.cart:hover .fa-shopping-basket:before {
   background-image: url("../images/julabo-basket-green.svg");
}

.add-to-quotation-request {
   cursor: pointer;
}

.status-message.message-add-to-cart .wrapper {
   display: inline-block;
   padding: 15px;
   width: 100%;
   border: 1px solid #ccc;
}

.status-message.message-add-to-cart .wrapper .contentinfo {
display: grid;
grid-gap: 1.5rem;
margin: 0 auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 1218px;
}

.status-message.message-add-to-cart .wrapper .cart-icon {
   margin-right:10px;
}

.status-message.message-add-to-cart .wrapper .cart-icon,
.status-message.message-add-to-cart .wrapper .msg {
   float: left;
}

.status-message.message-add-to-cart .wrapper .msg {
   padding-top: 12px;
}

.status-message.message-add-to-cart .wrapper .quoation-button {
   float: right;
}

.status-message.message-add-to-cart .cart-icon .cart-block--link__expand {
position: relative;
}

header.sticky nav .level-0.sub-menu {
   right: 184px;
}

.quotation-request .clear-cart {
   float: right;
}

.swal2-styled.swal2-confirm {
   color: #fff !important;;
   background-color: #008995 !important;;
   border-radius: 0 !important;;
   text-transform: uppercase;
}
.swal2-styled.swal2-cancel{
   border-radius: 0 !important;;
   text-transform: uppercase !important;;
}
.swal2-popup {
   border-radius: 0 !important;
}

@media (max-width: 779px) {
   .commerce-checkout-flow .layout-region-checkout-main {
      margin: 15px;
   }
   .commerce-checkout-flow .layout-region-checkout-secondary {
      border-left: 15px solid #fff;
   }
}