td.column-mockup > img {width:60px;height:60px;}
div.w2i-proofs-wrapper + div.w2i-proofs-wrapper {margin-top:10px;padding-top:10px;border-top:1px solid #DDD;}
div.w2i-proofs-wrapper > h3 {margin:0 0 10px 0;}
div.w2i-proofs-wrapper > p.description {margin:0 0 10px 15px;}
div.w2i-proofs-wrapper div.w2i-proofs-options {margin-left:15px;}
#w2i_proofs_metabox_customer div.w2i-proofs-options:after {content: "";display:block;clear:both;}
#w2i_proofs_metabox_customer table.w2i-proofs-address {float:left;margin:10px}
#w2i_proofs_metabox_fees table.w2i-proofs-fees input[data-type="number"] {width:80px;}
#w2i_proofs_metabox_fees table.w2i-proofs-fees > thead > tr > th {padding:2px 10px;text-align:left}
#w2i_proofs_metabox_fees table.w2i-proofs-fees > thead > tr > th:first-of-type {width:160px;}

.w2i-proofs-hidden {display:none !important;}
span.w2i-proofs-swatch {display:inline-block;width:24px;height:24px;border:1px solid #DDD;vertical-align:middle;}
.web2ink-proofs-alert {border-top:1px solid #C00;border-bottom:1px solid #C00;margin:10px 0;padding:10px 0;background:#FFE;color:#C00;text-align:center;}
.web2ink-proofs-info {border-top:1px solid #0dbf44;border-bottom:1px solid #0dbf44;margin:10px 0;padding:10px 0;background:#EFE;color:#000;text-align:center;}

.w2i-proofs-swatch {margin-right:10px;}
td.web2ink-proofs-price, th.web2ink-proofs-price {text-align:right;}
.web2ink-proofs-button-box {text-align:right;margin-top:10px}

div.web2ink-proofs-collapse-expand {margin:5px 0;}
div.webink-proofs-comment-attachments-title:before {content:"";display:block;clear:both;border-top:1px solid #DDD;}
div.webink-proofs-comment-attachments-title {text-align:center;margin:5px 0;padding:5px;}

#web2ink_proofs section[data-step] {border:1px solid #DDD;margin:5px 0;}
#web2ink_proofs section[data-step] > header {background:#DDD;color:#444;padding:4px 8px;font-size:14px;cursor:pointer;}
#web2ink_proofs section[data-step] > header:before {content:"+";display:inline-block;width:20px;height:20px;font-size:16px;line-height:20px;background:#444;color:#FFF;text-align:center;margin-right:10px}
#web2ink_proofs section[data-step].open > header:before {content:"-";} 
#web2ink_proofs section[data-step] > main {padding:5px;display:none}
#web2ink_proofs section[data-step].open > main {display:block}
#web2ink_proofs section[data-step] > main table {width:auto;border-spacing:0;border-collapse:collapse;empty-cells:show;border:none;margin:5px}
#web2ink_proofs section[data-step] > main table th {padding:4px 8px;background:#DDD;color:#000;font-weight:normal}
#web2ink_proofs section[data-step] > main table td {padding:4px 8px;border:1px solid #DDD;}

#web2ink_proofs section[data-step="design"] div.w2i-proofs-design-block-tables:after {content:"";display:block;clear:both}
#web2ink_proofs section[data-step="design"] div.w2i-proofs-design-block-tables > table {float:left}
#web2ink_proofs section[data-step="design"] div.w2i-proofs-design-block > p {margin:5px;padding:5px;border:1px solid #DDD;}
#web2ink_proofs section[data-step="design"] div.w2i-proofs-design-block + div.w2i-proofs-design-block {margin-top:5px;padding-top:5px;border-top:2px solid #AAA;}
#web2ink_proofs section[data-step="design"] figure {max-width:350px;display:inline-block;padding:5px;margin:5px;border:1px solid #DDD;text-align:center;}
#web2ink_proofs section[data-step="design"] figcaption {display:block;background:#FFF;color:#999;text-align:center;padding:2px;}

#web2ink_proofs div.w2i-proofs-addresses:after {content:"";display:block;clear:both}
#web2ink_proofs div.w2i-proofs-addresses > table {float:left;width:auto;margin:5px;}
#web2ink_proofs div.w2i-proofs-addresses > table > tbody > tr > td:first-of-type {text-align:right;white-space:nowrap;font-style:italic}

#web2ink_proofs section[data-step="comments"] > main > div {border:1px solid #DDD;margin:5px;padding:5px;background:#FFF;color:#444}
#web2ink_proofs section[data-step="comments"] > main > div > header {border-bottom:1px solid #AAA;margin-bottom:5px;padding-bottom:4px;color:#999;}
#web2ink_proofs section[data-step="comments"] > main > div > header > time {font-style:italic;margin-right:10px;}
#web2ink_proofs section[data-step="comments"] > main > div > p {margin:0;padding:0 10px}
#web2ink_proofs section[data-step="comments"] > main > div > p + p {margin-top:10px;}
div.web2ink-proofs-add-comment-link {text-align:right;padding:2px 5px;}
div.web2ink-proofs-add-comment {padding:5px;display:none;}  
div.web2ink-proofs-add-comment-notes > textarea {display:block;width:100%;height:140px;}
div.web2ink-proofs-add-comment-file > a {display:inline-block;margin:10px 0;}
.webink-proofs-files > a {display:block;padding-left:15px;}

#web2ink_proofs section[data-step="finish"] > main > div {display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center}
#web2ink_proofs section[data-step="finish"] > main > div > div {;border:1px solid #DDD;margin:10px;padding:10px;max-width:320px}
#web2ink_proofs section[data-step="finish"] > main > div > div header {padding:4px 8px;text-align:center;font-size:16px;margin-bottom:10px;color:#000;text-transform:uppercase;font-weight:bold}
div.web2ink-proofs-decline {border-color:#C00;background:#FFE;color:#C00;}   
div.web2ink-proofs-decline > header {border:1px solid #C00;background:rgba(204,0,0,0.35);}
div.web2ink-proofs-decline button {border-color:#C00;background:#C00;color:#FFE;}  
div.web2ink-proofs-approve {border-color:#0DBF44;background:#EFE;color:#0DBF44;}
div.web2ink-proofs-approve > header {border:1px solid #0DBF44;background:rgba(13,191,68,0.35);color:#0DBF44;}
div.web2ink-proofs-approve button {border-color:#0DBF44;background:#0DBF44;}

div.webink-proofs-comment-attachments {display:flex;flex-wrap:wrap;align-items:stretch;}
div.webink-proofs-comment-attachments > div {margin:4px;padding:4px;border:1px solid #DDD;width:260px;background:#FFF}
div.webink-proofs-comment-attachments > div > header {background:#444;color:#FFF;padding:4px;text-align:center;}
div.webink-proofs-comment-attachments > div > figure img {max-width:100%;}
div.webink-proofs-comment-attachments > div > footer {margin-top:4px;padding-top:4px;border-top:1px solid #DDD;text-align:right;}

div.web2ink-proofs-comment-answer {border:3px solid #444;padding:5px;margin:5px auto;background:#FFE;}
div.web2ink-proofs-comment-answer > header {padding:5px;background:#444;color:#FFF;text-align:center;margin-bottom:10px}
div.web2ink-proofs-comment-answer > div {margin:4px 0;padding-left:10px}
div.web2ink-proofs-comment-answer input, div.web2ink-proofs-comment-answer label, div.web2ink-proofs-comment-answer select, div.web2ink-proofs-comment-answer button {vertical-align:middle;}
div.web2ink-proofs-comment-answer label {margin-left:10px;cursor:pointer}
div.web2ink-proofs-comment-answer button {margin:4px}

span.web2ink-proofs-status {display:inline-block;padding:4px 8px;margin:2px 0;border:1px solid #DDD;border-radius:6px;min-width:80px;text-align:center}
span.web2ink-proofs-status.proof-status-open {background:#FFF;color:#000;}
span.web2ink-proofs-status.proof-status-approved {border-color:#0dbf44;background:#EFE;color:#080;}
span.web2ink-proofs-status.proof-status-declined {border-color:#C00;background:#FFE;color:#C00;}
span.web2ink-proofs-status.proof-status-invalid {border-color:#FFF;background:#F0F0F0;color:#999;}