@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);body{margin:0;padding:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body,html{width:100%;height:100%}#root{background-color:#212529;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.logo{fill:#fff;position:absolute;top:25px;height:50px}.load-grid{height:60px;fill:#fff}.app{position:absolute;top:0;bottom:0;left:0;right:0;margin:100px;border-radius:6px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;align-items:stretch;background-color:#fff}.nice-outline{transition:border-color .2s}.nice-outline:focus{border-color:#008cff;outline:none}.nice-outline:hover:not(:focus){border-color:#b2b2b2;outline:none}.details-container{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;padding:0 12px 64px;border-right:1px solid #e0e0e0}.mailout-title{text-align:center;font-size:18px;color:#747474;font-weight:500;margin:24px 0}.sku-add-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-bottom:12px}.sku-input-box{margin-right:12px;width:250px}.main-button{background-color:#008cff!important;border:1px solid #008cff!important;color:#fff}.sku-list-container{-webkit-flex:1 1;flex:1 1;border-radius:6px;background-color:#fafafa;border:1px solid #e0e0e0;margin-bottom:12px;padding:12px 12px 0;overflow-y:overlay}.sku-list-container::-webkit-scrollbar{width:12px}.sku-list-container::-webkit-scrollbar-track{background-color:initial;margin:9px 0}.sku-list-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);width:6px;border-radius:10px;background-clip:padding-box;border:4px solid transparent}.cover-letter-input-box{font-family:Roboto,sans-serif;resize:none;-webkit-flex:1 1;flex:1 1;-webkit-flex-shrink:0;flex-shrink:0;padding:12px}.cover-letter-input-box,.input-box{font-size:14px;border-radius:6px;border:1px solid #e0e0e0}.input-box{padding:0 12px;color:#000;height:40px}.input-box::-webkit-input-placeholder{color:#747474}.input-box::-ms-input-placeholder{color:#747474}.input-box::placeholder{color:#747474}.button{font-size:14px;height:40px;border-radius:6px;border:none;padding:0 24px;background-color:initial;box-sizing:border-box}.button:hover{cursor:pointer}button{font-family:Roboto,sans-serif;font-size:14px;transition:all .2s}button.disabled{cursor:not-allowed!important;color:#747474;background-color:#f6f6f6!important;border:1px solid #e0e0e0!important}button:focus{outline:none}button:hover{border-color:#008cff}.table-row{background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;margin-bottom:12px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:stretch;align-items:stretch;overflow:hidden;transition:border-color .2s}.table-row:hover{border-color:#b2b2b2}.flex-row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.item-image{height:92px;width:92px;margin:6px 6px 6px 0}.item-image::-moz-selection{background:transparent}.item-image::selection{background:transparent}.table-cell-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.item-row-delete{height:18px;fill:#747474;cursor:pointer;transition:.25s}.item-row-delete:hover{fill:#008cff}.table-text{font-size:14px;color:#777;width:100%}.table-text::-moz-selection{background:transparent}.table-text::selection{background:transparent}.table-text:hover{cursor:default!important}.table-text.center{text-align:center}.qty-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.qty-text{color:#747474;font-size:14px;margin-right:9px;width:16px;text-align:center}.qty-text::-moz-selection{background:transparent}.qty-text::selection{background:transparent}.qty-controls{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.qty-caret{fill:#747474;transition:all .25s;cursor:pointer}.qty-caret.up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.qty-caret.disabled{fill:#d0d0d0!important;cursor:not-allowed}.qty-caret:not(.disabled):hover{fill:#008cff}.nice-checkbox{border:1px solid #e0e0e0}.nice-checkbox.selected{border-color:#008cff;background-image:radial-gradient(#00a0ff 0,#008cff 75%)}.nice-checkbox:hover{cursor:pointer}.contacts-container{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;padding:12px}.contacts-toolbar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;margin-bottom:12px}.contact-button{border:1px solid #e0e0e0;color:#008cff;font-size:14px;padding:0 18px;margin-right:12px}.contacts-filter-box{margin-right:12px;-webkit-flex:2 1;flex:2 1}.contacts-search-box{-webkit-flex:3 1;flex:3 1}.contact-table-area{margin-top:12px;padding:12px 12px 0;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;-webkit-flex:1 1;flex:1 1;overflow-y:overlay}.contact-table-area::-webkit-scrollbar{width:12px}.contact-table-area::-webkit-scrollbar-track{background-color:initial;margin:9px 0}.contact-table-area::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);width:6px;border-radius:10px;background-clip:padding-box;border:4px solid transparent}.contact-footer{height:40px;padding-top:12px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.contact-footer-text{margin-right:12px;color:#747474;font-size:14px;-webkit-flex:1 1;flex:1 1;transition:all .2s}.overlay-container{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;opacity:0;pointer-events:none;transition:all .5s}.overlay-container.show{opacity:1;pointer-events:auto}.add-contact-container{padding:0 12px 12px;border-radius:6px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.add-contact-title-row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:relative;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.add-contact-title{text-align:center;font-size:18px;color:#747474;font-weight:500;margin:24px 0}.add-contact-close{height:14px;width:14px;position:absolute;right:10px;padding:6px;transition:all .2s}.add-contact-close:hover{cursor:pointer;fill:#008cff}.add-contact-flex{display:-webkit-flex;display:flex}.add-contact-flex.row{-webkit-flex-direction:row;flex-direction:row;margin-bottom:48px}.add-contact-flex.column{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;-webkit-flex:1 1;flex:1 1;width:350px}.add-contact-flex.column input{margin-bottom:12px}.delete-contact-container{padding:0 12px 12px;border-radius:6px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:135px;width:300px}.delete-contact-button-row{margin-bottom:0;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-end;align-items:flex-end}.button-stretch{-webkit-flex:1 1;flex:1 1}.add-to-group-container{padding:0 12px 12px;width:350px}.add-to-group-container,.login{border-radius:6px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.login{width:400px;height:300px;overflow:hidden;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;padding:20px 0;box-sizing:border-box}.login-icon{height:100px;width:100px;fill:#484848}.login-icon:hover{cursor:pointer;fill:#38a838}
/*# sourceMappingURL=main.1aa5471b.chunk.css.map */