.table-container{width:85%;margin:20px auto 100px}.custom-table{width:100%;min-width:800px;border-collapse:collapse;background:#fff;overflow-x:auto;box-shadow:0 2px 12px #0000001a}.custom-table thead th{background-color:#f5f7fa;color:#666;font-weight:600;padding:14px 6px;border-bottom:1px solid #ebeef5;text-align:left;font-size:14px}.custom-table tbody td{color:#606266;padding:14px 6px;border-bottom:1px solid #ebeef5;font-size:14px}.custom-table tbody tr:nth-child(2n){background-color:#fafafa}.sigle-thumbnail{width:100px;height:60px;align-content:center}.sigle-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:2px;cursor:pointer}.thumbnail-container{display:flex;gap:8px;max-width:300px;overflow:hidden}.multi-thumbnails{display:flex;flex-wrap:nowrap;max-width:200px}.multi-thumbnails img{width:60px;height:60px;object-fit:cover;flex-shrink:0;border-radius:2px;cursor:pointer}body{font-family:Arial,sans-serif;margin:0;padding:0}.modal{width:100%;display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#0000004d;justify-content:center;align-items:center;z-index:1000}.modal-content{width:40%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:2px;max-width:550px;min-width:320px;position:relative;left:50%;transform:translate(-50%);margin-top:15vh;box-shadow:0 2px 16px #00000026}.modal-close{position:absolute;right:8px;top:-6px;font-size:40px;color:#333;cursor:pointer}.img-view{width:90%;padding:40px}.img-view img{width:100%;height:auto;object-fit:cover}.toast{width:auto;position:fixed;left:50%;top:5%;transform:translate(-50%);background:#323232eb;color:#fff;padding:12px 28px;border-radius:2px;font-size:16px;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s;animation:fadeIn .3s ease-in-out;text-align:center;box-sizing:border-box}.toast.show{opacity:1;pointer-events:auto}.icon-add{width:11px;height:11px;margin-right:6px}.btn-div{width:100%;text-align:right;margin-bottom:20px}.new-btn{font-size:13px;padding:10px 20px;transition:background .2s,color .2s;cursor:pointer;background-color:#1c5544;color:#fff;border:none}.new-btn:hover{background:#297f67;color:#fff}.table-title{font-weight:600;font-size:26px;margin-bottom:20px}.modal-content{min-width:0;width:90vw}.table-loading{position:absolute;left:0;top:0;right:0;bottom:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10}.apple-fade-spinner{position:relative;width:20px;height:20px}.apple-fade-spinner div{position:absolute;left:50%;top:50%;width:4px;height:10px;background:#aaa;border-radius:8px;transform:translate(-50%,-100%) rotate(0);transform-origin:50% 100%;animation:fade-bar 1.2s linear infinite;opacity:0}.apple-fade-spinner div:nth-child(1){transform:rotate(0) translate(-50%,-100%);animation-delay:0s}.apple-fade-spinner div:nth-child(2){transform:rotate(30deg) translate(-50%,-100%);animation-delay:.1s}.apple-fade-spinner div:nth-child(3){transform:rotate(60deg) translate(-50%,-100%);animation-delay:.2s}.apple-fade-spinner div:nth-child(4){transform:rotate(90deg) translate(-50%,-100%);animation-delay:.3s}.apple-fade-spinner div:nth-child(5){transform:rotate(120deg) translate(-50%,-100%);animation-delay:.4s}.apple-fade-spinner div:nth-child(6){transform:rotate(150deg) translate(-50%,-100%);animation-delay:.5s}.apple-fade-spinner div:nth-child(7){transform:rotate(180deg) translate(-50%,-100%);animation-delay:.6s}.apple-fade-spinner div:nth-child(8){transform:rotate(210deg) translate(-50%,-100%);animation-delay:.7s}.apple-fade-spinner div:nth-child(9){transform:rotate(240deg) translate(-50%,-100%);animation-delay:.8s}.apple-fade-spinner div:nth-child(10){transform:rotate(270deg) translate(-50%,-100%);animation-delay:.9s}.apple-fade-spinner div:nth-child(11){transform:rotate(300deg) translate(-50%,-100%);animation-delay:1s}.apple-fade-spinner div:nth-child(12){transform:rotate(330deg) translate(-50%,-100%);animation-delay:1.1s}@keyframes fade-bar{0%{opacity:1}to{opacity:0}}.addDocs{color:#fff;text-decoration:none;cursor:pointer;padding:8px 10px;background:#297f67;border-radius:6px}.addDocs:hover{color:#fff}.multi-upload-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:40px}.multi-upload-btn{width:130px;height:130px;border:1px dashed #bbb;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;background:#fafbfc;cursor:pointer;transition:border-color .2s,color .2s}.multi-upload-btn:hover{border-color:#297f67;color:#a7dcb7}.addDocsModal{margin-top:15vh;border-radius:6px}#contentScreenshot{padding:60px 20px 10px;width:100%;max-height:81vh;overflow-y:auto}.img-thumb-box{position:relative;display:inline-block}.img-thumb-del{position:absolute;right:2px;top:2px;background:#00000080;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:14px;line-height:16px;text-align:center;cursor:pointer;z-index:2;padding:0}.submitBtn{width:40%;margin:0 auto;min-width:100px;border-radius:2px;font-size:16px;padding:10px 20px;background-color:#1c5544;color:#fff;border:none;transition:background .2s,color .2s;cursor:pointer;position:relative;left:50%;transform:translate(-50%)}.submitBtn:hover{background:#297f67;color:#fff}.submitBtn:disabled{color:#ccc;background-color:#297f67;cursor:not-allowed!important;box-shadow:none!important;opacity:.7}.modal-title{width:97%;padding:10px 0 10px 10px;background-color:#fff;position:absolute;left:0;top:0;font-size:16px;color:#333;font-weight:600;border-radius:6px;text-align:center}.order-screenshot-sample{width:100%;display:flex;gap:10px;margin-bottom:16px}.order_screenShot_eg{flex-basis:49%;height:205px;border:2px solid #f0f0f0;padding:4px;border-radius:6px}.order_screenShot_eg_title{color:#555;font-size:14px;margin-bottom:4px}.sample_img{width:100%;height:165px;object-fit:fill}.supply-title{font-size:15px;color:#777;font-weight:600;margin-bottom:6px}.serial-input-wrap{position:relative;width:fit-content;margin-bottom:40px}#serial_number{flex:1;padding-right:36px;color:#333}.input-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:22px;z-index:2;pointer-events:none;background:none;border-radius:12px;padding:0 16px 0 8px;align-items:center;font-size:14px;color:#aaa;font-weight:500;display:none}.select-loading-show,.input-loading-show{display:flex!important}.input-loading svg{width:22px;height:22px;margin-right:6px;animation:spin .7s linear infinite}.scan-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;cursor:pointer;opacity:.85;transition:opacity .2s;color:#666!important}.error-input{border-color:#dc3545!important;animation:breathe-red 3s ease-in-out}@keyframes breathe-red{0%{box-shadow:0 0 #dc354526}50%{box-shadow:0 0 12px 6px #dc354514}to{box-shadow:0 0 #dc354526}}@media (max-width: 1080px){.table-container{width:95%}}@media (max-width: 768px){.table-container{width:85%;margin:20px auto}.modal-content{min-width:0;width:90vw}.img-close{right:2px;top:-6px;font-size:30px}.img-view{padding:32px 18px 18px}.img-view img{width:90%}.toast{width:fit-content;min-width:255px;font-size:14px}.btn-div{text-align:left;margin-bottom:30px}.table-title{font-size:17px}.custom-table{min-width:0}.custom-table tbody tr:active{background-color:#a7dcb7!important;transition:background .2s}.custom-table thead th{padding:10px 4px;font-size:12px;display:none}.table-mobile{display:table-cell!important}.custom-table tbody td{padding:14px 4px;font-size:12px;display:none}.myModal{margin-top:6vh;border-radius:6px}#modalText{padding:60px 20px 10px;width:100%;max-height:81vh;overflow-y:auto}.modal-text-item{display:flex;margin-bottom:16px}.modal-text-item-title{min-width:130px;margin:0 0 4px;color:#888;font-size:14px}.modal-text-item-content{width:100%;color:#333;font-size:14px}.sigle-thumbnail-mobile,.single-thumbnail-img-mobile{width:100%;margin-bottom:10px;aspect-ratio:4 / 3;border-radius:6px}.orderPicList{flex-basis:49%;border:2px solid #ebebeb;border-radius:8px}.multi-upload-btn,.img-thumb-box img{width:90px!important;height:90px!important}.modal-title{width:100%}.order-screenshot-sample{flex-direction:column}.order_screenShot_eg_title{font-size:13px}.addDocs{padding:6px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/extend-warranty-table.css.map */