/*---Shopify fixes---*/
/*#designlabHolder *, div.apprise *, #AItab *, #progressbar-wrapper *, #offerBulk * {box-sizing:unset !important;letter-spacing:0 !important;line-height: 1;}
#designlabHolder a:empty, #designlabHolder ul:empty, #designlabHolder dl:empty, #designlabHolder div:empty, #designlabHolder section:empty, #designlabHolder article:empty, #designlabHolder p:empty, #designlabHolder h1:empty, #designlabHolder h2:empty, #designlabHolder h3:empty, #designlabHolder h4:empty, #designlabHolder h5:empty, #designlabHolder h6:empty, div.apprise_product, .apprise div:empty {display:block !important}
#designlabHolder h2, #offerBulk h2 {font-family:Freeman, sans-serif;text-transform:uppercase;font-size:250%;color:#000;font-weight:100;line-height:100%;margin:0px;letter-spacing:0 !important;}
#designlabHolder h3, #offerBulk h3  {font-size:160%;font-weight:400;margin:0px;letter-spacing:0 !important;}
#ddlProductFilter, #txtAssetSearchString, button.baskbtn, button.baskbtn2 {box-sizing: border-box !important;}
button.baskbtn, button.baskbtn2 {width:99%;}
.aiPrompt-modetitle{margin:0px;}
div.apprise h1, #offerBulk h1, .aiPrompt-title h3{margin:0px;padding:0px}
table:not([class]) td, table:not([class]) th{border: none !important;padding: 0.5rem !important;box-shadow: none !important;}
div.apprise .apprise-input input:focus, div.apprise .apprise-input textarea:focus {outline-offset: 0 !important;box-shadow: none !important}
.apprise-input table {box-shadow: none !important;}
a:not([href]) {cursor:unset;}
.apprise_product_title h2{font-size:200% !important;}
.aiPrompt-btn{cursor: pointer !important;}
div.apprise .apprise-buttons {padding:25px !important}
#products, #assets {height:471px !important}
.ui-tooltip {display:grid}
.ui-tooltip h1 {border-bottom:solid 7px #fff;}
.ui-tooltip .prods-img {display:flex;justify-content:space-between;}
#btnBack, #btnFront {font-size:120% !important}
.rich-text {display:none}*/

/*---End shopify fixes---*/ 

/*AI-beta*/
.ai-overlay {background-color:rgba(51,51,51,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}
#tabs-2 {height:451px;display:flex;flex-direction:column}
#aiPrompt, #aiResults {height:fit-content}
.aiPrompt-title {margin:15px 8px 0;position:relative}
.aiPrompt-title h3 {font-family:Freeman, sans-serif;text-transform:uppercase;color:#db297a;font-size:150%;font-weight:400}
.aiPrompt-create p {font-family:Montserrat, sans-serif;font-weight:300;font-size:80%;color:#666;line-height:120%}
.aiPrompt-title a.aiPrompt-tips {text-decoration:none;color:#fff;font-weight:900;background-color:#db297a;height:13px;width:13px;text-align:center;padding:1px;display:grid;align-content:center;position:absolute;top:3px;right:0;font-size:70%}
a.aiPrompt-go {justify-content:normal !important;background-color:#db297a;color:#fff;margin:0 10px;display:grid;grid-template-columns:40px auto;text-decoration:none;height:35px;align-items:center;width:94%;justify-content:center}
a.aiPrompt-go span.aiPrompt-counter {border-right:solid 2px #ba0155;font-size:80%;font-family:Montserrat, sans-serif;height:100%;display:grid;align-content:center;justify-content:center}
a.aiPrompt-go span.aiPrompt-btn {font-family:Freeman, sans-serif;text-transform:uppercase;font-size:150%;display:grid;align-content:center;justify-content:center;border-left:solid 1px #f170ab;height:100%;grid-template-columns:auto auto}
a.aiPrompt-go span.aiPrompt-btn img {height:100%;width:11px;margin-left:5px}
.aiPrompt-nocreate span.aiPrompt-maxlimit {display:grid;margin:15px 0;height:45px;background-color:#e1e1e1;outline:solid 5px #ccc;outline-offset:-5px;position:relative;align-content:center;justify-content:center}
.aiPrompt-nocreate span.aiPrompt-maxmsg {font-family:Montserrat, sans-serif;font-weight:300;font-size:80%;color:#666;text-align:center;padding:0 25px}
.aiPrompt-nocreate a.aiPrompt-maxtip {text-decoration:none;color:#fff;font-weight:900;background-color:#666;height:10px;width:10px;text-align:center;padding:1px;display:grid;align-content:center;position:absolute;top:16px;right:10px;font-size:50%}

/*AI tab*/
.AItab-inner {display:block;position:absolute;top:0;width:89%;margin:4% auto 0;background-color:#fff;border:solid 2px #666;padding:4px 1%;z-index:100;box-shadow:5px 5px 0px 0px rgba(51, 51, 51, 0.5);left:4%}
.aiPrompt-title {background-color:#ccc;display:flex;margin:0;padding:17px 2% 13px;justify-content:space-between;align-items:center}
.aiPrompt-title a.aiPrompt-tips {position:relative;top:auto;right:auto}
a.aiPrompt-close {text-decoration:none;display:block;font-size:200%;color:#000;line-height:50%;font-weight:600}
.aiPrompt-create p {font-size:inherit;color:#000}
.aiPrompt-createinner {display:grid;grid-template-columns:auto;margin-bottom:15px;grid-template-columns: auto 30% 15% !important;column-gap: 1%;}
.aiPrompt-textbox {display:grid;margin:15px 0 0;grid-template-rows:max-content auto}
.aiPrompt-textbox p {margin-bottom:15px}
textarea#txtAIPrompt {width:94%;padding:10px 3%;font-size:inherit}
textarea#txtAIPrompt:focus-visible {box-shadow:0 0 0 0 rgb(var(--color-background)), 0 0 0.8rem .1rem rgba(var(--color-foreground), .3);}
textarea#txtAIPrompt::-webkit-scrollbar {width:10px}
textarea#txtAIPrompt::-webkit-scrollbar-thumb {background:#ccc;border:3px solid #fff;background-clip:padding-box;}
.aiPrompt-mode {margin:15px 0 0;background-color:#f1f1f1;padding:10px 3%}
.aiPrompt-mode p.aiPrompt-modetitle {background-color:#e1e1e1;padding:15px 3%}
.aiPrompt-modeoptions {display: grid;align-content: center;align-items: center; grid-template-columns: 1fr 1fr;}
.aiPrompt-modeoptions span {display:flex;align-content:center;align-items:center;margin-top:10px}
.aiPrompt-modeoptions span input[type=radio] {border:solid 2px #ccc;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;height:25px;width:25px;background-color:#fff;margin-right:10px}
.aiPrompt-modeoptions span input[type=radio]:checked {background-color:#db297a;box-shadow:inset 0 0 0 2px #fff;-moz-box-shadow:inset 0 0 0 2px #fff;-webkit-box-shadow:inset 0 0 0 2px #fff}
.aiPrompt-modehelp { background-color: #fcf0f6;padding: 10px;margin-top: 15px;outline: solid 5px #F8D8E8;outline-offset: -5px}
.aiPrompt-modehelp p {color:#9D1A5A;font-size:90%}
.aiPrompt-warn {background-color:#e3f3fc;padding:10px 2%;margin-bottom:15px;display:grid;align-content:center;justify-content:center;align-items:center}
.aiPrompt-warn a {text-decoration:none;font-weight:600;color:#116EA1}
.aiPrompt-button {display:flex;background-color:#f1f1f1;padding:10px 0;flex-direction:row-reverse}
#aiResults {display:grid;grid-template-columns:auto;margin:10px 0;max-height:350px;overflow: auto;justify-items: center;}
#aiResults::-webkit-scrollbar {width:10px}
#aiResults::-webkit-scrollbar-thumb {background:#ccc;border:3px solid #fff;background-clip:padding-box;}
.asset {display:grid;align-content:center;justify-content:center;width:auto}
#btnAI {height:30px;width:30px;padding:2px}

/** New add to basket **/
.addToBasketRow span input {border:1px solid #ccc;font-size:17px;height:17px;padding:5px;width:32px}
.addToBasketTable {padding:15px 5% 0}
.addToBasketRow {display:grid;grid-template-columns:70% 30%;padding:2px}
span.addToBasketQty {display:grid;align-items:center;justify-content:center}
.login-required {padding:2rem;background:#e8e8e8;margin:3rem 0 0;display:flex;justify-content:center;color:#666;font-size:110%;font-style:italic}
.ss_product-login {margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem}
.ss_product-login a {color:#DB297A;font-weight:700;text-decoration:none}
.ss_product-login a:hover {text-decoration:underline}
.ss_product-login p {color:#666;font-style:italic}

/*Colours*/
#lblwhite_navy, #lblwhite_navy_new, #lblhot_pink_french_navy, #lblheather_grey_french_navy, #lblhawaiian_blue_oxford_navy, #lblburgundy_oxford_navy, #lblroyal_navy {border:solid 3px #0c3067 !important;height:12px !important;width:12px !important}
#lblheather_grey_white, #lblpink_white, #lblburgundy_white, #lblhot_pink_white, #lblkelly_green_white, #lblfire_red_white, #lblroyal_blue_white, #lblpurple_white, #lbloxford_navy_white, #lbljet_black_white, #lblblack_white, #lblblue_white, #lblnavy_white, #lblred_white, #lblkelly_green_arctic_white, #lblbaby_pink_arctic_white, #lblfire_red_arctic_white, #lblsky_blue_arctic_white, #lblroyal_blue_arctic_white, #lbljet_black_arctic_white {border:solid 3px #fff !important;height:12px !important;width:12px !important;outline:solid 1px #ccc !important}
#lblarctic_white_hot_pink, #lbljet_black_hot_pink, #lblcandyfloss_pink_hot_pink {border:solid 3px #fc1da7 !important;height:12px !important;width:12px !important}
#lblbottle_green_fire_red, #lbljet_black_fire_red, #lblheather_grey_fire_red, #lblsun_yellow_fire_red, #lblwhite_red, #lblfrench_navy_fire_red, #lblblack_red {border:solid 3px #cc0000 !important;height:12px !important;width:12px !important}
#lblfire_red_jet_black, #lblheather_grey_jet_black, #lblcharcoal_black, #lblcharcoal_jet_black, #lblheather_grey_black, #lblwhite_black, #lblathletic_heather_black, #lblnatural_black {border:solid 3px #000 !important;height:12px !important;width:12px !important}
#lblfrench_navy_heather_grey, #lblbungundy_heather_grey, #lblburgundy_heather_grey, #lbloxford_navy_heather_grey, #lblhot_pink_heather_grey, #lbljet_black_heather_grey, #lblsapphire_blue_heather_grey, #lblpurple_heather_grey, #lblcharcoal_heather_grey {border:solid 3px #ccc !important;height:12px !important;width:12px !important}
#lblpurple_sun_yellow, #lblred_yellow, #lblash_lemon, #lbljet_black_sun_yellow, #lbloxford_navy_sun_yellow, #lblroyal_blue_sun_yellow, #lblkelly_green_sun_yellow {border:solid 3px #ffff00 !important;height:12px !important;width:12px !important}
#lbljet_black_gold, #lblburgundy_gold, #lblforest_gold {border:solid 3px #ffc600 !important;height:12px !important;width:12px !important}
#lbllime_green_magenta_magic {border:solid 3px #5a027e !important;height:12px !important;width:12px !important}
#lblhot_chocolate_vanilla_milkshake, #lbldesert_sand_vanilla_milkshake {border:solid 3px #fcfdd9 !important;height:12px !important;width:12px !important}
#lblburgundy_charcoal {border:solid 3px #4d4d4d !important;height:12px !important;width:12px !important}
#lblsapphire_blue_orange_crush, #lblcharcoal_orange_crush, #lbljet_black_orange_crush {border:solid 3px #fd9423 !important;height:12px !important;width:12px !important}
#lblsapphire_blue_lime_green, #lblgrey_lime {border:solid 3px #70b966 !important;height:12px !important;width:12px !important}
#lbloxford_navy_candyfloss_pink {border:solid 3px #ee69c0 !important;height:12px !important;width:12px !important}
#lblfrench_navy_sky_blue {border:solid 3px #b9d0e5 !important;height:12px !important;width:12px !important}
#lbloxford_navy_hawaiian_blue {border:solid 3px #3eb9d5 !important;height:12px !important;width:12px !important}
#lblheather_grey_sapphire_blue, #lbljet_black_sapphire {border:solid 3px #028dc6 !important;height:12px !important;width:12px !important}
#lblcharcoal_burgundy {border:solid 3px #45011b !important;height:12px !important;width:12px !important}
#lbljet_black_purple {border:solid 3px #2b014d !important;height:12px !important;width:12px !important}
#lbljet_black_kelly_green, #lblsunflower_kelly, #lblwhite_green {border:solid 3px #007d3c !important;height:12px !important;width:12px !important}
#lblwhite_royal {border:solid 3px #003399 !important;height:12px !important;width:12px !important;}
#lblwhite_grey {border:solid 3px #383838!important;height:12px!important;width:12px!important;}
#lblwhite_asphalt, #lbljet_black_charcoal {border:solid 3px #737373!important;height:12px!important;width:12px!important;}
#lblwhite_heather, #lblblack_heather {border:solid 3px #b0afb0!important;height:12px!important;width:12px!important;}
#lblwhite_blue {border:solid 3px #0099ff!important;height:12px!important;width:12px!important;}
#lblwhite_denim {border:solid 3px #7db1d3!important;height:12px!important;width:12px!important;}
#lblwhite_yellow {border:solid 3px #f5eb17!important;height:12px!important;width:12px!important;}
#lblwhite_kelly {border:solid 3px #009900!important;height:12px!important;width:12px!important;}
#lblwhite_orange {border:solid 3px #fe710a!important;height:12px!important;width:12px!important;}
#lblwhite_maroon {border:solid 3px #7f0000!important;height:12px!important;width:12px!important;}
#lblwhite_fleck_charcoal {border:solid 3px #403f3f!important;height:12px!important;width:12px!important;}
#lblgrey_red {border:solid 3px #cc0000!important;height:12px!important;width:12px!important;}
#lblgrey_navy {border:solid 3px #0c3067!important;height:12px!important;width:12px!important;}
#lblblack_royal {border:solid 3px #003399!important;height:12px!important;width:12px!important;}
#lblwhite_pink {border:solid 3px #fe5df5!important;height:12px!important;width:12px!important;}


@media (min-width: 360px) {
    #aiResults {grid-template-columns:50% 50%}
}
@media (min-width: 600px) {
    a.aiPrompt-go {width:60%}
    .aiPrompt-createinner {grid-template-columns:49% 49%;grid-column-gap:2%}
    #aiResults {grid-template-columns:33% 33% auto}
}
@media (min-width: 1001px) {
    .AItab-inner {padding:10px 0.5%}
    a.aiPrompt-go {width:33%}
    .aiPrompt-button {justify-content:flex-start}
    .aiPrompt-createinner {grid-template-columns:64% 34%}
    #aiResults {grid-template-columns:25% 25% 25% 25%}
}

.topmenutools {display:grid;width:100%}
.designerarea {display:grid;grid-template-columns:41px auto;margin-top:10px}
#tabHolder .ui-tabs {padding:0}
#tabHolder .ui-tabs .ui-tabs-nav li {margin-top:0px}
#ddlProductFilter {background: url(https://design.streetshirts.com/designlab/img/down_arrow_pink_2020.svg) no-repeat 94% 11px;background-size:15px 10px}
.designdetails {display:flex;margin-top:25px}
.topinner {display:flex}

.sp-palette {background-color:#fff;padding:5px}
#progressbar-wrapper {background-color:rgba(51, 51, 51, .5);height:100%;width:100%;position:fixed;z-index:1999;top:0;left:0}
#progressbar-wrapper .page-width, #AItab .page-width, #offerBulk .page-width {position:relative}
#progressbar {z-index:2000;width:80%;position:absolute;left:10%;height:15px;display:none;margin:30% 0 0}
.ui-progressbar.ui-widget-header {background-color: #05DBF7;} 
#showPaletteOnly {width:0px;height:0px;}
#fonts {width:0px;height:0px;}
#menu {position:absolute;top:0;left:0;text-align:center;}
#lblLogo {display:block;width:auto;height:8%;position:absolute;left:0px;top:0px;z-index:0}
#btnChooseProduct {display:block;width:auto;height:8%;position:absolute;left:0px;bottom:10%;z-index:0}
.btnMainMenu {width:auto;height:100%;text-align:center;display:block;margin:auto;}
#btnBack, #btnFront {display:block;width:75px;height:75px;position:absolute;left:6px;top:6px;z-index:1;border:solid 1px #db297a;box-shadow:3px 3px 0px 0px rgba(219,41,122,0.2)}
#btnBack span, #btnFront span {color:#000;font-size:110%;font-family:Freeman, sans-serif;text-transform:uppercase;line-height:100%}
#btnTextObject {display:block;width:auto;height:8%;position:absolute;left:0px;top:52%;z-index:0}
#btnAddToBasket {font-family:Freeman, sans-serif;text-transform:uppercase;display:block;text-align:center;line-height:22px;z-index:1;font-size:210%;background-color:#db297a;color:#fff;padding:12px 0px;width:260px;box-shadow:5px 5px 0px 0px #000}
.product-price #lblPrice {font-family:Freeman, sans-serif;text-transform:uppercase;color:#000;display:flex;align-items:center;font-size:260%;font-weight:800}
.product-price b {font-family:Montserrat, sans-serif;font-weight:400;text-transform:none;font-size:90%;padding-right:1rem}
.product-price span {font-size:90%;padding-left:1rem;font-weight:400;color:#666;font-family:Freeman, sans-serif;text-transform:uppercase}
#containerFront,#containerBack{width:618px;height:582px;display:block;margin:auto}
#pricesurrounder {display:flex;font-size:100%;align-items:center}
#lblFontColour{float:right;margin-top:10px;}
#lblFont{margin-top:10px;}
#tabHolder{width:202px}
.ui-tabs .ui-tabs-panel{padding:0px}
.fontSelector{left:22px;margin-top:-15px;}
.sp-replacer{position:relative;float:left;width:22px;height:22px;margin-top:-1px}
.sp-preview{width:73%;height:93%}
.text_entry{border:1px solid #ccc;margin-top:5px;width: 100%;}
#slider-range-max, #slider-rotation-max, #slider-photo-size, #slider-photo-rotation{margin-top:7px;z-index:0;}
#products, #assets{width:100%;height:390px;overflow:auto;}
#products::-webkit-scrollbar {width:10px}
#products::-webkit-scrollbar-thumb {background:#ccc;border:3px solid #fff;background-clip:padding-box;}
.ui-widget-header {background-position: 0% 0%;}
#btnGarmentTab img, #btnTextTab img, #btnPhotoTab img{width:20px;height:20px;}
.mleft{width:65px;height:65px;padding:5px;margin-bottom:10px}
#optRemoveBackground{width:20px;height:20px}
#designlabHolder h2{text-transform:uppercase;margin-top:30px;display:inline-block !important;font-size:200% !important;padding:10px !important;}
a.btnSellBasket{color:white;}
.salesfm{font-size:16px;width:100%;}
.titT{padding:0px;}
.sell_sales{float:left;width:50px;height:50px;left:0px;top:0px;text-align:center;}
.sell_desc{width:400px;float:right;padding:20px;font-size:120%;border:1px solid #ccc;}
.sell_pimg{width:600px;height:600px;}
.sell_disclaimer{width:560px;float:left;padding:20px;color:#aaa;font-size:100%;margin-top:-30px;text-align:center;margin-left:0px;}
.sell_priceholder{text-align:right;margin-top:-60px;}
.sell_price{margin-right:10px;}
.addthis_sharing_toolbox{margin-top:30px;}
.topmenu{width:100%;min-height:29px;padding:10px 0;display:flex}
.topmenu-0 {border-bottom:solid 1px #ccc;justify-content:space-between}
.topmenu-0-left, .topmenu-0-right {display:flex}
#toolsmenu {width:41px;height:500px;text-align:center;display:block;margin:0;display:flex;flex-direction:column}
.btn {display:block;float:left;width:18px;height:18px;text-align:center;border:1px solid #fff;cursor:pointer;padding:6px}
.last{float:right;}
.btn:hover{border:1px solid #999;}
.btnTool{width:22px;height:22px;padding:6px;margin:0 0 5px}
.topdivider{display:block;float:left;height:24px; width:1px; border-right:2px solid #ccc;margin:3px 7px 0px}
#productArea{width:auto;height:570px;border:2px solid #ccc;display:block;position:relative;box-shadow:5px 5px 0px 0px #e7e2df;-mox-box-shadow:5px 5px 0px 0px #e7e2df;margin:0 0 0 10px}
.ui-tabs{background:none;border:0px;}
.ui-corner-all, .ui-corner-bottom{border-color:#000;}
.ui-tabs .ui-state-default, .ui-tabs  .ui-state-hover, .ui-tabs .ui-state-active, .ui-tabs .ui-widget-header{background:none !important;}
.ui-tabs-nav{border:0px;}
.lbl{display:block;float:left;height:20px;margin-top:6px;margin-right:7px;color:#000;font-family:Freeman, sans-serif;text-transform:uppercase;font-size:110%}
.first{margin-left:7px;}
.sp-palette-container{margin-bottom:0px;padding-bottom:5px;}
.sp-preview{width:90%;height:90%;border:1px solid #000}

.btnSelected{border:1px solid #db297a;box-shadow:3px 3px 0px 0px rgba(219,41,122,0.2)} 
#productColours{position:absolute;right:4px;top:4px;width:75px;height:562px;display:grid;grid-template-columns:18px 18px 18px 18px;grid-template-rows:repeat(auto-fill, 18px);column-gap:4px;row-gap:4px;grid-auto-flow:column;direction:rtl}
#lblwhite, #lblarctic_white, #lblwhite_organic1, #lblwhite_white {box-shadow: inset 0px 0px 1px 1px rgba(51,51,51,0.2)}
.ui-tabs-nav li a{padding:0.3em;}
#tabs-1, #tabs-2, #tabs-3{border:2px solid #ccc;box-shadow:5px 5px 0px 0px #e7e2df}
.ui-tabs .ui-tabs-nav{padding:0px}
#currentProduct{display:none}
#currentProduct span.pink {font-family:Freeman, sans-serif;text-transform:uppercase;color:#db297a;font-size:150%}
#lblCurrentProduct{display:inline;color:#000;font-size:130%}
#lblNotes{margin:0 25px 0 50px;display:flex;align-items:center;gap:1.5rem;line-height:150%;color:#666;font-style:italic}
#lblNotes::before {content:"";display:block;background-image:url(/theme/img/nav-icons/info-circle.svg);height:30px;width:30px;background-repeat:no-repeat;background-position:center;background-size:contain;margin-left:1.5rem}
#fontSelector{float:left;height:20px;margin-top:4px}
#slider-range-max, #slider-rotation-max, #slider-photo-size{float:left;width:100px;margin-left:7px;}
.font-select a{height:20px !important;line-height:20px !important;}
.font-select a span{line-height:22px !important;}
.disabled {position: relative;}
.disabled:after {content: " ";z-index: 10;display: block;position: absolute;height: 100%;top: 0;left: 0;right: 0;background: rgba(255, 255, 255, 0.8);pointer-events: none;}
.shadowed {filter: drop-shadow(2px 2px 2px rgba(6,6,6,0.5))}
.ui-state-default{border:0px !important;}
li.ui-tabs-active{border:solid 2px #ccc !important; border-bottom:3px solid #fff !important;}
.ui-slider-handle{border:2px solid #333 !important;box-shadow:2px 2px 0px 0px rgba(51,51,51,1)}
.ui-slider-handle:hover {cursor:pointer;box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0.7), 2px 2px 0px 0px rgba(51,51,51,0.3)}
.ui-slider-handle:active {background-color:#e66aa2;box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,0.7), 2px 2px 0px 0px rgba(51,51,51,0.3)}
.ui-slider-handle:focus {outline-style:none}
.baskbtn{margin-bottom:16px !important;background-color:#eee !important;width:100%;}
.baskbtn2{width:100%;}
#ddlProductFilter, #txtAssetSearchString{width:94%;border:solid 2px #ccc;margin:5% 3%; padding:5px 3%;color:#222;outline:none;box-shadow:none;appearance:none;cursor:pointer}
div.ui-tooltip {max-width:225px;text-align:center;font-size:12px;opacity:1;background-color:#fff;background-image:none;}
.ui-tooltip h1 {font-family:Freeman, sans-serif;text-transform:uppercase;font-weight:400;background-color:#db297a;color:#fff;font-size:150%;padding:6px;margin:-6px;position:relative}
.credit {position:absolute;display:inline;bottom:10px;left:8px;background: rgba(0, 0, 0, 0.75);padding: 2px 2px 2px 0px;color:white;margin:0;font:10px Sans-Serif}
.creditopp {background: rgba(255, 255, 255, 0.75);color: black;}
.asset {width:150px;height:auto;margin:4px;position:relative;}
.asset a.amain {cursor:pointer;margin-left:8px;color:white;}
.asset a.acredit {cursor:pointer;color:white;}
#txtAssetSearchString {padding:3%;width:87%;}
.jcrop-holder{margin:auto;}
/*Filters*/
.wrapper_parent {overflow:hidden;height:33px;max-height:33px;margin-bottom:10px}
.wrapper {display:flex;height:100%;overflow-x:auto;overflow-y:hidden;margin-bottom:-50px;padding-bottom:50px;}
.filter_tile {position:relative;height:33px;width:50px; margin-right:5px;}
/*Colours*/
#lblwhite_navy, #lblhot_pink_french_navy, #lblheather_grey_french_navy, #lblhawaiian_blue_oxford_navy, #lblburgundy_oxford_navy, #lblroyal_navy {border:solid 3px #0c3067 !important;height:12px !important;width:12px !important}
#lblblack_white, #lblblue_white, #lblnavy_white, #lblred_white, #lblkelly_green_arctic_white, #lblbaby_pink_arctic_white, #lblfire_red_arctic_white, #lblsky_blue_arctic_white, #lblroyal_blue_arctic_white, #lbljet_black_arctic_white {border:solid 3px #fafafb !important;height:12px !important;width:12px !important}
#lblarctic_white_hot_pink, #lbljet_black_hot_pink, #lblcandyfloss_pink_hot_pink {border:solid 3px #fc1da7 !important;height:12px !important;width:12px !important}
#lblbottle_green_fire_red, #lbljet_black_fire_red, #lblheather_grey_fire_red, #lblsun_yellow_fire_red, #lblwhite_red, #lblfrench_navy_fire_red, #lblblack_red {border:solid 3px #cc0000 !important;height:12px !important;width:12px !important}
#lblfire_red_jet_black, #lblheather_grey_jet_black, #lblcharcoal_black, #lblwhite_black, lblblack_white {border:solid 3px #000 !important;height:12px !important;width:12px !important}
#lblfrench_navy_heather_grey, #lblhot_pink_heather_grey, #lbljet_black_heather_grey, #lblsapphire_blue_heather_grey, #lblpurple_heather_grey, #lblcharcoal_heather_grey {border:solid 3px #ccc !important;height:12px !important;width:12px !important}
#lblpurple_sun_yellow, #lbljet_black_sun_yellow, #lbloxford_navy_sun_yellow, #lblroyal_blue_sun_yellow, #lblkelly_green_sun_yellow {border:solid 3px #ffff00 !important;height:12px !important;width:12px !important}
#lbljet_black_gold, #lblburgundy_gold, #lblforest_gold {border:solid 3px #ffc600 !important;height:12px !important;width:12px !important}
#lbllime_green_magenta_magic {border:solid 3px #5a027e !important;height:12px !important;width:12px !important}
#lblhot_chocolate_vanilla_milkshake, #lbldesert_sand_vanilla_milkshake {border:solid 3px #fcfdd9 !important;height:12px !important;width:12px !important}
#lblburgundy_charcoal {border:solid 3px #4d4d4d !important;height:12px !important;width:12px !important}
#lblsapphire_blue_orange_crush, #lblcharcoal_orange_crush, #lbljet_black_orange_crush {border:solid 3px #fd9423 !important;height:12px !important;width:12px !important}
#lblsapphire_blue_lime_green, #lblgrey_lime {border:solid 3px #70b966 !important;height:12px !important;width:12px !important}
#lbloxford_navy_candyfloss_pink {border:solid 3px #ee69c0 !important;height:12px !important;width:12px !important}
#lblfrench_navy_sky_blue {border:solid 3px #b9d0e5 !important;height:12px !important;width:12px !important}
#lbloxford_navy_hawaiian_blue {border:solid 3px #3eb9d5 !important;height:12px !important;width:12px !important}
#lblheather_grey_sapphire_blue, #lbljet_black_sapphire {border:solid 3px #028dc6 !important;height:12px !important;width:12px !important}
#lblcharcoal_burgundy {border:solid 3px #45011b !important;height:12px !important;width:12px !important}
#lbljet_black_purple {border:solid 3px #2b014d !important;height:12px !important;width:12px !important}
#lbljet_black_kelly_green, #lblsunflower_kelly {border:solid 3px #007d3c !important;height:12px !important;width:12px !important}
#lblwhite_royal {border:solid 3px #003399 !important;height:12px !important;width:12px !important;}
#lblwhite_grey {border:solid 3px #383838!important;height:12px!important;width:12px!important;}
#lblwhite_asphalt {border:solid 3px #737373!important;height:12px!important;width:12px!important;}
#lblwhite_heather, #lblblack_heather {border:solid 3px #b0afb0!important;height:12px!important;width:12px!important;}
#lblwhite_blue {border:solid 3px #0099ff!important;height:12px!important;width:12px!important;}
#lblwhite_denim {border:solid 3px #7db1d3!important;height:12px!important;width:12px!important;}
#lblwhite_yellow {border:solid 3px #f5eb17!important;height:12px!important;width:12px!important;}
#lblwhite_kelly {border:solid 3px #009900!important;height:12px!important;width:12px!important;}
#lblwhite_orange {border:solid 3px #fe710a!important;height:12px!important;width:12px!important;}
#lblwhite_maroon {border:solid 3px #7f0000!important;height:12px!important;width:12px!important;}
#lblwhite_fleck_charcoal {border:solid 3px #403f3f!important;height:12px!important;width:12px!important;}
#lblgrey_red {border:solid 3px #cc0000!important;height:12px!important;width:12px!important;}
#lblgrey_navy {border:solid 3px #0c3067!important;height:12px!important;width:12px!important;}
#lblblack_royal {border:solid 3px #003399!important;height:12px!important;width:12px!important;}
#lblwhite_pink {border:solid 3px #fe5df5!important;height:12px!important;width:12px!important;}

.offerArea {float:right;width:36%;background-color:#5cbbee;margin:45px -40px 20px 4%;position:relative;padding:0 20px;text-decoration:none}
.offerArea::before {content:"";width:0;height:0;border-style:solid;border-width:0 30px 20px 0;border-color:#45aad6 #fff;position:absolute;top:-20px;right:0;}
#offerInfo {font-family:Freeman, sans-serif;text-transform:uppercase;font-size:160%;color:#fff;font-weight:400;line-height:100%;padding:4px 0px 4px 60px}
#offerInfo::before {content:"+";height:28px;width:38px;display:block;border:solid 3px #fff;background-color:#5cbbee;position:absolute;top:-6px;left:9px;font-size:250%;text-align:center;padding-top:5px;padding-bottom:5px}
.offerArea:hover, .offerArea:hover #offerInfo::before {background-color:#45aad6}

#offerBulk {background-color:rgba(51,51,51,.5);display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}
.offerBulkInner {background-color:#fff;width:90%;margin:3% 5%}

#offerBulk .apprise_header_discounts {border:solid 4px #fff;padding:25px 2%;background-color:#5cbbee;position:relative}
#offerBulk .apprise_header_discounts h1 {color:#000}
#offerBulk .apprise_header_discounts a {position:absolute;top:-20px;right:-20px;text-decoration:none;color:#000;font-size:150%;font-weight:700;display:block;background-color:#fff;height:40px;width:40px;text-align:center;line-height:40px;cursor:pointer;}
#offerBulk .apprise_input_discounts {padding:15px 2% 30px;display:grid;grid-template-columns:28% 68%;column-gap:4%}
#offerBulk .apprise_input_discounts h2 {color:#144a59;font-size:140%;font-weight:700;margin:0;padding:0 !important}
#offerBulk .apprise_input_discounts h3 {color:#000;font-size:110%;font-weight:700;line-height:190%}
#offerBulk .apprise_input_discounts h2 span, div.apprise .apprise_input_discounts h3 span {font-weight:100}
#offerBulk .apprise_product_header {display:block;width:100%;overflow:auto}
#offerBulk .apprise_title_section {display:flex;flex-direction:row;align-items:center;margin-top:15px}
#offerBulk .apprise_input_discounts .apprise_product {height:80px;width:80px;background-position:left;background-repeat:no-repeat;background-size:contain;margin-right:15px}
#offerBulk .apprise_product_title {display: grid;width:100%}
#offerBulk .apprise_input_discounts .discounts_table {display:grid;width:100%;margin:15px 0;grid-template-columns:33% 33% auto;justify-items:center}
.discounts_table span {background-color:#e5e5e5;width:100%;text-align:center;padding:5px 0;border-top:solid 1px #999}
span.discounts_table_title {font-family:Freeman, sans-serif;text-transform:uppercase;font-weight:100 !important;color:#000 !important;font-size:110%;line-height:114%;background-color:#5cbbee;width:100%;text-align:center;padding:8px 0 5px;border:0;}
span.discounts_table_title b {font-weight:100;font-size:160%;display:block;clear:both}
.discounts_info {display:grid;width:100%}
.discounts_mix {border-bottom:solid 2px #ccc;padding:5% 0}
.discounts_example {padding:5% 0}
.discounts_example span {float:left;width:35%;text-align:center;font-family:Freeman, sans-serif;text-transform:uppercase;background-color:#e1eff4;padding:17px 0;margin:5px 5% 5px 0;font-size:140%}

.discounts_table span:nth-child(4), .discounts_table span:nth-child(5), .discounts_table span:nth-child(6) {border-top:solid 3px #fff}

div.apprise .apprise-input .size-selection {display:grid;grid-template-columns:auto 100px;align-items:center;row-gap:4%}
div.apprise .apprise-input .size-selection input {border:solid 1px #ccc;height:25px;width:40px;text-align:center}
div.apprise .apprise-input {padding:20px 5%}
.baskbtn2 {width:100%}

/*Save Product*/
.design-save, .design-save * {box-sizing:border-box}
.design-save {padding:0 2rem}
.design-save h3 {font-family:Freeman, Montserrat, sans-serif;color:#DB297A;font-size:220%;padding:35px 0 46px;border-bottom:solid 1px #ccc}
.create-product {display:flex;flex-direction:column;row-gap:1rem;padding:2rem 0 0}
.design-save label {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:120%;padding:1rem 0 0.5rem;display:flex;align-items:center}
.design-save label span {padding-left:0.5rem;font-family:Montserrat, sans-serif;font-size:70%;color:#666}
.design-save input, .design-save textarea {border:solid 1px #dddddd;padding:0.7rem 1rem;color:#666;font-size:100%;width:100%;box-shadow:inset -2px -2px 7px -1px rgba(0, 0, 0, 0.07);box-sizing:border-box;font-family:inherit}
.design-save textarea {padding:1rem}
.design-save input:focus, .design-save textarea:focus {color:#DB297A;outline:solid 2px #DB297A}
.design-save .product-name, .design-save .product-desc {display:flex;flex-direction:column}
.design-save .retail-price, .design-save .profit-calc {display:flex;column-gap:1rem}
.design-save .retail-price input, .design-save .profit-calc input {width:50%}
.profit-calc input:disabled {background:#f7f7f7;border:0;box-shadow:none;font-weight:700;font-size:120%;color:#000;border-bottom:double 5px #db297a;border-top:double 5px #db297a}
.design-save .product-save {margin-top:2rem}

/**Sellshirts**/
.designlab-container {margin:3rem 0;display:grid;grid-template-columns:60% auto;gap:2rem}
.design-save {background-color:#f7f7f7}
#btnSlideColours, .scroller {display:none}

/**Other devices**/
@media screen and (max-width:990px){

.designlab-container{grid-template-columns:auto;margin:0 0 2rem}
.designer{height:800px}
#productArea{position:absolute;top:0;left:0;overflow:hidden;width:100%;border:0;box-shadow:none;margin:10px 0 0}
#containerFront,#containerBack{width:100%;position:absolute;left:calc(50% - 280px)}
canvas{left:50%!important;transform:translate(-50%)}
.topmenu{flex-wrap:wrap;justify-content:space-evenly;width:100%;margin:0;padding:10px 0;border-bottom:dotted 1px #ccc}
.topmenu-0{gap:5px}
.topmenu-0-left,.topmenu-0-right{display:flex;width:100%;justify-content:space-evenly}
.topdivider{margin:3px 5px 0}
.btn{padding:5px}
.lbl{margin-right:5px}
.first{margin-left:5px}
#slider-range-max,#slider-rotation-max,#slider-photo-size{width:90px}
.designerarea{display:flex;flex-direction:column-reverse;position:relative;width:100%}
#toolsmenu{width:34px;height:auto;position:absolute;top:120px;left:0;background-color:rgba(255,255,255,.4);padding:5px 5px 0;z-index:3}
#ddlProductFilter,#txtAssetSearchString{margin:20px 3%;padding:10px;background-position:97% 17px}
#products,#assets{width:94%;height:100px!important;overflow:scroll;display:flex;padding:0 3%;flex-wrap:wrap}
.designdetails{margin:590px 0 0}
#lblNotes{margin:0;line-height:130%}
#lblNotes::before{height:50px;width:50px}
.offerArea{width:60%;margin:35px 0 20px;padding:0 1%}
#btnBack,#btnFront{border:0;box-shadow:none;height:50px;width:50px}
#btnBack span,#btnFront span{display:none}
#btnBack img,#btnFront img{border-radius:40px;border:10px solid transparent;background-color:rgba(255,255,255,.4);text-align:center;height:40px;width:40px}
.design-save{padding-bottom:4rem}
.aiPrompt-createinner{grid-template-columns:auto !important;padding:0 .5rem}

#productColoursSlider {position:absolute;top:0;left:-6px;width:47px;padding:10px;height:100%;background:rgba(255,255,255,.4);transition:transform .3s ease;border-right:solid 2px #DB297A;display:inline-block;transform:translateX(-63px);z-index:100}
#productColoursSlider.open {transform:translateX(10px)}
#btnSlideColours {display:block;position:absolute;left:15px; top:75%;cursor:pointer;background-color:#DB297A;color:#fff;transform:rotate(90deg);border:0;padding:0.5rem 1rem;height:32px;font-family:Freeman,Montserrat,sans-serif;font-size:100%;line-height:100%}
#productColours {position:absolute;left:0px;top:4px;display:grid;height:562px;column-gap:4px;row-gap:4px;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,18px);direction:rtl;margin-left:-12px; background-color:white}

.scroller {position:absolute;right:0;top:0px;height:568px;width:30px;background-image:url(/theme/img/nav-icons/creation-scroll.svg);display:block;z-index:2;opacity:0.8;background-color:#e3e2e3;
        /* Fade top & bottom */
        -webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);
        mask-image:linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);
}

@media(max-width:850px){#slider-range-max,#slider-rotation-max,#slider-photo-size{width:70px}}
@media(max-width:750px){#slider-range-max,#slider-rotation-max,#slider-photo-size{width:85px}}

@media (max-width: 989px) {

   
    #launcher,
    .zEWidget-launcher,
    iframe[id^="webWidget"],
    iframe[title="Zendesk chat widget"] {
        display: none !important;
    }
}