ul.products li a.button {display:block;width:100%;margin-top:2px;}
button, .button {cursor:pointer;}
div[class^='cbs-'] input[type="text"], 
  div[class^='cbs-'] input[type="password"], 
  div[class^='cbs-'] input[type="number"],
  div[class^='cbs-'] textarea {border:1px solid #DDD;}

div[class^='cbs-'], div[class*=' cbs-']{box-sizing:border-box;line-height:normal}
table[class^='cbs-'] {border-spacing:0;border-collapse:collapse;empty-cells:show}
.cbs-boxed {max-width:1200px;margin:0 auto;}
.cbs-bold {font-weight:bold;}
.cbs-fleft {float:left}
.cbs-fright {float:right}
.cbs-clear:after {content:"";display:block;clear:both}
.cbs-right {text-align:right !important;}
.cbs-center {text-align:center !important;} 
table.cbs-center {text-align:left;margin:0px auto;}
.cbs-hidden {display:none !important}
.cbs-block {display:block;width:100%;}
.cbs-infoblock {margin:10px 0px;padding:5px 20px;background:#FFE;color:#333;border-top:1px solid #13aff0;border-bottom:1px solid #13aff0;}
.cbs-gap {margin:10px 0px;padding:10px 0px}
.cbs-pad5 {padding:5px;}
.cbs-gap5 {margin:5px;}
.cbs-bordertop {margin-top:4px;padding-top:4px;border-top:1px solid rgba(0,0,0,0.35);}
.cbs-border {border:1px solid #999;background:#FFF;padding:4px}
div.cbs-disabled, .cbs-loading {position:relative;}
div.cbs-disabled:before {content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:9;background:rgba(200,200,200,0.3);cursor:not-allowed;}
.cbs-loading:before {content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:9;background:rgba(255,255,255,0.5);cursor:wait;}
input.cbs-file-input {width:0px;height:0px;position:absolute;left:-9999px;}
.cbs-button {display:inline-block;cursor:pointer;float:none !important;border-width:1px;border-style:solid;border-color:#DDD;padding:0.33em 10px;text-align:center;}
.cbs-placeholder-box {padding:20px;background:#AAA;color:#000;border:1px solid #999;}
nav[class^='cbs-'] ul {margin:0;padding:0;}
nav[class^='cbs-'] ul li {list-style-type:none;list-style-position:inside;}
div.cbs-scrollx {overflow-x:auto;width:100%;max-width:100vw;padding:1px 1px 6px 1px}
.button.cbs-block {display:block;width:100%;margin:2px 0px;align-content:center}
button.cbs-disabled, .button.cbs-disabled, input[type="button"].cbs-disabled {background:#DDD !important;color:#999 !important;border-color:#DDD !important;cursor:not-allowed !important;pointer-events:none}
.price-note {font-size:12px;font-weight:300;font-style:italic;color:#999}

.cbs-preloader, .cbs-spinner, .cbs-loading:before {background-repeat:no-repeat;background-position:center;background-image:url("https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif");}
.cbs-messagebox,.cbs-spinner {z-index:99998;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.5)}
.cbs-messagebox > div {max-width:380px;min-height:30px;margin:auto auto;position:relative;top:50%;transform:translateY(-50%);font-weight:normal;border:2px solid #444;background:#FFF}
.cbs-messagebox > div > header {margin:0px;padding:0px 6px;background:#444;color:#FFF;font-size:1em;line-height:2em}
.cbs-messagebox > div > header > span.dashicons-dismiss {float:right;cursor:pointer;margin:4px !important}
.cbs-messagebox > div > header:after {content:"";display:block;clear:both}
.cbs-messagebox > div.cbs-alert {border-color:#C00;background:#FFB;color:#C00}
.cbs-messagebox > div.cbs-alert > header {background:#C00}
.cbs-messagebox > div > div {padding:10px}
.cbs-preloader {z-index:999;position:absolute;top:0px;left:0px;width:100%;height:100%;cursor:pointer;background-color:rgba(255,255,255,0.5)}

div.cbs-bigbuttons > button {display:block;width:100%;}
div.cbs-bigbuttons > button + button {margin-top:5px;}

/* ======== DESIGN PREVIEW ========= */
section.cbs-design-preview > main > article {display:flex;justify-content:stretch}
section.cbs-design-preview > main > article > div {width:48%;}
section.cbs-design-preview > main > article > div + div {margin-left:2%;}
section.cbs-design-preview div.cbs-product-details {margin-top:15px;padding-top:5px;border-top:1px solid #EEE;}

div.cbs-design-preview {max-width:620px;}
div.cbs-access-password {margin:10px auto;max-width:460px;}
ul.cbs-side-images {list-style:none;list-style-position:inside;font-size:0;text-align:center}
ul.cbs-side-images > li {display:inline-block;cursor:pointer;margin:2px;}
ul.cbs-side-images > li > img {max-width:160px;}
ul.cbs-side-images + div.cbs-design-image {margin-top:10px;}
div.cbs-design-image > img {max-height:95vh}

table.cbs-cart-form {border-spacing:0;border-collapse:collapse;empty-cells:show;width:auto;margin:0px auto;border:none;max-width:100%}
table.cbs-cart-form th, table.cbs-cart-form td {padding:2px 6px !important;border:none;line-height:normal}
table.cbs-cart-form th {text-align:center;font-weight:bold;background:#EEE;color:#444}
table.cbs-cart-form td {text-align:left}
table.cbs-cart-form td.cbs-price, table.cbs-cart-form th.cbs-price {text-align:right !important;}
table.cbs-cart-form > thead > tr > th {border-bottom:1px solid #000;}
table.cbs-cart-form > thead + tbody > tr:first-child > td {padding-top:5px !important;}
table.cbs-cart-form > thead + tbody > tr:last-child > td {padding-bottom:5px !important;}
table.cbs-cart-form > tbody > tr > td:first-of-type {text-align:right;white-space:nowrap}
table.cbs-cart-form > tbody > tr:nth-of-type(even) td {background:rgba(0,0,0,0.1);}
table.cbs-cart-form > tbody > tr:nth-of-type(odd) td {background:rgba(255,255,255,0.2);}
table.cbs-cart-form > tfoot td {background:#AAA;color:#FFF;font-weight:normal;text-align:right}
table.cbs-cart-form > tfoot td.cbs-center {text-align:center;}
table.cbs-cart-form td > input, table.cbs-cart-form td > select {line-height:normal;height:auto;padding:2px 4px}
table.cbs-cart-form td > .cbs-short {max-width:60px;}
table.cbs-cart-form td > span.fa-times {color:#C00;cursor:pointer;font-size:1.25em;}
table.cbs-cart-form > tbody td span.woocommerce-Price-amount.amount {color:#444;}
table.cbs-cart-form > tfoot td span.woocommerce-Price-amount.amount {color:#FFF;}
table.cbs-cart-form.cbs-team-order > tbody {border-top:1px solid #444;}
table.cbs-cart-form.cbs-team-order td > button {line-height:2em;height:auto;padding:0 8px}

table.cbs-form {border-spacing:0;border-collapse:collapse;empty-cells:show;width:auto;border:none;max-width:100%}
table.cbs-form th, table.cbs-form td {padding:2px 6px;border:none;line-height:normal}
table.cbs-form th {text-align:center;font-weight:bold;background:#EEE;color:#444}
table.cbs-form td {text-align:left}
table.cbs-form td.cbs-center {text-align:center;}
table.cbs-form > thead > tr > th {border-bottom:1px solid #000;}
table.cbs-form > thead + tbody > tr:first-child > td {padding-top:5px !important;}
table.cbs-form > thead + tbody > tr:last-child > td {padding-bottom:5px !important;}
table.cbs-form > tbody > tr > td:first-of-type, table.cbs-first-right > tbody > tr > td:first-of-type {text-align:right;white-space:nowrap}
table.cbs-form > tbody > tr:nth-of-type(even) td {background:rgba(0,0,0,0.1);}
table.cbs-form > tbody > tr:nth-of-type(odd) td {background:rgba(255,255,255,0.2);}
table.cbs-form > tfoot td {background:#AAA;color:#FFF;font-weight:normal;text-align:right}
table.cbs-form > tfoot td.cbs-center {text-align:center;}
table.cbs-form td > input, table.cbs-form td > select {line-height:normal;height:auto;padding:2px 4px}
table.cbs-form td > .cbs-short {max-width:60px;}
table.cbs-form td > span.fa-times {color:#C00;cursor:pointer;font-size:24px;}

div.cbs-design-ideas {margin:10px 0;display:flex;justify-content:stretch;flex-wrap:wrap;}
div.cbs-design-ideas > div {width:20%;max-width:320px;min-width:180px;padding:10px;flex-grow:2;flex-shrink:2}
div.cbs-design-ideas > div > span {display:block;text-align:center;padding:2px}

article.cbs-ideas-detail > nav {margin:5px 0;}
article.cbs-ideas-detail > nav:after {content:"";display:block;clear:both}
article.cbs-ideas-detail > nav > a {float:left;display:block;padding:2px 6px;}
article.cbs-ideas-detail > nav > a + a:before{content:"|";display:inline-block;margin-right:10px;color:#DDD}
article.cbs-ideas-detail > main {display:flex;justify-content:stretch}
article.cbs-ideas-detail > main > section {width:48%;}
article.cbs-ideas-detail > main > section + section {margin-left:2%;}

/* ======== MY ACCOUNT ========= */
div.cbs-my-designs div.cbs-design-list:after {content:"";display:block;clear:both}
div.cbs-my-designs div.cbs-design-list > a {float:left;display:block;font-size:0;padding:2px;width:24%;margin:4px 0.5%;border:1px solid #EEE;min-width:160px}
div.cbs-design-images {margin:10px 0;text-align:center;}
div.cbs-design-images > img {display:inline-block;margin:4px;vertical-align:top;max-width:320px;max-height:320px;}

/* ======== LOG AS USER ========= */
div.cbs-logged-as {position:fixed;bottom:0;left:0;z-index:9999}
div.cbs-logged-as > div {background:#C00;color:#FFF;padding:2px 6px;border-top:2px solid #000;border-right:2px solid #000}
div.cbs-logged-as > div a {text-decoration:underline;color:#FFF;font-size:1em;display:block;padding:2px}

/* ======== QUOTE FORM ========= */
div.cbs-quote-form {margin:10px 0;}
div.cbs-quote-form > div + div, div.cbs-quote-form div.cbs-side > div + div {margin-top:5px;}
div.cbs-quote-form label {display:block;}
div.cbs-quote-form select, div.cbs-quote-form input[type="number"] {display:block;width:100%;}
div.cbs-quote-form input[type="checkbox"] + label {display:inline-block;cursor:pointer;}
div.cbs-quote-form div.cbs-side:not(.cbs-count1) div.cbs-ink, div.cbs-quote-form div.cbs-side:not(.cbs-count1) div.cbs-team {padding-left:15px;}
div.cbs-quote-form div.cbs-side:not(.cbs-selected) div.cbs-ink, div.cbs-quote-form div.cbs-side:not(.cbs-selected) div.cbs-team {display:none;}
div.cbs-quote-form div.cbs-result > table {margin:5px 0;}
div.cbs-quote-form div.cbs-result > table tr > td:first-of-type {width:33%;white-space:nowrap;}
div.cbs-quote-form div.cbs-result > table td.cbs-total {font-weight:bold;font-size:1.25em}
div.cbs-quote-form table.cbs-size-list {margin:10px auto;}

div.cbs-option.cbs-color.cbs-swatches > label {display:inline-block;margin-right:10px;}
div.cbs-option.cbs-color.cbs-swatches select[name="color"] {display:none;}

div.cbs-color-swatches {font-size:0px;margin:5px 0 15px 0}
div.cbs-color-swatches > span {display:inline-block;width:32px;height:32px;overflow:hidden;cursor:pointer;background-position:center;background-size:100%;background-repeat:no-repeat;text-align:right;border:1px solid #DDD;margin:2px;border-radius:50%}
div.cbs-color-swatches > span > span {display:inline-block;width:50%;height:100%;}
div.cbs-color-swatches > span.selected {box-shadow:0 0 2px 2px #0059cc}

@media only screen and (max-width:600px){
  section.cbs-design-preview > main > article {display:block}
  section.cbs-design-preview > main > article > div {width:100%;}
  section.cbs-design-preview > main > article > div + div {margin-left:0px;margin-top:10px;}
}

@media only screen and (max-width:530px){
  section.cbs-design-preview > main > article > div, div.cbs-design-details > div {float:none;margin:4px;width:100%;max-width:100vw}
}