@import url(https://fonts.googleapis.com/css?family=Muli:300,400,600|Oswald:300,400);*{margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}img{display:block;max-width:100%}.al-c{text-align:center}.al-r{text-align:right}.al-m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.al-cm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.pad-5{padding:5px}.pad-10{padding:10px}.pad-20{padding:20px}.pad-30{padding:30px}body,button,input,textarea{font:300 16px muli,helvetica;color:#111}h1,h2,h3,h4{font-family:oswald}a{color:#3d9a86}#wrapper,body,html{height:100%}body{background:#eee}.content{max-width:1800px;margin:auto}#top{background:#111;color:#fff;height:67px}#top .content{height:100%}#top a{display:inline-block;color:#fff;padding-left:10px;text-decoration:none;font-family:oswald;letter-spacing:1px}#bottom{height:calc(100% - 67px);overflow:auto;-webkit-overflow-scrolling:touch}.logo{width:200px;margin:auto}hr{height:2px;background:rgba(0,0,0,.08);border:0;border-bottom:1px solid #fff;margin:30px 0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{-webkit-appearance:none;background:#fff;border:0;border-radius:4px;padding:10px;width:100%;-webkit-box-shadow:0 0 2px #bbb inset;box-shadow:0 0 2px #bbb inset;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbb}#search{width:300px}textarea{min-height:10em;resize:vertical}input.rounded{border-radius:40px;padding:10px 20px}button{background:#3d9a86;color:#fff;padding:10px 20px;border-radius:40px;border:0;cursor:pointer}button.red{background:#de3838}label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}label.no-block{display:inline-block}.select{position:relative;display:inline-block;width:100%;background:#fff url(../img/chevron-down.svg) right 10px center/20px no-repeat;border-radius:4px;padding:10px 40px 10px 10px;-webkit-box-shadow:0 0 2px #bbb inset;box-shadow:0 0 2px #bbb inset}.select select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-appearance:none}.select .title{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.login{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.login-box{width:400px}.add-prod{margin-bottom:10px}.table-wrapper{padding:10px}table{width:100%;border-collapse:collapse;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}th{white-space:nowrap}td,th{border:1px solid #ddd;padding:10px;background:#fff;white-space:nowrap}tr:nth-child(2n) td{background:#f5f5f5}td.wrap{white-space:normal}[class*=cols-]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 5px;margin:0 -10px}.cols-2>div{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;padding:5px}.cols-3>div{-webkit-box-flex:0;-webkit-flex:0 0 calc(100% / 3);-ms-flex:0 0 calc(100% / 3);flex:0 0 calc(100% / 3);padding:5px}.cols-4>div{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;padding:5px}.cols-5>div{-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;padding:5px}.cols-6>div{-webkit-box-flex:0;-webkit-flex:0 0 16.66%;-ms-flex:0 0 16.66%;flex:0 0 16.66%;padding:5px}.cols-8>div{-webkit-box-flex:0;-webkit-flex:0 0 12.5%;-ms-flex:0 0 12.5%;flex:0 0 12.5%;padding:5px}.cols-10>div{-webkit-box-flex:0;-webkit-flex:0 0 10%;-ms-flex:0 0 10%;flex:0 0 10%;padding:5px}.error,.success{padding:20px;background:#ddd;font-size:14px;font-weight:600;margin-bottom:20px}.error{border-left:4px solid #de3838}.success{border-left:4px solid #3d9a86}.color-preview{position:relative;cursor:default;text-decoration:underline}.color-preview span{position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:5px;background:#333;color:#fff;font-size:12px;display:none}.color-preview span::after{position:absolute;content:'';left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-16px;border:8px solid transparent;border-top-color:#333}.color-preview:hover span{display:block;opacity:0;-webkit-animation:preview .3s .5s forwards;animation:preview .3s .5s forwards}@-webkit-keyframes preview{from{opacity:0;top:-25px}to{opacity:1;top:-30px}}@keyframes preview{from{opacity:0;top:-25px}to{opacity:1;top:-30px}}.required::after{content:'*';color:#de3838;font-size:20px;vertical-align:super}.list>div:not(:first-child){margin-top:8px}.list-icon{display:inline-block;width:20px;height:20px;vertical-align:bottom;margin-right:5px}.list-title{display:inline-block;font-size:14px;font-weight:600}.price{color:#3d9a86}.currency{font-size:14px;font-weight:400}.variation-box{display:inline-block;padding:10px;font-size:14px;font-weight:400;background:#fff;border:1px solid #eee;margin-right:5px;margin-top:10px;border-radius:5px;cursor:default;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.remove-variation{display:inline-block;width:18px;height:18px;background:url(../img/x.svg) center center/100% no-repeat;vertical-align:bottom;cursor:pointer}.ajax-input{position:relative}.ajax-input-response{position:absolute;width:100%;bottom:-5px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1)}.ajax-select{padding:10px;cursor:pointer}.ajax-select:not(:first-child){border-top:1px solid #f5f5f5}.ajax-input-response:empty{display:none}.settings-menu{margin:20px 0 40px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.settings-menu a{display:block;padding:5px 6px;border-bottom:2px solid #ddd;text-decoration:none;color:#333;font-size:13px;font-weight:600;white-space:nowrap}.settings-menu a.active{color:#3d9a86;border-color:#3d9a86}.sh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cols-auto>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:5px}.delete-col{-webkit-box-flex:0!important;-webkit-flex:0 40px!important;-ms-flex:0 40px!important;flex:0 40px!important;padding:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.delete-row{display:inline-block;width:40px;height:40px;background:url(../img/x.svg) center center/20px no-repeat;border-radius:100%;cursor:pointer;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.delete-row:hover{background-color:#ddd}.collection-box{display:inline-block;background:#fff;padding:10px 20px;border-radius:5px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1);margin:10px 10px 0 0}.order-date{font-size:.875em;font-weight:700}.order-table td.overflow,.order-table th{padding:10px 5px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:13px}.order-table,.order-table input{font-size:12px}tbody tr:first-child td{border-top:4px solid #ddd}.order-table .input-cell{padding:0;width:80px}.order-table td input[type=number]{background:0 0;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.order-table td.active,.order-table td.sum:not(.gray){background:#e5e5e5}.order-table td.gray{color:#bbb}.order-table tr.sum td{border-top:4px solid #bbb}.order-table tr.sum td:empty::after{content:'-'}#all-colors{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:none}.item-icon{display:inline-block;width:16px;vertical-align:bottom;opacity:.3;cursor:pointer;margin-right:2px}.item-icon:hover{opacity:1}.add-color{color:#3d9a86;cursor:pointer}.order-table{table-layout:fixed}.order-table th{width:60px}.order-table th:nth-child(1){width:300px}.order-table th:nth-child(2){width:200px}.order-table th:last-child{width:100px}.order-table input[type=number]::-webkit-inner-spin-button,.order-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}