html.no-scroll { overflow: hidden !important; }
/* Tooltip Library */
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#fff;border:2px solid #ccc;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#333;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#ccc;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
.tooltipster-base { font-size: 13px; }
.tooltipster-sidetip .tooltipster-arrow { top: auto; }

.tool-wrapper {
  font-size: 16px;
  text-align: center;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #111;
  z-index: 1000000;
  padding: 15px;
  overflow-y: auto;
}
.tool-wrapper > div { position: relative; padding-bottom: 80px; overflow: hidden; min-height: 100%; }
.tool-wrapper .loading-part { 
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center; 
}

.tool-wrapper .product_info { margin: 10px 0 100px;}
.tool-wrapper .product_info .image { margin-bottom: 10px; }
.tool-wrapper .product_info img { max-width: 100px; }
.tool-wrapper .product_info span { color: #26abe2; }
.close-button {
    position: absolute; z-index: 10; 
    top: 0px; 
    right: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #111;
    color: white !important;
    border-radius: 50%;
    font-size: 20px; 
    text-decoration: none; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.3); 
}

.close-button:hover {
    background-color: darkred; 
}

.logo_upload_section {
    display: none;
    margin: 0px auto;
    border: 1px dotted #aaa;
    padding: 30px;
    max-width: 1200px;
}
.logo_upload_section p { font-size: 14px; }
#logo_upload_wrapper { max-width: 800px; margin: 20px auto; }
#text_logo_wrapper { padding: 0px 20px; }
#text_logo_wrapper p { margin-bottom: 5px; }
.tool-wrapper.blank_gaments .tool-button-wrapper, 
.tool-wrapper.blank_gaments .wcbl_steps_container {
  display: none;
}
.tool-button-wrapper { 
  text-align: left;
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding: 20px 0px;
  max-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
}

.tool-button-wrapper .button { margin-bottom: 0px; text-transform: capitalize; position: relative; background-color: #ddd; color: #222; }
.tool-button-wrapper .next { padding-right: calc(1em + 30px); }
.tool-button-wrapper .next  i {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e73be;
  color: #fff;
}
.tool-button-wrapper .go_back { padding-left: calc(1em + 30px); }
.tool-button-wrapper .go_back  i {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5d9f5d;
  color: #fff;
}

.tool-wrapper.printing_options_wrapper .tool-button-wrapper .go_back { display: none; }
.tool-wrapper.logo_upload_wrapper .tool-button-wrapper .next { display: none; }

#text_logo_wrapper .form-group { margin-top: 20px; }
#text_logo_wrapper .form-group select#wcbl_font_selector { margin-bottom: 0px; }

.logo_style_container div.img {
    cursor: pointer;
}

.logo-uploader {
    border: 1px solid rgba(0,0,0,0.03);
    min-height: 175px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.03);
    padding: 23px;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
}

.logo-uploader .dz-default.dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-image: url("../images/spritemap.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    position: absolute;
    width: 120px;
    height: 115px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.logo-uploader.addedfile .dz-default.dz-message { /* background-image: url("../images/loader.gif"); */ display: none; }
.dz-details { margin-top: 15px; }
.dz-progress {
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 5px;
    width: 100%;
    background: #e0e0e0;
}
.dz-progress .dz-upload {
    width: 0%;
    position: absolute;
    bottom: 0px;
    height: 5px;
    background: #5271ff;
    left: 0px;
    transition: width 1.5s;
}

.logo_style_container {
    margin: 0 auto 50px auto; max-width: 740px;
}

.logo_style_container ul {
    list-style: none;
    display: flex; flex-wrap: wrap; justify-content: space-between;
    gap: 20px; margin: 20px 0px;
}
.logo_style_container ul li { cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 50px;
    display: flex;
    justify-content: space-between; align-items: center;
    padding: 8px 15px;
    color: #111;
    font-size: 14px;
    font-weight: bold;
    width: 48%;
    background: #fafafa; }
.logo_style_container ul li:nth-child(1) { order: 1; }
.logo_style_container ul li:nth-child(2) { order: 3; }
.logo_style_container ul li:nth-child(3) { order: 2; }
.logo_style_container ul li:nth-child(4) { order: 4; }

.logo_style_container ul li:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; }
.logo_style_container ul li input[type="radio"] { display: none; }
.logo_style_container ul li div { background: #d8eacc; width: 140px; 
    color: #111;
    font-size: 12px; font-weight: normal;
    padding: 5px 10px;
    border-radius: 50px; }

.logo_style_container .text div.img:hover::before {
    content: 'Sample embroidered text artwork';
    background: url('../images/embroidered-text-rollover.jpg') no-repeat;
    background-color: #fff;
    background-size: 200px 190px;
    width: 220px;
    position: absolute;
    height: 235px;
    border: 10px solid #fff;
    border-bottom: 20px solid #fff;
    box-shadow: 0px 0px 1px #000;
    padding-top: 200px;
    color: #000;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    left: 230px;
    bottom: 70px;
    z-index: 1001;
}

.logo_style_container .logo div.img:hover::before {
    content: 'Sample embroidered logo artwork';
    background: url('../images/embroidered-logo-rollover.jpg') no-repeat;
    background-color: #fff;
    background-size: 200px 190px;
    width: 220px;
    position: absolute;
    height: 235px;
    border: 10px solid #fff;
    border-bottom: 20px solid #fff;
    box-shadow: 0px 0px 1px #000;
    padding-top: 200px;
    color: #000;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    left: 230px;
    bottom: 70px;
    z-index: 1001;
}

.logo_style_container .print div.img:hover::before {
    content: 'Sample 1 colour screen printing artwork';
    background: url('../images/1-colour-screenprinting.jpg') no-repeat;
    background-color: #fff;
    background-size: 200px 190px;
    width: 220px;
    position: absolute;
    height: 245px;
    border: 10px solid #fff;
    border-bottom: 20px solid #fff;
    box-shadow: 0px 0px 1px #000;
    padding-top: 200px;
    color: #000;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    left: 230px;
    bottom: 70px;
    z-index: 1001;
}

.logo_style_container .digital div.img:hover::before {
    content: 'Sample full colour digital artwork';
    background: url('../images/full-colour-digital-transferprinting-rollover.jpg') no-repeat;
    background-color: #fff;
    background-size: 200px 190px;
    width: 220px;
    position: absolute;
    height: 235px;
    border: 10px solid #fff;
    border-bottom: 20px solid #fff;
    box-shadow: 0px 0px 1px #000;
    padding-top: 200px;
    color: #000;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    left: -172px;
    bottom: 70px;
    z-index: 1001;
}

#dz_upolad_progress, #dz_upolad_progress1, #dz_upolad_progress2 {
    display: none;
    position: absolute;
    bottom: -25px;
    width: 100%;
    border: solid 1px #3EB80D;
}

#dz_upolad_progress .bar, #dz_upolad_progress1 .bar, #dz_upolad_progress2 .bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}

.logo-uploader .dz-default.dz-message span {
    display: none; color: #00aeef;
}

.logo-uploader.addedfile .dz-default.dz-message span {
    display: block;
}

.logo-uploader .dz-preview .dz-error-message,
.logo-uploader .dz-preview .dz-success-mark,
.logo-uploader .dz-preview .dz-error-mark {
    display: none;
}

.wcbl_steps .wcbl_step .label {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  width: 75px;
  transform: translateX(-50%);
  left: 50%;
}

div.label { margin-top: 5px; }
div.label label {
    display: inline-block;
    text-align: center;
    line-height: 1.2em;
}

.logo_style_container div.label label {
    margin-left: 5px;
    vertical-align: bottom;
}

.logo_locations ul {
    list-style: none; margin-bottom: 0px; 
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.logo_locations ul > li {
  text-align: center;
  cursor: pointer;
}

.logo_locations span.button {
    background-color: #e0e0e0;
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
    border: 0px;
    width: 100%; display: inline-block; max-width: 150px; 
    padding: 8px;
    margin-top: 5px; 
}

.logo_locations span.button .noselect {
    display: block;
}

.logo_locations span.button .selected {
    display: none;
}

.logo_locations li.active span.button {
    color: #fff;
    background-color: #26abe2;
}

.logo_locations li.active span.button .noselect {
    display: none;
}

.logo_locations li.active span.button .selected {
    display: block;
}

.buttons span.desc {
    display: block;
}

.upload_note {
    display: none;
    background-color: #eee;
    padding: 5px 15px 5px 5px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}

.upload_note i {
    color: #fff;
    background-color: #00aeef;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.uploaded_logos { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.preview_logos { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }

#position_selection_wrapper h4 { font-size: 24px; text-align: center; }
#position_selection_wrapper h4 span { color: #00b8dd; }
#position_selection_wrapper .flex-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
#position_selection_wrapper .flex-wrapper .sidebar { width: 190px; }
#position_selection_wrapper .flex-wrapper .content { width: calc(100% - 220px); }
.position_selection_content { margin-top: 40px; }
.position_selection_content > div { display: none; }
#matrix_form .close-button { display: none; }
#matrix_form .sidebar h4 { font-size: 17px; text-align: center; }
#matrix_form .content h3 { font-size: 24px; text-align: center; }
#matrix_form .size-chart {
    position: absolute;
    top: 120px;
    left: 350px;
}

#matrix_form .size-chart {
    display: none;
}

#matrix_form_table {
    table-layout: fixed;
    border-top: none;
    border-left: 0px;
}

#matrix_form_table .headline-wrapper { margin-bottom: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.blank_gaments #matrix_form_table .headline-wrapper { justify-content: right; }
#matrix_form_table .headline-wrapper .size-chart-btn-wrapper { border-bottom: 1px solid #333; }
#matrix_form_table .headline-wrapper .size-chart-btn-wrapper svg { width: 20px; }
#matrix_form_table .size_chart {
    font-size: 13px;
    color: #333;
}

/* Start of Product Grid Root */
#product-grid-root {
    width:100%;
    max-height:100vh;
    overflow:auto
  }
  #product-grid-root .bulk-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  #product-grid-root .bulk-header-name {
    color:#000;
    font-family:AGBookPro_Medium,Arial,sans-serif;
    font-weight:400;
    font-size:36px;
    line-height:36px;
    margin-right:40px
  }
  #product-grid-root .bulk-toggle-container {
    height:30px;
    background-color:#efefef
  }
  #product-grid-root .bulk-toggle-button {
    padding:0 10px;
    line-height:30px;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:12px;
    font-weight:400
  }
  #product-grid-root .bulk-toggle-button:first-of-type {
    border-radius:3px 0 0 3px
  }
  #product-grid-root .bulk-toggle-button:last-of-type {
    border-radius:0 3px 3px 0
  }
  #product-grid-root .bulk-toggle-button.active {
    background-color:#fff;
    border:1px solid #000;
    border-radius:2px;
    -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.25);
    box-shadow:0 1px 4px 0 rgba(0,0,0,.25);
    line-height:28px
  }
  #product-grid-root .bulk-sku {
    color:#000;
    font-family:AGBookPro,Arial,sans-serif;
    font-weight:400;
    font-size:36px;
    line-height:36px;
    margin-bottom:50px
  }
  #product-grid-root .bulk-search-container {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:40px
  }
  #product-grid-root .bulk-search {
    width:340px;
    margin-right:5px;
    border:1px solid #e4e4e4;
    border-radius:5px;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:16px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    padding:12px 30px 12px 10px;
    border-radius:6px;
    font-size:14px;
    outline:0
  }
  #product-grid-root .bulk-search::-webkit-input-placeholder {
    font-size:16px;
    font-weight:400;
    line-height:15px;
    color:#a7a8a9
  }
  #product-grid-root .bulk-search::-moz-placeholder {
    font-size:16px;
    font-weight:400;
    line-height:15px;
    color:#a7a8a9
  }
  #product-grid-root .bulk-search:-ms-input-placeholder {
    font-size:16px;
    font-weight:400;
    line-height:15px;
    color:#a7a8a9
  }
  #product-grid-root .bulk-search::-ms-input-placeholder {
    font-size:16px;
    font-weight:400;
    line-height:15px;
    color:#a7a8a9
  }
  #product-grid-root .bulk-search::placeholder {
    font-size:16px;
    font-weight:400;
    line-height:15px;
    color:#a7a8a9
  }
  #product-grid-root .bulk-search-icon {
    position:absolute;
    top:50%;
    left:312px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:20px;
    height:20px;
    background-size:contain;
    cursor:pointer
  }
  #product-grid-root .bulk-search-clear {
    padding:10px;
    color:rgba(167,168,171,.73);
    font-family:AGBookPro,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:15px;
    text-decoration:underline;
    cursor:pointer
  }
  #product-grid-root .productMatrix {
    width:100%;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:12px;
    font-weight:400;
    border-collapse:separate;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:block;
    max-height:calc(100vh - 330px); min-height: 345px; 
    overflow-y:auto;
    overflow-x:auto;
    margin-bottom: 0px;
  }
  div#matrix_form form.bulk_variations_form { margin-bottom: 0px; }
  #product-grid-root .productMatrix::-webkit-scrollbar {
    display:none
  }
  #product-grid-root .productMatrix .matrix-table-footer {
    height:40px
  }
  #product-grid-root .productMatrix .matrix-table-footer .size-total-label {
    background-color:#fff;
    color:#000;
    font-family:AGBookPro_Medium,Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    letter-spacing:1.02px;
    text-align:left;
    border:unset;
    height:40px;
    float: none;
  }
  #product-grid-root .productMatrix .matrix-table-footer .size-total-label.sticky { position: sticky; left: 0px; z-index: 10; }
  #product-grid-root .productMatrix .matrix-table-footer .size-total-column {
    text-align:center;
    height:40px
  }
  #product-grid-root .productMatrix thead {
    position:sticky;
    top:0;
    z-index:10
  }
  #product-grid-root .productMatrix tfoot {
    position:sticky;
    bottom:0;
    z-index:10
  }
  #product-grid-root .productMatrix .footer-divider td {
    background-color:#000;
    height:1px!important;
    border:unset!important
  }
  #product-grid-root .productMatrix th {
    position:relative;
    background-color:#000;
    color:#f7f7f7;
    height:44px;
    vertical-align:middle
  }
  @-moz-document url-prefix() {
    #product-grid-root .productMatrix th {
      background-clip:padding-box
    }
  }
  @supports (-ms-ime-align:auto) {
    #product-grid-root .productMatrix th {
      background-clip:padding-box
    }
  }
  #product-grid-root .productMatrix td {
    position:relative;
    border:1px solid #e4e4e4;
    border-right:unset;
    border-bottom:unset;
    height:50px;
    min-width: 50px; 
    vertical-align:middle
  }
  @supports (-ms-ime-align:auto) {
    #product-grid-root .productMatrix td {
      background-clip:padding-box
    }
  }
  @-moz-document url-prefix() {
    #product-grid-root .productMatrix td {
      background-clip:padding-box
    }
  }
  #product-grid-root .productMatrix td:last-child {
    border-right:1px solid #e4e4e4
  }
  #product-grid-root .productMatrix td.no-size,
  #product-grid-root .productMatrix th.no-size {
    background-color:#efefef;
    overflow:hidden;
    font-size:0
  }
  #product-grid-root .productMatrix td.no-size *,
  #product-grid-root .productMatrix th.no-size * {
    display:none!important
  }
  #product-grid-root .productMatrix td.eta-stock,
  #product-grid-root .productMatrix td.out-of-stock,
  #product-grid-root .productMatrix th.eta-stock,
  #product-grid-root .productMatrix th.out-of-stock {
    overflow:hidden;
    background-color:#efefef;
    cursor:pointer
  }
  #product-grid-root .productMatrix td.eta-stock input,
  #product-grid-root .productMatrix td.out-of-stock input,
  #product-grid-root .productMatrix th.eta-stock input,
  #product-grid-root .productMatrix th.out-of-stock input {
    display:none
  }
  #product-grid-root .productMatrix .matrix-header-sticky {
    height:44px
  }
  #product-grid-root .productMatrix .no-border {
    border-width:0
  }
  #product-grid-root .productMatrix .no-border+.stock-label {
    border-left:0
  }
  #product-grid-root .productMatrix .order-label {
    text-align:left;
    color:#fff;
    font-size:14px;
    font-weight:400;
    letter-spacing:.35px; border-right: 0px;
	position: sticky; left: 0px; z-index: 10;
  }
  #product-grid-root .productMatrix .size-label {
    float: none;
    width:150px;
    font-size:12px;
    font-weight:400;
    font-style:normal;
    line-height:1.25;
    letter-spacing:1.02px;
    text-align:center;
    border-left:1px solid #fff;
    border-right: 0px;
  }
  #product-grid-root .productMatrix .stock-label {
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:400;
    padding-right:4px;
    vertical-align:middle;
    font-size:10px;
    line-height:1.22;
    letter-spacing:.2px;
    text-align:right;
    height:19px;
    background-color:transparent;
    color:#a7a9ab
  }
  #product-grid-root .productMatrix .swatch-col {
    width:35px
  }
  #product-grid-root .productMatrix thead.sticky {
    height:35px;
    display:block
  }
  #product-grid-root .productMatrix thead.sticky tr.matrix-header-sticky {
    position:fixed;
    width:100%;
    z-index:20
  }
  #product-grid-root .productMatrix thead .empty {
    font-family:AGBookPro_Bold,Arial,sans-serif
  }
  #product-grid-root .productMatrix tbody .no-border {
    height:20px
  }
  #product-grid-root .productMatrix .variant-row .variant-swatch {
    width:46px;
    padding:0 8px 0 10px;
    vertical-align:middle;
    text-align:center;
    border-right:unset;
	position: sticky;
	z-index: 9;
	left: 0px; 
	background-color: #fafafa;
  }
  #product-grid-root .productMatrix .variant-row .variant-swatch .colour-column {
    display:flex; justify-content: center; 
    width:48px;
    height:48px;
  }
  #product-grid-root .productMatrix .variant-row .variant-swatch .form-option-variant--color {
    width:100%;
    height:100%;
  }
  #product-grid-root .productMatrix .variant-row .variant-colour,
  #product-grid-root .productMatrix .variant-row .variant-colour-text {
    width:auto;
    text-align:left;
    padding-right:10px;
    color:#000;
    font-size:14px;
    font-weight:400;
    letter-spacing:.4px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    border-left:unset;
    text-transform:capitalize
  }
  #product-grid-root .productMatrix .variant-row .variant-colour .variant-colour-newText,
  #product-grid-root .productMatrix .variant-row .variant-colour-text .variant-colour-newText {
    text-transform:none;
    color:#5adb57;
    font-size:10px;
    position:relative;
    bottom:7px;
    left:4px
  }
  #product-grid-root .productMatrix .variant-row .variant-input {
    overflow:visible
  }
  #product-grid-root .productMatrix .variant-row .variant-input:focus {
    border-color:#000
  }
  #product-grid-root .productMatrix .variant-row .variant-input .qty_input {
    box-shadow: none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    border:1px solid transparent;
    outline:0;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:19.492px;
    letter-spacing:.35px;
    text-align:center;
    background-color:#fff;
    color: #333;
    z-index:8;
  }

  #product-grid-root .productMatrix .variant-row .variant-input .qty_input::placeholder{
    color:#e0e0e0
  }
  #product-grid-root .productMatrix .variant-row .variant-input .qty_input:focus,
  #product-grid-root .productMatrix .variant-row .variant-input .qty_input:hover {
    background-color:rgb(57, 87, 147); color: #fff;
  }
  
  #product-grid-root .productMatrix .variant-row .variant-input .qty_input.exceeded {
    background-color:transparent!important;
    text-align:center;
    font-family:AGBookPro_Medium,Arial,sans-serif;
    font-size:8px;
    font-weight:400;
    line-height:1.2;
    letter-spacing:.17px;
    text-align:center;
    color:#fb0202
  }
  #product-grid-root .productMatrix .variant-row .variant-input #fake-text {
    text-align:center;
    display:block
  }
  
  #product-grid-root .productMatrix .variant-row.lightColour:not(.darkColour) .colour-column {
    border:1px solid #e4e4e4
  }
  #product-grid-root .productMatrix .variant-row.lightColour:not(.darkColour) .qty_input:not(:-moz-placeholder-shown) {
    color:#000
  }
  #product-grid-root .productMatrix .variant-row.lightColour:not(.darkColour) .qty_input:not(:-ms-input-placeholder) {
    color:#000
  }
  #product-grid-root .productMatrix .variant-row.lightColour:not(.darkColour) .qty_input:focus,
  #product-grid-root .productMatrix .variant-row.lightColour:not(.darkColour) .qty_input:hover,
  #product-grid-root .productMatrix .variant-row.lightColour:not(.darkColour) .qty_input:not(:placeholder-shown) {
    color:#000
  }
  

  .variant-colour strong { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; margin-left: 5px; color: #fff; background-color: #26abe2; font-size: 12px; }
  #product-grid-root .productMatrix .variant-row:hover:not(.lightColour) .variant-colour,
  #product-grid-root .productMatrix .variant-row:hover:not(.lightColour) .variant-colour-text,
  #product-grid-root .productMatrix .variant-row:hover:not(.lightColour) .warehouse-name {
    color:#1e73be;
  }
  #product-grid-root .productMatrix .variant-row.darkColour:hover .variant-colour,
  #product-grid-root .productMatrix .variant-row.darkColour:hover .variant-colour-text,
  #product-grid-root .productMatrix .variant-row.darkColour:hover .warehouse-name {
    color:#1e73be;
  }
  #product-grid-root .productMatrix .variant-row.lightColour:not(.darkColour):hover .colour-column {
    border:1px solid #000
  }
  #product-grid-root .productMatrix .variant-row.hideColour {
    display:none!important
  }
  #product-grid-root .productMatrix .no-results-row td {
    border:unset;
    height:500px;
    text-align:center;
    color:#a7a8a9;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:22px;
    font-weight:400
  }
  #product-grid-root .productMatrix.is-us .table-row.spacer {
    height:15px
  }
  #product-grid-root .productMatrix.is-us .table-row.spacer:has(+ .table-row) {
    display:none
  }
  #product-grid-root .productMatrix.is-us .variant-swatch {
    height:100px
  }
  #product-grid-root .productMatrix.is-us .colour-column {
    width:37px!important;
    height:37px!important;
    margin-bottom:13px
  }
  #product-grid-root .productMatrix.is-us .variant-colour-inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-bottom:5px
  }
  #product-grid-root .productMatrix.is-us .warehouse-names-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    gap:34px
  }
  #product-grid-root .productMatrix.is-us .warehouse-name {
    color:#000;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:.35px;
    text-transform:uppercase
  }
  #product-grid-root .productMatrix.is-us .us-input-container {
    height:50px;
    position:relative
  }
  #product-grid-root .productMatrix.is-us .us-input-container:first-child {
    border-bottom:1px solid #e4e4e4
  }
  #product-grid-root .productMatrix.is-us .variant-input {
    height:100px
  }
  #product-grid-root .productMatrix.is-us .variant-input .qty {
    height:100%
  }
  #product-grid-root .productMatrix.is-us #fake-text {
    position:absolute;
    width:100%;
    height:100%;
    line-height:50px
  }
  #product-grid-root .productMatrix.is-us .variant-row td {
    border-bottom:1px solid #e4e4e4
  }
  #product-grid-root .productMatrix.is-us .eta-stock,
  #product-grid-root .productMatrix.is-us .out-of-stock {
    overflow:hidden;
    background-color:#efefef;
    cursor:pointer
  }
  #product-grid-root .productMatrix.is-us .eta-stock input,
  #product-grid-root .productMatrix.is-us .out-of-stock input {
    display:none
  }
  #product-grid-root .matrix-footer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin-top:20px;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline
  }
  #product-grid-root .matrix-footer-text {
    max-width:800px;
    margin-right:auto;
    display:block;
    -ms-flex-item-align:center;
    align-self:center;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    color:#5d5d5d;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:18px;
    text-align:left
  }
  #product-grid-root .matrix-footer-qty-all {
    margin:0 15px 0 30px;
    color:#000;
    font-family:AGBookPro,Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:50px;
    letter-spacing:.35px;
    white-space:nowrap
  }
  #product-grid-root .form-action-addToCart {
    max-width:250px;
    width:100%;
    margin-bottom:0;
    -ms-flex-item-align:end;
    align-self:flex-end;
    text-transform:unset;
    font-size:14px;
    border-radius:3px
  }
  #product-grid-root .form-action-addToCart.quantity-required {
    background:#a7a8ab
  }
  #product-grid-root .form-action-addToCart.quantity-required:before {
    content:'Enter Quantity';
    font-size:14px;
    letter-spacing:.35px
  }
/* End of Product Grid Root */
.bulk-order-h3-title { display: none; }
.tool-wrapper.blank_gaments .bulk-order-h3-title { display: block; }
.tool-wrapper.blank_gaments .logo_upload_section { display: none !important; }
.tool-wrapper.blank_gaments #matrix_form.blank-purchase { display: block !important; }

#matrix_form .sidebar .summary { display: none; }
#matrix_form.blank-purchase .sidebar .summary { display: block; }
#matrix_form.blank-purchase .close-button { display: block; }
#matrix_form.blank-purchase .sidebar .summary .excerpt { font-size: 14px; }
#matrix_form.blank-purchase .sidebar .summary .excerpt ul { padding-left: 25px; }
#matrix_form.blank-purchase .sidebar .shop_brand { padding: 0px 0px 15px 0px; }
#matrix_form.blank-purchase .price { text-align: right; }
#matrix_form.blank-purchase .price span.amount { font-size: 20px; }
#matrix_form.blank-purchase .price button { margin-left: 20px; text-transform: capitalize; }
#matrix_form.blank-purchase .tool-button-wrapper .price { display: block; }
#matrix_form.customize .price { display: none; }
#matrix_form.blank-purchase .btn-back-to-step2,
#matrix_form.blank-purchase .artwork_proof,
#matrix_form.blank-purchase .bulk-pricing-table,
#matrix_form.blank-purchase .preview_logos,
#matrix_form.blank-purchase h3.your-logo-branding,
#matrix_form.blank-purchase .step3_tip { display: none;margin-right: auto; }
.step3_tip i { font-size: 16px; color: #5d9f5d; margin-left: 2px; margin-right: 5px; }
#matrix_form .content h3.select-your-sizes-qty { margin-top: 30px; }
#matrix_form.blank-purchase .content h3.select-your-sizes-qty { margin-top: 0px; }

#wholesale_form .adding-step-3 {
    padding-right: 15px;
    color: #00b8d2;
    font-size: 17px;
    font-weight: bold;
}
#wholesale_form .single_add_to_cart_button { display: none; }
.blank-purchase #wholesale_form .single_add_to_cart_button { display: inline-block; }
.size-chart.under-button, .size-chart_1.under-button {
    max-width: calc(100vw - 30px); max-height: calc(100vh - 30px); overflow: auto;
    display: none;
    background: #fff;
    padding: 15px;
    left: 50% !important;
    transform: translateX(-50%);
}
.size-chart table { border: 1px solid #ccc; }
.size-chart table td { padding: 5px; border-left: 1px solid #ccc; }
.sizing table { margin-top: 20px; margin-bottom: 0px; }
.sizing table th { background-color: #e8edea; }
.sizing table th, .sizing table td { border: 1px solid #ddd; padding: 5px; }

.logo_item {
    position: relative; text-align: center; 
}
.uploaded_logos .logo_item { cursor: pointer; }
.logo_item .actions { font-size: 14px; color: #3b6caf; }
.logo_item .actions a:hover { color: #333; }

.logo_item > img {
    display: block;
    margin: 5px 0;
    width: 100%; max-width: 120px;
    border: solid 5px #ddd;
}
.cart_confirm .logo_item > img { max-width: 110px; border: 1px dotted #333; }

.logo_item > img.text {
    border: solid 6px #ddd;
}

.logo_item.active > img, .logo_item.active > img.text {
    border-color: #26abe2; 
}
.logo_item i.fa { 
    position: absolute;
    top: 26px;
    right: 6px;
    background: #000;
    padding: 3px;
    font-size: 13px;
    color: #fff; 
}
.preview_logos .logo_item i.fa { top: 11px; cursor: pointer; }

.logo_upload_section .buttons {
    float: right;
    text-align: right;
}

.logo_upload_section .buttons span.desc {
    text-align: right;
}

.popup_preview {
    display: none;
}

a.button.new-logo {
    padding: 11px 20px; border-radius: 5px;
    vertical-align: middle;
}

a.new-logo span.second_line {
    font-size: 0.8em;
    padding-top: 3px;
}

span.tooltips {
    position: absolute;
    width: 140px;
    color: #FFFFFF;
    background: #FF5757;
    height: 70px;
    padding: 10px;
    text-align: center;
    visibility: hidden;
    border-radius: 7px;
    visibility: visible;
    opacity: 0.9;
    top: 50%;
    margin-top: -35px;
    margin-left: 15px;
    z-index: 999;
}

span.tooltips:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid #FF5757;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.form-group.wcbl_text_input {
    position: relative;
}

#options-add_item_text span.tooltips {
    top: 70%;
    padding: 28px 0;
    right: -150px;
}

.row.for_logo_summary {
    display: none;
    margin-bottom: 20px;
}

.wcbl_steps_container {
    margin: 25px auto 0px;
    position: relative;
    height: 88px;
    max-width: 1200px;
}

.wcbl_steps_container .back_bar, .wcbl_steps_container .percentage {
    position: absolute;
    background-color: #e4e4e4;
    height: 6px;
    z-index: 0;
    top: 16px;
    left: 0px;
    width: 100%;
    border-radius: 10px;
}
.wcbl_steps_container .percentage { width: 0px; background-color: #2fc56e; transition: width 0.8s; }
.wcbl_steps_container .middle-progress {
  position: absolute;
  height: 6px;
  z-index: 0;
  top: 17px;
  left: 0px;
  width: 33.3%;
  border-radius: 6px;
  border-top: 4px dotted #2fc56e;
  transition: left 0.8s;
}

.wcbl_steps {
  display: flex; justify-content: space-between;
  position: absolute;
  z-index: 5;
  width: 100%;
}

.wcbl_steps .wcbl_step {
    text-align: center; position: relative;
}

.wcbl_steps .wcbl_step .mark {
    background: #fff; border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    margin: 0px;
    line-height: 40px;
}

.wcbl_steps .wcbl_step.active .mark {
    background: #2fc56e; border-color: #2fc56e; 
}

.wcbl_steps .wcbl_step .mark i { color: #2fc56e; }
.wcbl_steps .wcbl_step.active .mark i { color: #fff; }

div.wcbl_product {
    padding: 10px 0 20px 0;
    position: relative;
}

div.wcbl_product:hover .popup_preview {
    display: block;
}

.cart_confirm {
    display: none;
    background: #fff;
    max-width: 1024px;
    width: calc(100% - 30px);
	overflow-y: auto;
  	max-height: calc(100vh - 30px);
}

#big_image_preview { text-align: center; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); margin: 30px;  height: calc(100vh - 60px);  width: calc(100vw - 60px); background-size: contain; background-repeat: no-repeat; background-position: center; }
#big_image_preview img { max-width: 100%; max-height: 100%; display: block; }
.cart_confirm .error { margin: 20px;    border-style: solid;    border-width: 1px; display: none; }
.cart_confirm .row.items {
    margin: 0;
}

.cart_confirm .close_btn {
    position: absolute; cursor: pointer;
    top: 20px;
    right: 20px;
}

.cart_confirm img.logo {
    max-width: 100px;
}

.cart_confirm .inner-content {
    padding: 10px 20px; position: relative; text-align: center; 
}
.cart_confirm .inner-content .inner-content-items-wrapper {
  display: flex; justify-content: space-between; margin-top: 15px; border-top: 2px solid #333; padding: 10px 0px; flex-wrap: wrap;
}
.inner-content-items-wrapper .column-title {
  text-align: left;
  border-bottom: 1px solid #666;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px; font-weight: bold; padding: 10px 0px; 
 }
.cart_confirm .inner-content .preview_logos { flex-wrap: wrap; margin-bottom: 20px; justify-content: left; }
.cart_confirm .inner-content .preview_logos i { display: none; }
.cart_confirm .inner-content .preview_logos .popup_preview { display: none; }

.cart_confirm .details ul { list-style: none;
  padding: 0px;
  overflow: auto;
  max-height: 395px;
  margin-bottom: 0px; }

.cart_confirm .details ul li { display: flex;
  padding: 5px; 
  text-align: left;
  gap: 15px;
  border-bottom: 1px solid #ddd;
  align-items: center;
  font-size: 13px;
}
.cart_confirm .details ul li img { max-width: 90px; }
.cart_confirm .details ul li:last-child { border-bottom: none; }
.cart_confirm .inner-content-items-wrapper .items { width: 60%; }
.cart_confirm .inner-content-items-wrapper .title {
  background-color: #f6f6f6;
  padding: 15px 20px;
  width: 40%;
}

.cart_confirm .cost { text-align: left; }
.cart_confirm .your_instant_quote { 
  border-bottom: 1px solid #333;
  padding-bottom: 13px; 
}
.cart_confirm .your_instant_quote span {
  font-size: 12px; font-weight: bold; text-transform: uppercase;
}
.cart_confirm .item_cost {
    font-size: 16px; text-align: center; 
    margin-top: 12px; 
}

.cart_confirm .item_cost .inc_tax {
    font-size: 16px;
}

.cart_confirm .total_cost {
    font-size: 18px;
    color: #1e73be; text-align: center; 
    margin-top: 12px;
}

.cart_confirm .total_cost span { font-size: 30px; font-weight: bold; }

.cart_confirm .qty_input_info {
    margin: 0;
}

.cart_confirm .qty_input_info .images { }
.cart_confirm .qty_input_info .images > div {
    flex: 1; /* This makes each div take up equal space in the container */
    text-align: center; /* Center-aligns the text under the image */
}
.cart_confirm .qty_input_info .images > div span { display: block; font-size: 14px;
    font-weight: bold;
    padding: 2px 0px; }
.cart_confirm .qty_input_info .images img {
    width: 100%; /* Makes the image width responsive to the div width */
    height: auto; /* Maintains the aspect ratio of the image */
    max-width: 100px;
}

.cart_confirm p {
    line-height: initial; font-weight: bold; 
}

.cart_confirm .large-8 p {
    font-size: 13px;
    margin-bottom: 8px;
}

.cart_confirm .glyphicons.close:before {
    content: "\E208";
}

.cart_confirm .glyphicons:before {
    color: #333333;
    font-size: 11px;
    margin-top: -6px;
    text-align: center;
    font: 28px/1em 'Glyphicons Regular';
    font-size: 18px;
}

.cart_confirm .guarantee {
    text-align: left;
    margin-top: 30px; margin-bottom: 30px; 
}
.cart_confirm .guarantee .delivery_date {
    font-size: 18px; margin-top: 12px; text-align: center; font-weight: bold; 
}
.cart_confirm .guarantee .estimated_shipping_rate {
    font-size: 16px; margin-top: 12px; text-align: center; 
}
.cart_confirm .guarantee .estimated_shipping_rate span { font-size: 26px; font-weight: bold; color: #1e73be; }

.cart_confirm textarea {
    height: 75px;
}

.cart_confirm img.payment {
    width: 100%;
}

.cart_confirm .loading {
    height: 100%;
    position: absolute;
    z-index: 100;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart_confirm .logos {
    margin: 10px 0;
}
.cart_confirm .button.add_to_cart { margin-bottom: 0px; }

.cart_confirm .artwork_proof {
  border-top: 2px solid #333;
    padding: 10px; font-size: 13px; 
    color: #000;
    position: relative;
    display: flex; justify-content: center; align-items: center;
}
.cart_confirm .artwork_proof img { height: 34px; margin-right: 20px; }

.how_it_works {
    margin-bottom: 20px;
}

div.wcbl_price {
   font-size: 26px; font-weight: bold; color: #000; margin: 13px 0px;
}

span.wcbl_price {
    color: #1e73be;
}
.variations_form { display: none !important; }
.shipping_label {
    overflow: hidden;
}

#accordion { border-bottom: 1px solid #ddd; font-size: 16px; color: #555; display: none; }
#accordion.ui-widget { font-family: inherit; }
#accordion .ui-state-default { border-width: 1px 0px 0px 0px; border-color: #ddd; background: #fff; border-radius: 0px; margin: 0px; color: #000; font-size: 15px; }
#accordion .ui-state-active { color: #fff; background: #333; }
#accordion .ui-widget-content { border-width: 0px; padding-left: 28px; padding-right: 15px; color: #555; font-size: 14px; }


.embroidered_price_details { margin-top: 10px; }
.embroidered_price_details .whats-include { font-size: 16px; font-weight: normal; text-align: center; color: #333; margin-bottom: 10px; }
.embroidered_price_details ul { font-size: 14px; }
.embroidered_price table th {
    font-size: 16px; text-align: center; font-weight: normal;
    color: #333;
}

.embroidered_price table td bdi { color: #00b8d1; font-weight: bold; }
.embroidered_price table td {
    font-size: 16px; border: 1px solid #ddd;
    text-align: center;
}
.embroidered_price table td div { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.embroidered_price table td .total_each {
    font-size: 11px;
}

.embroidered_price table thead {
    color: #333;
}

.embroidered_price table tbody tr:nth-child(odd) {
    background: #e8edea;
}

.embroidered_price table tbody tr:last-child td {
    padding: 10px 5px; font-weight: bold;
}
.embroidered_buttons { display: flex; gap: 1px; }
.embroidered_price_btn {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    border-top: 3px solid #00b8d1;
    color: #00b8d1;
    cursor: pointer;
    position: relative;
}

.embroidered_price_btn.close {
    background-color: #e8edea;
    border-top: 3px solid #e8edea;
    color: #333;
}

.product-info .row.buttons {
    margin-bottom: 0;
}

.product-info .row.shop_brand {
    margin: 0px;
}

.bulk-pricing-table {
    background: #bde2f4;
    padding: 20px;
    margin-top: 30px;
    color: #060606;
    font-weight: bold;
    font-size: 12px;
}

.bulk-pricing-table h1 {
    color: #060606; font-size: 24px; 
}

.bulk-pricing-table > p {
    color: #363c3e;
    font-weight: bold;
    font-size: 15px;
}

.bulk-pricing-table span {
    font-size: 13px;
    font-weight: bold;
    display: block;
    line-height: 18px;
}

.bulk-pricing-table .large-6:first-child {
    color: #060606;
    border-right: 2px solid #a1c4d4;
    font-size: 12px;
}

@media (max-width: 1153px) {
  	.wcbl_steps_container { margin-left: 10px; margin-right: 10px; }
  	.logo_style_container { margin-bottom: 0px; }
	.logo_style_container ul li:nth-child(3) {
		clear: both;
	}
}

@media (max-width: 768px) {
    .close-button {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 16px; 
    }
	.logo_upload_section { padding: 15px; }
	.tool-wrapper .product_info { margin: auto; }
	.logo_locations ul > li { max-width: 46%; }
	#product-grid-root .productMatrix .order-label { font-size: 12px; letter-spacing: initial; }
    #matrix_form_table .headline { width: 100%; text-align: center; }
    #options-add_item_text span.tooltips { right: 0px; }
    .button.use-current-logos { display: block; }
    .button.large.use-current-logos { display: none; }
    .size-chart img { width: 86vw; max-width: initial; }
    .wcbl_steps .wcbl_step .mark { font-size: 18px; }
    .logo_upload_section .artwork_proof {
        width: auto;
    }

    .logo_style_container .columns {
        position: relative;
    }

    .logo_style_container .columns div.img:hover::before {
        left: 50%;
        top: 274px;
        transform: translateX(-50%);
    }
    .logo_style_container ul { gap: 10px; }
    .logo_style_container ul li {
        width: 100%; padding: 8px 11px; 
    }

    .logo_style_container .label {
        text-align: center;
        margin-bottom: 15px;
    }
    #position_selection_wrapper h4 { font-size: 22px; }
    #position_selection_wrapper .flex-wrapper { flex-direction: column-reverse; }
    #position_selection_wrapper .flex-wrapper .sidebar { width: 100%; }
    #position_selection_wrapper .flex-wrapper .content { width: 100%; }

    #matrix_form h4 { font-size: 22px; }
    #matrix_form .flex-wrapper { flex-direction: column-reverse; }
    #matrix_form .flex-wrapper .sidebar { width: 100%; }
    #matrix_form .flex-wrapper .content { width: 100%; }
    #matrix_form .artwork_proof { display: none; }

    #matrix_form_table .headline-wrapper { flex-wrap: wrap; justify-content: center; padding-left: 0px; }
    #matrix_form_table .columns-wrapper { padding-left: 0px; }
    #matrix_form_table .size_chart { float: none; }
    #matrix_form.blank-purchase .close-button { top: 0px; }
    .logo_style_container ul li:nth-child(1) { order: 0; }
    .logo_style_container ul li:nth-child(2) { order: 0; }
    .logo_style_container ul li:nth-child(3) { order: 0; }
    .logo_style_container ul li:nth-child(4) { order: 0; }
    .logo_style_container .large-3.columns > div.img:hover::before {
        display: none;
    }
    .blank-purchase .tool-button-wrapper .single_add_to_cart_button { display: none; }

    .logo_upload_section .artwork_proof {
        display: none; 
    }

    #wholesale_form .btn-back-to-single {
        float: right;
        margin-right: 0;
    }

    #wholesale_form .single_add_to_cart_button {
        margin-right: 0;
    }

    #matrix_form.blank-purchase .price { text-align: center; margin-top: 25px; display: block; }
    #matrix_form.blank-purchase .tool-button-wrapper .price { text-align: center; margin-top: 25px; display: none; }
    .blank-purchase #wholesale_form .single_add_to_cart_button {
        display: block; margin: 20px auto 40px;
    }

    .cart_confirm .artwork_proof {
        padding-left: 95px;
        padding-right: 15px;
        display: table-cell;
        vertical-align: middle;
        line-height: 1.3em;
    }

    .cart_confirm .artwork_proof img {
        position: absolute;
        top: 20px;
        left: 15px;
    }
    .cart_confirm { left: 0px !important; width: 100%; max-height: 100vh; top: 0 !important; position: fixed !important;}
    .cart_confirm .inner-content-items-wrapper .title { width: 50%; }
	.cart_confirm .inner-content-items-wrapper .items { width: 50%; }
    .cart_confirm .your_instant_quote { text-align: center; }
    #matrix_form.blank-purchase .price button { margin-left: auto; margin-right: auto; margin-top: 10px; }
}

@media (max-width: 550px) {
	.cart_confirm .inner-content-items-wrapper .title { width: 100%; }
	.cart_confirm .inner-content-items-wrapper .items { width: 100%; }
	.cart_confirm .details ul li img { width: 50px; }
	.cart_confirm .inner-content-items-wrapper .items .large-4 { width: 36%; padding: 0px 5px 10px 0px; }
	.cart_confirm .inner-content-items-wrapper .items .large-8 { width: 64%; padding: 0px 0px 10px 5px; }
}