/* Auto-generated: styles scoped to #newOrderModal extracted from style.css */ #newOrderModal .modal_body_long{min-height: calc(80vh - 120px); overflow-y: auto;} #newOrderModal td p{white-space: break-spaces;} #newOrderModal .bg-amz-success{background-color: #138296 !important; color: #FFF !important; border-color: #138296 !important; min-width: 80px; box-shadow: none;} #newOrderModal .bg-amz-cancel{background-color: #3f4a5f !important; color: #FFF !important; border-color: #3f4a59 !important; min-width: 80px; box-shadow: none;} #newOrderModal .bg-amz-success[disabled]{opacity: 0.64; background-color: #138296 !important;} #newOrderModal a{color: #3f5367 !important;} #newOrderModal main.short > div > div > div.row.mt-1 > div > div.card{box-shadow: none !important;} #newOrderModal .modal_body_long .table_wrap{overflow-x: auto; overflow-y: visible; min-height: calc(94vh - 399px) !important;} #newOrderModal .added-by-me .form-check-input{float: left;} #newOrderModal .added-by-me .form-check-input{background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: contain; border: none; height: 1.23em; margin-top: .135em; -webkit-print-color-adjust: exact; transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out; vertical-align: top; width: 1.23em} #newOrderModal .added-by-me .form-check-input{float: left;} #newOrderModal .added-by-me .form-check-input, #newOrderModal .top-checkboxes .form-check-input{background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: contain; border: none; height: 1.23em; margin-top: .135em; -webkit-print-color-adjust: exact; transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out; vertical-align: top; width: 1.23em} #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=checkbox], #newOrderModal .checkboxes:not(.form-switch) .form-check-input[type=checkbox], #newOrderModal .top-checkboxes:not(.form-switch) .form-check-input[type=checkbox], #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=radio]{border: 1px solid #cbd3da; /* margin-top: .25rem; */ position: relative} #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=checkbox]:checked, #newOrderModal .checkboxes:not(.form-switch) .form-check-input[type=checkbox]:checked, #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=radio]:checked{border: 0} #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=checkbox]:after, #newOrderModal .checkboxes:not(.form-switch) .form-check-input[type=checkbox]:after{align-items: center; color: #fff; content: ""; display: flex; font-family: FontAwesome; font-size: .67rem; height: 100%; justify-content: center; opacity: 0; position: absolute; transition: opacity .25s ease-in-out; width: 100%} #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=checkbox]:checked:after, #newOrderModal .checkboxes:not(.form-switch) .form-check-input[type=checkbox]:checked:after{opacity: 1} #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=radio], #newOrderModal .checkboxes:not(.form-switch) .form-check-input[type=radio]{transition: border 0s} #newOrderModal .added-by-me:not(.form-switch) .form-check-input[type=radio]:after, #newOrderModal .checkboxes:not(.form-switch) .form-check-input[type=radio]:after{background-color: #fff; border-radius: 50%; content: ""; height: .4375rem; opacity: 0; position: absolute; transition: opacity .25s ease-in-out; width: .4375rem} #newOrderModal .form-control, #newOrderModal .form-select, #newOrderModal .input-group-text{} #newOrderModal .underline{text-decoration: underline; text-decoration-color: #c1c1c1;} #newOrderModal #searchSkuOrProduct{border-radius: 5px !important;} #newOrderModal .underline{text-decoration: underline !important;} #newOrderModal .text-right{text-align: right !important;} #newOrderModal .text-left{text-align: left !important;} #newOrderModal .float-right{float: right;} #newOrderModal .font-15{font-size: 15px !important;} #newOrderModal i{color: #607990;} #newOrderModal .flex-column{display: flex !important; flex-direction: column !important; align-items: flex-start !important;} #newOrderModal .section .form-control{} #newOrderModal .add_form .form-group{display: flex; margin: 0px; padding: 0.35rem 0; align-items: flex-start; align-content: center; justify-content: flex-start; max-width: none;} #newOrderModal .add_form .form-group.hidden{display: none} #newOrderModal .section-content .form-group label{font-size: 13px; font-weight: 700;} #newOrderModal .add_form .section .form-group label{margin-right: 15px; flex: 2; font-size: 13px; max-width: 30%; text-align: right; margin-bottom: 0; padding-bottom: 0; color: rgb(0 47 57); padding-top: 1px;} #newOrderModal .add_form .form-group input, #newOrderModal .add_form .form-group select{flex: 2;} #newOrderModal .add_form .section .form-group input, #newOrderModal .add_form .section .form-group textarea, #newOrderModal .add_form .section .form-group select, #newOrderModal .add_form .section .form-group .combined_block_select{border-radius: 2px; border-color: #869d95 !important;} #newOrderModal .add_form .form-check label{max-width: 100% !important;} #newOrderModal .position-relative{position: relative} #newOrderModal datalist option{font-size: 0.8em; padding: 0.3em 1em; background-color: #ffffff; cursor: pointer;} #newOrderModal datalist option:hover, #newOrderModal datalist option:focus{color: #fff; background-color: #036; outline: 0 none;} #newOrderModal .add_form .form-group.middle-field{display: flex; justify-content: flex-start; padding-left: calc(30% + 15px);} #newOrderModal .add_form .section .form-group input.suppressed, #newOrderModal .add_form .section .form-group select.suppressed, #newOrderModal .add_form .section .form-group textarea.suppressed{/* border-color: #de8298 !important; */ border-color: #cf2900 !important; box-shadow: 0px 0px 2px 1px rgb(255 124 111 / 75%);} #newOrderModal .no-border-radius{border-radius: 0;} #newOrderModal .modal-ultra-wide{max-width: 102%; padding: 0; margin: 0; border-radius: 0; height: auto; top: -1px; left: 0px; border: 0; width: calc(100% + 1px); display: block;} #newOrderModal .modal-ultra-wide .modal-content{min-height:100vh;} #newOrderModal .fetch-group .form-control{max-width: 300px; margin-right: 7px;} #newOrderModal .order-header-item{font-size: 14px !important; /* text-wrap-mode: nowrap; */ /* margin-bottom: .5rem; */} #newOrderModal .sales-channel-input-row{display: flex; align-items: center; gap: 6px;} #newOrderModal .sales-channel-input-row .form-select{flex: 1; min-width: 0;} #newOrderModal .kebab-menu{position: relative; flex-shrink: 0;} #newOrderModal .kebab-btn{background: none; border: none; cursor: pointer; padding: 2px 4px; border-radius: 4px; color: #555; line-height: 1; display: flex; align-items: center;} #newOrderModal .kebab-btn:hover{background-color: #f0f0f0; color: #222;} #newOrderModal .kebab-dropdown{display: none; position: absolute; top: 100%; right: 0; background: #fff; border: 1px solid #d5d9d9; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.12); z-index: 1050; min-width: 170px; padding: 4px 0;} #newOrderModal .kebab-dropdown.open{display: block;} #newOrderModal .kebab-dropdown-item{display: block; padding: 7px 14px; font-size: 13px; color: #222; cursor: pointer; text-decoration: none; white-space: nowrap;} #newOrderModal .kebab-dropdown-item:hover{background-color: #f5f5f5; color: #111;} #returnOrderModal .sales-channel-input-row{display: flex; align-items: center; gap: 6px;} #returnOrderModal .sales-channel-input-row .form-select{flex: 1; min-width: 0;} #returnOrderModal .kebab-menu{position: relative; flex-shrink: 0;} #returnOrderModal .kebab-btn{background: none; border: none; cursor: pointer; padding: 2px 4px; border-radius: 4px; color: #555; line-height: 1; display: flex; align-items: center;} #returnOrderModal .kebab-btn:hover{background-color: #f0f0f0; color: #222;} #returnOrderModal .kebab-dropdown{display: none; position: absolute; top: 100%; right: 0; background: #fff; border: 1px solid #d5d9d9; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.12); z-index: 1050; min-width: 170px; padding: 4px 0;} #returnOrderModal .kebab-dropdown.open{display: block;} #returnOrderModal .kebab-dropdown-item{display: block; padding: 7px 14px; font-size: 13px; color: #222; cursor: pointer; text-decoration: none; white-space: nowrap;} #returnOrderModal .kebab-dropdown-item:hover{background-color: #f5f5f5; color: #111;} #newOrderModal .order-header-table{display: flex;} #newOrderModal .order-header-col{width: 19%; display: block; margin-right: 1.5rem; border: 1px rgb(213, 217, 217) solid; padding: 1rem; border-radius: 7px; position: relative;} #newOrderModal .item-header-border{border: 1px rgb(213, 217, 217) solid; border-radius: 7px; max-height: fit-content;} #newOrderModal #customerDetailsCase, #newOrderModal #billingAddressCase, #newOrderModal #shippingAddressCase { padding: 1rem 1rem 1rem 1.2rem !important;} #newOrderModal #billingAddress, #newOrderModal #shippingAddress { padding-left: 1.5rem !important; padding-right: 1rem !important; } #newOrderModal #billingAddress .form-group > div > .row, #newOrderModal #shippingAddress .form-group > div > .row { display: flex !important; flex-wrap: nowrap !important; margin-left: 0 !important; margin-right: 0 !important; gap: 0.75rem !important; } #newOrderModal #billingAddress .form-group > div > .row > .col-md-4, #newOrderModal #shippingAddress .form-group > div > .row > .col-md-4 { flex: 1 1 0 !important; width: auto !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } #newOrderModal #billingAddress .form-check, #newOrderModal #shippingAddress .form-check { margin-left: 0.25rem !important; padding-left: 1.5rem !important; } #newOrderModal .order-tax-header-box{display: block; border: 1px rgb(213, 217, 217) solid; padding: 15px 17px; border-radius: 7px; width: 50%; position: relative;} #newOrderModal .order-tax-header-box .flex-column{display: flex !important; flex-direction: row !important;} #newOrderModal .order-totals-header-box{display: block; border: 1px rgb(213, 217, 217) solid; padding: 15px 17px; border-radius: 7px; position: relative; min-height: 375px;} #newOrderModal .order-totals-header-box .flex-column{display: flex !important; flex-direction: row !important;} #newOrderModal .details-header-box{display: flex; flex-direction: row; padding: 0px 0px; border-radius: 7px;} #newOrderModal .order-item-returns-box .flex-column{display: flex !important; flex-direction: row !important;} #newOrderModal .order-tax-row{display: flex; flex-direction: row; margin-right: 2%;} #newOrderModal .order-header-top-col{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;} #newOrderModal .order-form .bg-body-tertiary{background-color: #f5f9fa !important; margin-top: 2%;} #newOrderModal .order-form .container-main{background-color: #fff; padding: 10px 5% 12px 5%;} #newOrderModal .order-form .orders-info{font-weight: 400;} #newOrderModal .order-form .customer-info, #newOrderModal .table-form .customer-info{border-top: 1px solid #d1d6d4; border-bottom: 1px solid #d1d6d4; border-radius: 0px; background: rgb(240, 242, 242); position: relative; margin: 0;} #newOrderModal .order-form .customer-info .col-form-label, #newOrderModal .table-form .customer-info .col-form-label{color: rgb(15, 17, 17); font-size: 15px; font-weight: 600; min-width: 4rem;} #newOrderModal .order-form .customer-notes{border-radius: 2px; text-align: center; padding-top: 5px;} #newOrderModal .order-form .customer-notes textarea{width: 100%; border: 1px #c9c9c9 solid; border-radius: 4px; height: 12em;} #newOrderModal .order-form .customer-notes textarea:focus, #newOrderModal .order-form .customer-notes textarea:focus-visible{box-shadow: 0 0 0 2px rgb(174 205 234); background-color: #f7feff; outline-color: transparent; border: 1px #949494 solid;} #newOrderModal .order-form .row > .col-md-4:last-child{margin-right: 0;} #newOrderModal .order-form .row-notes{flex-wrap: nowrap;} #newOrderModal .order-form .proceeds-info{display: flex; flex-direction: row; justify-content: space-between; font-weight: 500; font-size: 14px; line-height: 25px;} #newOrderModal .order-form .form-label{color: rgb(0 47 57); font-weight: 500;} #newOrderModal .order-form .text-primary{font-size: 1.4rem;} #newOrderModal .order-form .form-label, #newOrderModal .order-form label{font-size: 15px;} #newOrderModal .order-form .col-form-label, #newOrderModal .order-form .form-label{color: rgb(15, 17, 17); font-weight: 500;} #newOrderModal .order-form .text-bold{font-weight: 600} #newOrderModal .order-form .footer{border-top: 1px rgb(187, 191, 191) solid; padding-top: 1em;} #newOrderModal .order-form .form-label{margin-left: 0;} #newOrderModal .order-form .form-top-label{margin-left: 0;} #newOrderModal .form-top-label{color: rgb(15, 17, 17); font-weight: 500; font-size: 14px;} #newOrderModal .top-proceeds{text-align: left;} #newOrderModal .align-left{text-align: left;} #newOrderModal .small-label{max-width: 5.5%;} #newOrderModal .between{display: flex; justify-content: space-between; flex-direction: row; width: 100%;} #newOrderModal .modalTable th .col-form-label{color: rgb(15, 17, 17) !important; font-size: 15px !important; font-weight: 600 !important;} #newOrderModal .load_link{color: rgb(0, 117, 135) !important;} #newOrderModal .full-width{width: 100% !important;} #newOrderModal .button__Icon{display: inline-flex; align-items: center;} #newOrderModal .button__sizeSlim{--pc-button-padding-inline: .25rem; min-height: 1.75em; min-width: 1.75em; border: 0; border-radius: 15px; background: #ffffff;} #newOrderModal .size-base{block-size: 1.25rem; inline-size: 1.25rem;} #newOrderModal .size-base svg{margin: 0.125rem;} #newOrderModal .tone-legacy-inherit{color: inherit;} #newOrderModal .button__Icon .icon{display: block; vertical-align: baseline;} #newOrderModal .edit-link{color: #007bff; text-decoration: underline; cursor: pointer;} #newOrderModal .modal-content{background: #ffffff;} #newOrderModal .modal-ultra-wide .modal-dialog, #newOrderModal .modal-med .modal-dialog{max-width: none;} #newOrderModal .modal-med .modal-dialog{max-width: 899px;} #newOrderModal .modal-xl .modal-dialog{max-width: 1500px} #newOrderModal .modal-modal-large .modal-dialog{max-width: 1150px;} #newOrderModal .modal-xxxl .modal-dialog{max-width: 1600px} #newOrderModal .form-control[readonly]{ background-color: #e6e7e9; opacity: 1; cursor: default;} #newOrderModal .align-items-center{-ms-flex-align: center !important; align-items: center !important;} #newOrderModal h2, #newOrderModal h3{font-weight: 700} #newOrderModal h5{font-weight: 600} #newOrderModal h2, #newOrderModal h3{letter-spacing: -.05rem} #newOrderModal hr{background-color: currentColor; border: 0; color: inherit; margin: 1rem 0; opacity: .25} #newOrderModal hr:not([size]){height: 1px} #newOrderModal .d-flex.hidden{display: none !important;} #newOrderModal input.form-control, #newOrderModal select.form-select{max-width: none; font-size: 13px;} #newOrderModal .modalTable th input.form-control, #newOrderModal .modalTable th select.form-select{max-width: 40%; display: inline-block; margin: 0; margin-left: 0.7rem; height: 34px;} #newOrderModal .form-control.is-invalid{border-color: #dc3545 !important;} #newOrderModal .accordion-item{border: 1px solid #ccc; margin-bottom: 8px; border-radius: 4px;} #newOrderModal .holidayCheck{margin-left: 1rem;} #newOrderModal .address-form .small-label{font-size: 0.9rem; font-weight: 500;} #newOrderModal .horizontal{display: flex; align-items: center; gap: 10px;} #newOrderModal .min-fit-content{min-width: fit-content;} #newOrderModal .align-items-center{align-items: center;} #newOrderModal .digital-input{max-width: 7.9em !important;} #newOrderModal .min-width-19{min-width: 19em !important;} #newOrderModal .right-corner-button{position: absolute; width: 15px; right: 20px; top: 5px;} #newOrderModal .right-corner-delete{position: absolute; width: 110px; right: 21px; top: 1.5rem; font-size: 13px; border: 1px #333 solid; text-align: center; border-radius: 9px; background: #ffffff; cursor: pointer;} #newOrderModal .right-corner-clear{position: absolute; width: 110px; right: 134px; top: 1.5rem; font-size: 13px; border: 1px #333 solid; text-align: center; border-radius: 9px; background: #ffffff; cursor: pointer;} #newOrderModal .right-corner-package{} #newOrderModal hrgray{display: block; height: 1px; border: 0; border-top: 1px solid rgb(213, 217, 217); margin: 1rem 0; padding: 0;} #newOrderModal .phone-control{display: flex;} #newOrderModal .phone-control select{margin-right: 0.34rem; max-width: 4.75rem; font-size: 13px; border-radius: 4px;} #newOrderModal .phone-control-new{display: flex; gap: 4px; align-items: center;} #newOrderModal .phone-control-new .phone-code-select{width: 110px; flex-shrink: 0; font-size: 13px; padding: 0.375rem 0.5rem; border-radius: 4px; border: 1px solid rgb(153 153 153); height: calc(1.5em + .75rem + 2px); background-color: #fff; cursor: pointer;} #newOrderModal .phone-control-new .phone-input{flex: 1; min-width: 0;} #newOrderModal .phone-control-new .phone-ext-input{width: 70px; flex-shrink: 0; font-size: 13px;} #newOrderModal .form-control{color: #222222;} #newOrderModal .real-select{display: none;} #newOrderModal .phoneCountryCode.custom-select{position: relative; width: 5.5rem; border: 1px solid #ccc; cursor: pointer; background-color: #fff; user-select: none; margin-right: 4px; height: calc(1.5em + .75rem + 2px); border: 1px solid rgb(153 153 153) !important; font-size: 13px;} #newOrderModal .phoneCountryCode.custom-select .selected-option{padding: 0px 5px;} #newOrderModal .phoneCountryCode.custom-select .options{display: none; position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #ccc; background-color: #fff; z-index: 100; max-height: 120px; overflow-y: auto; width: 300px;} #newOrderModal .phoneCountryCode.custom-select .option{padding: 5px;} #newOrderModal .phoneCountryCode.custom-select .option:hover{background-color: #f1f1f1;} #newOrderModal .phoneCountryCode.custom-select.open .options{display: block;} #newOrderModal #shippingForm .status-label{color: #c40000; font-weight: bold;} #newOrderModal #shippingForm .product-info{font-size: 14px; line-height: 1.4;} #newOrderModal #shippingForm .alert{border-radius: 4px; padding: 12px 16px; margin-bottom: 10px; font-size: 14px; line-height: 1.4;} #newOrderModal #shippingForm .alert strong{display: inline-block; margin-bottom: 4px;} #newOrderModal #shippingForm .alert.cancellation{background-color: #fff8db; border: 1px solid #f5d97e;} #newOrderModal #shippingForm .alert.late{background-color: #ffe9e9; border: 1px solid #ffd2d2;} #newOrderModal #shippingForm .order-header{display: flex; justify-content: space-between; align-items: baseline; margin: 16px 0; border-bottom: 1px solid #ddd; padding-bottom: 8px;} #newOrderModal #shippingForm .order-header h1{font-size: 20px; font-weight: normal;} #newOrderModal #shippingForm .order-header a{font-size: 14px;} #newOrderModal #shippingForm .main-info{display: flex; flex-wrap: wrap; gap: 16px;} #newOrderModal #shippingForm .info-box{flex: 1 1 300px; background-color: #fafafa; border: 1px solid #ddd; border-radius: 4px; padding: 16px;} #newOrderModal #shippingForm .info-box-title{font-size: 16px; font-weight: bold; margin-bottom: 8px;} #newOrderModal #shippingForm .info-box p{margin-bottom: 6px; font-size: 14px;} #newOrderModal #shippingForm .info-box p strong{font-weight: 600;} #newOrderModal #shippingForm .form-group{display: flex; flex-direction: column;} #newOrderModal #shippingForm .form-group label{font-weight: 600; font-size: 14px; margin-bottom: 4px; color: rgb(15, 17, 17);} #newOrderModal #shippingForm .form-group input[type="date"], #newOrderModal #shippingForm .form-group input[type="text"], #newOrderModal #shippingForm .form-group select{padding: 6px; font-size: 14px; width: 200px;} #newOrderModal .deliveryAccordion input[type="date"], #newOrderModal .deliveryAccordion input[type="text"], #newOrderModal .deliveryAccordion select{width: 150px !important;} #newOrderModal .deliveryAccordion{padding: 8px 4px 8px 22px;} #newOrderModal .shipping-form-case[data-title="deliveryInstructions"] > label{padding-left: 22px;} #newOrderModal .shipping-form-case[data-title="mcfOptions"]{padding: 1rem 2rem !important;} #newOrderModal [id^="selectShippingService"]{padding-left: 2rem; padding-right: 2rem;} #newOrderModal .shipping-form-case[data-title="mcfOptions"] > .row{margin-left: 0; margin-right: 0;} #newOrderModal .shipping-form-case[data-title="mcfOptions"] .col-6{flex: 0 0 50%; max-width: 50%;} #newOrderModal .shipping-form-case[data-title="mcfOptions"] .form-control{width: 100% !important; max-width: none !important;} #newOrderModal .default-shipping{display: flex; align-items: center; margin-top: 8px; font-size: 14px;} #newOrderModal .shipping-column{flex: 1;} #newOrderModal .order-contents{margin-top: 16px;} #newOrderModal .order-actions{margin-bottom: 21px;} #newOrderModal .order-actions button{cursor: pointer; margin-right: 1rem; font-size: 16px; border-radius: 21px; padding-left: 1rem; padding-right: 1rem; border-radius: .25rem;} #newOrderModal .order-contents table{width: 100%; border-collapse: collapse; margin-top: 8px;} #newOrderModal .order-contents th, #newOrderModal .order-contents td{border: 1px solid #ddd; padding: 8px; vertical-align: top; font-size: 14px;} #newOrderModal .order-contents th{background-color: #f3f3f3; text-align: left;} #newOrderModal .shipping-details, #newOrderModal .purchase-label{margin-top: 1rem;} #newOrderModal .shipping-details h3, #newOrderModal .purchase-label h3{font-size: 16px; font-weight: 600; margin: 0px 0px 21px 1px; color: rgb(15, 17, 17); margin-bottom: 0;} #newOrderModal .shippingProductsContainer, #newOrderModal .shippedProductsContainer, #newOrderModal .labelProductsContainer, #newOrderModal .caseLabelProductsContainer{display: flex; flex-wrap: wrap;} #newOrderModal .shippingDetailsBlock, #newOrderModal .shippedDetailsBlock, #newOrderModal .purchaseDetailsBlock{position: relative; background-color: rgb(240, 242, 242); border: 1px solid rgb(240, 242, 242); /* border: 1px solid #ddd; */ border-radius: 4px; padding: 1.2rem; margin-bottom: 1.2rem;} #newOrderModal .shipping-form{display: flex; flex-wrap: wrap; gap: 16px; margin-top: 21px;} #newOrderModal .default-shipping{display: flex; align-items: center; margin-top: 8px; font-size: 14px;} #newOrderModal .default-shipping input[type="checkbox"]{margin-right: 4px;} #newOrderModal .shipping-buttons{margin-top: 0.5rem; text-align: right;} #newOrderModal .shipping-buttons button{border: 1px solid #c8c8c8; padding: 8px 16px; font-size: 15px; cursor: pointer; margin-right: 12px; border-radius: .25rem; font-family: calibri;} #newOrderModal .shipping-buttons button:hover{opacity: 0.9;} #newOrderModal #shippingForm .input-group-text{line-height: 1;} #newOrderModal #shippingForm .input-group .form-control:not(:first-child){padding-left: 0.35rem;} #newOrderModal .checkbox-left{display: flex; flex-direction: row; align-items: flex-start; margin-left: 0.5rem;} #newOrderModal .service-select, #newOrderModal .service-input{} #newOrderModal .weight-500{font-weight: 500 !important;} #newOrderModal .hidden, #newOrderModal .add_form .hidden, #newOrderModal .add_form_ebay .hidden, #newOrderModal #shippingForm .hidden{display: none;} #newOrderModal .shipping-form-case{position: relative; margin-top: 0.5rem; background: #ffffff; padding: 1rem 1.25rem; border: 1px #d5d9d9 solid; border-radius: 8px;} #newOrderModal .shipping-form-case .form-group label{margin-left: 4px;} #newOrderModal button:disabled{cursor: not-allowed; opacity: 0.65 !important;} #newOrderModal .order-item-image{max-width: 65px; max-height: 65px; object-fit: contain;} #newOrderModal .order-item-status{color: #fff; font-size: 0.75rem; font-weight: 400; line-height: 1.333; display: flex; align-items: center; white-space: nowrap; background: rgb(244, 67, 54); border-width: 0; border-radius: 2rem; width: max-content; padding: 0 0.4rem;} #newOrderModal .order-item-status{background: darkblue;} #newOrderModal .unshipped-status{color: #fff; font-size: 0.75rem; font-weight: 400; line-height: 1.333; display: flex; align-items: center; white-space: nowrap; background: rgb(244, 67, 54); border-width: 0; border-radius: 2rem; width: max-content; padding: 0 0.4rem;} #newOrderModal .delivered-status{color: #fff; font-size: 0.75rem; font-weight: 400; line-height: 1.333; display: flex; align-items: center; white-space: nowrap; background: #16a34a; border-width: 0; border-radius: 2rem; width: max-content; padding: 0 0.4rem;} #newOrderModal .cancelled-status{color: #fff; font-size: 0.75rem; font-weight: 400; line-height: 1.333; display: flex; align-items: center; white-space: nowrap; background: #6b7280; border-width: 0; border-radius: 2rem; width: max-content; padding: 0 0.4rem;} #newOrderModal .shipped-value{margin: 0 0 .25rem 0; text-align: left;} #newOrderModal .dayStart, #newOrderModal .dayStop{font-size: 15px;} @media screen and (max-width: 1900px){ #newOrderModal .order-form .container-main{padding: 10px 3% 12px 3%;} } #newOrderModal #paymentInformationCase{position: relative;} #newOrderModal .input-wrapper-minus{position: relative; display: inline-block;} #newOrderModal .width-half{width: 50% !important;} #newOrderModal .max-height-fit-content{max-height: fit-content;} #newOrderModal .white-case{background: #ffffff; position: relative; margin-top: 0.5rem; padding: 1rem 1rem; border: 1px #d5d9d9 solid; border-radius: 8px;} #newOrderModal [id^="selectedServiceCase"] .white-case { padding-left: 24px !important; } #newOrderModal .shipping-form-case[data-title="extraServices"] { padding-left: 24px !important; } #newOrderModal .selectService{cursor: pointer;} #newOrderModal .table tr.text-white th{color: #ffffff;} #newOrderModal .offcanvas-header .btn-close{padding: calc(1rem * .5) calc(1rem * .5); margin-top: calc(-.5 * 1rem); margin-right: calc(-.5 * 1rem); margin-bottom: calc(-.5 * 1rem);} #newOrderModal .btn.eclipse{border: 1px solid transparent !important; border-radius: 35px; /* background: #ebeeef; */ margin-left:0.25rem; box-shadow: none !important;} #newOrderModal .btn.eclipse::after{display: inline-block; vertical-align: .255em; content: ""; border: 0;} #newOrderModal .form-group .col-form-label{padding-left: calc(1.5rem * .5); padding-right: calc(1.5rem * .5);} .hidden, .add_form .hidden,.add_form_ebay .hidden, #shippingForm .hidden, #generate-form .hidden, #productTypeAdvise .hidden, #select_product_modal .hidden, #generate-form .file-preview.hidden, #generate-form .hidden, #date-range-search.hidden { display: none; } /* Auto-generated: scoped modal styles extracted from style.css for modal_2.html */ #modalEditAllocated .table_content, #product_modal_components_search .table_content{height: 62vh; max-height: 62vh; display: block;} #modalEditAllocated .table_wrap, #product_modal_components_search .table_wrap{height: 62vh; max-height: 62vh; overflow: auto;} #modalEditAllocated .modal_l, #product_modal_components_search .modal_l{max-width: 1100px;} #modalEditAllocated .modal_wide, #product_modal_components_search .modal_wide{max-width: 1500px;} #modalEditAllocated .modal_wide_xl, #product_modal_components_search .modal_wide_xl{max-width: 1700px;} #modalEditAllocated .modal_wide_xxl, #product_modal_components_search .modal_wide_xxl{max-width: 1900px;} #modalEditAllocated .modal_body_long, #product_modal_components_search .modal_body_long{min-height: calc(80vh - 120px); overflow-y: auto;} #modalEditAllocated .modal_col, #product_modal_components_search .modal_col{padding-left: 5px; padding-right: 5px; text-align: center;} #modalEditAllocated .th_underline, #product_modal_components_search .th_underline{border-bottom: 1px solid #dee2e6 !important; padding-bottom: 3px; padding-top: 5px;} #modalEditAllocated main.short > div > div > div.row.mt-1 > div > div.card, #product_modal_components_search main.short > div > div > div.row.mt-1 > div > div.card{box-shadow: none !important;} #modalEditAllocated .table_wrap, #product_modal_components_search .table_wrap{height: auto !important; min-height: calc(94vh - 201px) !important; overflow: auto;} #modalEditAllocated .modal_body_long .table_wrap, #product_modal_components_search .modal_body_long .table_wrap{overflow-x: auto; overflow-y: visible; min-height: calc(94vh - 399px) !important;} #modalEditAllocated .table_wrap.short, #product_modal_components_search .table_wrap.short{min-height: calc(94vh - 200px) !important;} #modalEditAllocated #modal_add_inventory .form-control, #product_modal_components_search #modal_add_inventory .form-control, #modalEditAllocated #modal_add_inventory .form-select, #product_modal_components_search #modal_add_inventory .form-select{border-radius: 4px !important; border-color: rgb(47 122 139 / 29%);} #modalEditAllocated .btn_dropdown, #product_modal_components_search .btn_dropdown{border: 1px solid #d5d5d5 !important; border-radius: 0px !important; border-left: none; font-weight: 400; display: inline-block; color: #212529; text-align: center; vertical-align: middle; user-select: none; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5;} #modalEditAllocated .table_main, #product_modal_components_search .table_main{} #modalEditAllocated .divider, #product_modal_components_search .divider{padding-right: 3px; padding-left: 3px;} #modalEditAllocated .font-15, #product_modal_components_search .font-15{font-size: 15px !important;} #modalEditAllocated .label-business-hours .table-sm td, #product_modal_components_search .label-business-hours .table-sm td, #modalEditAllocated .label-business-hours .table-sm th, #product_modal_components_search .label-business-hours .table-sm th{padding: .15rem;} #modalEditAllocated .flex-column, #product_modal_components_search .flex-column{display: flex !important; flex-direction: column !important; align-items: flex-start !important;} #modalEditAllocated .flex-column-center, #product_modal_components_search .flex-column-center{display: flex !important; flex-direction: column !important; align-items: center;} #modalEditAllocated #sNav .btn, #product_modal_components_search #sNav .btn, #modalEditAllocated #sNavFromImage .btn, #product_modal_components_search #sNavFromImage .btn{font-family: Amazon Ember, Arial, sans-serif; font-size: 0.8125rem; letter-spacing: 0.003rem; line-height: 18px; box-shadow: 0 1px 2px 0 #b5b5b5; border-radius: 0.1rem; padding: 0.25rem;} #modalEditAllocated #sNav .btn-secondary, #product_modal_components_search #sNav .btn-secondary, #modalEditAllocated #sNavFromImage .btn-secondary, #product_modal_components_search #sNavFromImage .btn-secondary{color: #002f36; background-color: #e3eced; border: 1px solid #e3eced;} #modalEditAllocated #sNav .btn-secondary:disabled, #product_modal_components_search #sNav .btn-secondary:disabled, #modalEditAllocated #sNavFromImage .btn-secondary:disabled, #product_modal_components_search #sNavFromImage .btn-secondary:disabled{color: #8a8a8a; background-color: #f5f9fa; border-color: #f5f9fa; cursor: auto;} #modalEditAllocated #sNav .btn-secondary:not(:disabled):hover, #product_modal_components_search #sNav .btn-secondary:not(:disabled):hover, #modalEditAllocated #sNavFromImage .btn-secondary:not(:disabled):hover, #product_modal_components_search #sNavFromImage .btn-secondary:not(:disabled):hover{background-color: #b6d0d3; border-color: #b6d0d3;} #modalEditAllocated .add_form .form-group.hidden, #product_modal_components_search .add_form .form-group.hidden{display: none} #modalEditAllocated #imageModal .modal-content, #product_modal_components_search #imageModal .modal-content{box-shadow: 0px 0px 155px #cfcfcf;} #modalEditAllocated .modal-shadow, #product_modal_components_search .modal-shadow{box-shadow: 0px 0px 100px 10px #9a9a9a5e; border: 2px #ffffff solid;} #modalEditAllocated .modal-loader, #product_modal_components_search .modal-loader{display: none; text-align: center; padding: 50px 0;} #modalEditAllocated #modal_add_new_listing .nav.nav-pills, #product_modal_components_search #modal_add_new_listing .nav.nav-pills, #modalEditAllocated #modal_add_new_listing_ebay .nav.nav-pills, #product_modal_components_search #modal_add_new_listing_ebay .nav.nav-pills{margin-left: auto; margin-right: auto;} #modalEditAllocated .btn-close-fbig, #product_modal_components_search .btn-close-fbig{float: right; margin-right: 0.55em;} #modalEditAllocated .modal-ultra-wide, #product_modal_components_search .modal-ultra-wide{max-width: 102%; padding: 0; margin: 0; border-radius: 0; height: auto; top: -1px; left: 0px; border: 0; width: calc(100% + 1px); display: block;} #modalEditAllocated .modal-ultra-wide .modal-content, #product_modal_components_search .modal-ultra-wide .modal-content{min-height:100vh;} #modalEditAllocated #modal_add_new_listing, #product_modal_components_search #modal_add_new_listing, #modalEditAllocated #modal_add_new_listing .modal-content, #product_modal_components_search #modal_add_new_listing .modal-content, #modalEditAllocated #modal_add_new_listing_ebay .modal-content, #product_modal_components_search #modal_add_new_listing_ebay .modal-content{background-color: #ffffff;} #modalEditAllocated #modal_add_new_listing_ebay, #product_modal_components_search #modal_add_new_listing_ebay, #modalEditAllocated #modal_add_new_listing_ebay .modal-content, #product_modal_components_search #modal_add_new_listing_ebay .modal-content{background-color: #ffffff;} #modalEditAllocated #modal_add_new_listing .tab-content, #product_modal_components_search #modal_add_new_listing .tab-content, #modalEditAllocated #modal_add_new_listing_ebay .tab-content, #product_modal_components_search #modal_add_new_listing_ebay .tab-content{background-color: #ffffff; border-right: #dededf 1px solid; border-left: #dededf 1px solid; border-bottom: #dededf 1px solid;} #modalEditAllocated #modal_add_new_listing .top-menu, #product_modal_components_search #modal_add_new_listing .top-menu, #modalEditAllocated #modal_add_new_listing_ebay .top-menu, #product_modal_components_search #modal_add_new_listing_ebay .top-menu{padding: 0 10px 0 0; background-color: #ffffff; width: 100%;} #modalEditAllocated #modal_add_new_listing .product-card, #product_modal_components_search #modal_add_new_listing .product-card, #modalEditAllocated #modal_add_new_listing_ebay .product-card, #product_modal_components_search #modal_add_new_listing_ebay .product-card{border: 1px solid #ddd; border-radius: 5px; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-color: #fff;} #modalEditAllocated #modal_add_new_listing .product-title, #product_modal_components_search #modal_add_new_listing .product-title, #modalEditAllocated #modal_add_new_listing_ebay .product-title, #product_modal_components_search #modal_add_new_listing_ebay .product-title{font-size: 16px; font-weight: bold;} #modalEditAllocated #modal_add_new_listing .product-price, #product_modal_components_search #modal_add_new_listing .product-price, #modalEditAllocated #modal_add_new_listing_ebay .product-price, #product_modal_components_search #modal_add_new_listing_ebay .product-price{font-size: 14px; color: #b12704;} #modalEditAllocated #modal_add_new_listing .product-info, #product_modal_components_search #modal_add_new_listing .product-info, #modalEditAllocated #modal_add_new_listing_ebay .product-info, #product_modal_components_search #modal_add_new_listing_ebay .product-info{color: #555; font-size: 14px;} #modalEditAllocated #modal_add_new_listing .product-marketplace, #product_modal_components_search #modal_add_new_listing .product-marketplace, #modalEditAllocated #modal_add_new_listing_ebay .product-marketplace, #product_modal_components_search #modal_add_new_listing_ebay .product-marketplace{color: #555; font-size: 14px;} #modalEditAllocated #modal_add_new_listing .product-info span, #product_modal_components_search #modal_add_new_listing .product-info span, #modalEditAllocated #modal_add_new_listing_ebay .product-info span, #product_modal_components_search #modal_add_new_listing_ebay .product-info span{display: block;} #modalEditAllocated #modal_add_new_listing .product-links a, #product_modal_components_search #modal_add_new_listing .product-links a, #modalEditAllocated #modal_add_new_listing_ebay .product-links a, #product_modal_components_search #modal_add_new_listing_ebay .product-links a{color: #0073bb !important; text-decoration: none; font-size: 14px;} #modalEditAllocated #modal_add_new_listing .product-links a:hover, #product_modal_components_search #modal_add_new_listing .product-links a:hover, #modalEditAllocated #modal_add_new_listing_ebay .product-links a:hover, #product_modal_components_search #modal_add_new_listing_ebay .product-links a:hover{text-decoration: underline;} #modalEditAllocated #modal_add_new_listing .modal-footer, #product_modal_components_search #modal_add_new_listing .modal-footer, #modalEditAllocated #modal_add_new_listing_ebay .modal-footer, #product_modal_components_search #modal_add_new_listing_ebay .modal-footer{border: none !important; background-color: #f5f9fa;} #modalEditAllocated #existsProductModal .product-modal-image, #product_modal_components_search #existsProductModal .product-modal-image{width: 120px;} #modalEditAllocated .spinner-border-button, #product_modal_components_search .spinner-border-button{-webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; border: .25em solid; border-radius: 50%; border-right: .25em solid transparent; display: inline-block; height: 1rem; vertical-align: -.125em; width: 1rem; color: hsl(219 100% 64% / 1) !important;} #modalEditAllocated #variationForm .table-container, #product_modal_components_search #variationForm .table-container, #modalEditAllocated #variationForm_ebay .table-container, #product_modal_components_search #variationForm_ebay .table-container{display: flex; flex-direction: column; border: 1px solid #ddd; border-radius: 4px; overflow: auto; width: fit-content;} #modalEditAllocated #variationForm .table-header, #product_modal_components_search #variationForm .table-header, #modalEditAllocated #variationForm_ebay .table-header, #product_modal_components_search #variationForm_ebay .table-header, #modalEditAllocated .table-row, #product_modal_components_search .table-row{display: flex; border-bottom: 1px solid #ddd; padding: 7px; align-items: center; width: max-content;} #modalEditAllocated #variationForm .table-header, #product_modal_components_search #variationForm .table-header, #modalEditAllocated #variationForm_ebay .table-header, #product_modal_components_search #variationForm_ebay .table-header{background-color: #f4f4f4; font-weight: 700; font-size: 13px; width: max-content; min-width: 100%;} #modalEditAllocated #variationForm .table-cell, #product_modal_components_search #variationForm .table-cell, #modalEditAllocated #variationForm_ebay .table-cell, #product_modal_components_search #variationForm_ebay .table-cell{flex: 1; padding: 0px 3px 0px 3px; font-size: 14px; min-width: 6.7em; color: rgb(0, 117, 135);} #modalEditAllocated #variationForm .table-header .table-cell, #product_modal_components_search #variationForm .table-header .table-cell, #modalEditAllocated #variationForm_ebay .table-header .table-cell, #product_modal_components_search #variationForm_ebay .table-header .table-cell{color: #3f5367;} #modalEditAllocated #variationForm .table-cell input, #product_modal_components_search #variationForm .table-cell input, #modalEditAllocated .table-cell select, #product_modal_components_search .table-cell select, #modalEditAllocated #variationForm_ebay .table-cell input, #product_modal_components_search #variationForm_ebay .table-cell input{width: 100%; box-sizing: border-box; border-radius: 2px !important;} #modalEditAllocated #variationForm .table-cell-small, #product_modal_components_search #variationForm .table-cell-small, #modalEditAllocated #variationForm_ebay .table-cell-small, #product_modal_components_search #variationForm_ebay .table-cell-small{min-width: 2.4em; width: auto; text-align: center;} #modalEditAllocated #variationForm .btn.bg-default, #product_modal_components_search #variationForm .btn.bg-default, #modalEditAllocated #variationForm_ebay .btn.bg-default, #product_modal_components_search #variationForm_ebay .btn.bg-default{border: 1px solid #d5d9d9 !important; color: #0f1111;} #modalEditAllocated #variationForm .btn, #product_modal_components_search #variationForm .btn, #modalEditAllocated #variationForm_ebay .btn, #product_modal_components_search #variationForm_ebay .btn{cursor: pointer; padding: 5px 10px; margin: 5px; border: none; border-radius: 4px;} #modalEditAllocated #variationForm .btn-secondary, #product_modal_components_search #variationForm .btn-secondary, #modalEditAllocated #variationForm_ebay .btn-secondary, #product_modal_components_search #variationForm_ebay .btn-secondary{background-color: #6c757d;} #modalEditAllocated .order-tax-header-box .flex-column, #product_modal_components_search .order-tax-header-box .flex-column{display: flex !important; flex-direction: row !important;} #modalEditAllocated .order-totals-header-box .flex-column, #product_modal_components_search .order-totals-header-box .flex-column{display: flex !important; flex-direction: row !important;} #modalEditAllocated .order-item-returns-box .flex-column, #product_modal_components_search .order-item-returns-box .flex-column{display: flex !important; flex-direction: row !important;} #modalEditAllocated .order-form .customer-info, #product_modal_components_search .order-form .customer-info, #modalEditAllocated .table-form .customer-info, #product_modal_components_search .table-form .customer-info{border-top: 1px solid #d1d6d4; border-bottom: 1px solid #d1d6d4; border-radius: 0px; background: rgb(240, 242, 242); position: relative; margin: 0;} #modalEditAllocated .order-form .customer-info .col-form-label, #product_modal_components_search .order-form .customer-info .col-form-label, #modalEditAllocated .table-form .customer-info .col-form-label, #product_modal_components_search .table-form .customer-info .col-form-label{color: rgb(15, 17, 17); font-size: 15px; font-weight: 600; min-width: 4rem;} #modalEditAllocated .order-form .row > .col-md-4:last-child, #product_modal_components_search .order-form .row > .col-md-4:last-child{margin-right: 0;} #modalEditAllocated .order-form .row-notes, #product_modal_components_search .order-form .row-notes{flex-wrap: nowrap;} #modalEditAllocated .order-form .proceeds-info, #product_modal_components_search .order-form .proceeds-info, #modalEditAllocated .table-form .proceeds-info, #product_modal_components_search .table-form .proceeds-info{display: flex; flex-direction: row; justify-content: space-between; font-weight: 500; font-size: 14px; line-height: 25px;} #modalEditAllocated .order-form .text-primary, #product_modal_components_search .order-form .text-primary{font-size: 1.4rem;} #modalEditAllocated .browse-tree-container .rows, #product_modal_components_search .browse-tree-container .rows{overflow: auto; height: auto;} #modalEditAllocated button.btn-outline-secondary, #product_modal_components_search button.btn-outline-secondary, #modalEditAllocated button.btn-outline-secondary:hover, #product_modal_components_search button.btn-outline-secondary:hover, #modalEditAllocated button.btn-outline-secondary:active, #product_modal_components_search button.btn-outline-secondary:active, #modalEditAllocated button.btn-outline-secondary:focus, #product_modal_components_search button.btn-outline-secondary:focus{color: #000 !important;} #modalEditAllocated #selectProductTypeModal .modal-footer, #product_modal_components_search #selectProductTypeModal .modal-footer{border-top: none;} #modalEditAllocated .table-badge-gray, #product_modal_components_search .table-badge-gray{margin: 0;} #modalEditAllocated .table-flex-column, #product_modal_components_search .table-flex-column{flex-direction: column; align-content: center; align-items: center; justify-content: center;} #modalEditAllocated .small-label, #product_modal_components_search .small-label{max-width: 5.5%;} #modalEditAllocated .modalTable table, #product_modal_components_search .modalTable table, #modalEditAllocated .modalTable, #product_modal_components_search .modalTable{width: 100% !important; border-collapse: collapse !important; margin-top: 20px !important;} #modalEditAllocated .modalTable table, #product_modal_components_search .modalTable table, #modalEditAllocated .modalTable th, #product_modal_components_search .modalTable th, #modalEditAllocated .modalTable td, #product_modal_components_search .modalTable td{border: 1px solid #ddd !important;} #modalEditAllocated .modalTable th, #product_modal_components_search .modalTable th, #modalEditAllocated .modalTable td, #product_modal_components_search .modalTable td{padding: 12px !important; text-align: left !important;} #modalEditAllocated .modalTable td, #product_modal_components_search .modalTable td{background: #ffffff !important;} #modalEditAllocated .modalTable th, #product_modal_components_search .modalTable th{border-top: 1px solid #d1d6d4 !important; border-bottom: 1px solid #d1d6d4 !important; border-radius: 0px !important; background: rgb(240, 242, 242) !important; color: #344767;} #modalEditAllocated .modalTable th .col-form-label, #product_modal_components_search .modalTable th .col-form-label{color: rgb(15, 17, 17) !important; font-size: 15px !important; font-weight: 600 !important;} #modalEditAllocated .modalTable table tr, #product_modal_components_search .modalTable table tr{background: transparent !important;} #modalEditAllocated .modal-content, #product_modal_components_search .modal-content{background: #ffffff;} #modalEditAllocated #customerViewModal .modal-content, #product_modal_components_search #customerViewModal .modal-content{background: #f1f1f1;} #modalEditAllocated .modal-ultra-wide .modal-dialog, #product_modal_components_search .modal-ultra-wide .modal-dialog, #modalEditAllocated .modal-med .modal-dialog, #product_modal_components_search .modal-med .modal-dialog{max-width: none;} #modalEditAllocated .modal-med, #product_modal_components_search .modal-med, #modalEditAllocated .modal-med .modal-dialog, #product_modal_components_search .modal-med .modal-dialog{max-width: 899px;} #modalEditAllocated .modal-xl, #product_modal_components_search .modal-xl, #modalEditAllocated .modal-xl .modal-dialog, #product_modal_components_search .modal-xl .modal-dialog{max-width: 1500px} #modalEditAllocated .modal-large, #product_modal_components_search .modal-large, #modalEditAllocated .modal-modal-large .modal-dialog, #product_modal_components_search .modal-modal-large .modal-dialog{max-width: 1150px;} #modalEditAllocated .modal-xxxl, #product_modal_components_search .modal-xxxl, #modalEditAllocated .modal-xxxl .modal-dialog, #product_modal_components_search .modal-xxxl .modal-dialog{max-width: 1600px} #modalEditAllocated .modal-small, #product_modal_components_search .modal-small{max-width: 499px;} #modalEditAllocated .modal-wide, #product_modal_components_search .modal-wide{max-width: calc(90% + 30px);} #modalEditAllocated .btn-group.actions_dropdown, #product_modal_components_search .btn-group.actions_dropdown{background: #ffffff;} #modalEditAllocated .table td, #product_modal_components_search .table td, #modalEditAllocated .table th, #product_modal_components_search .table th{vertical-align: middle;} #modalEditAllocated .align-items-center, #product_modal_components_search .align-items-center{-ms-flex-align: center !important; align-items: center !important;} #modalEditAllocated .d-flex.hidden, #product_modal_components_search .d-flex.hidden{display: none !important;} #modalEditAllocated button.action_dropdown_selected, #product_modal_components_search button.action_dropdown_selected, #modalEditAllocated button.btn_dropdown, #product_modal_components_search button.btn_dropdown{background: #ffffff;} #modalEditAllocated .modalTable th, #product_modal_components_search .modalTable th{align-items: center;} #modalEditAllocated .modalTable tr th, #product_modal_components_search .modalTable tr th{align-items: center; font-weight: 600;} #modalEditAllocated .modalTableWrapper, #product_modal_components_search .modalTableWrapper{position: relative; max-width: 1420px; max-height: 500px; overflow: auto;} #modalEditAllocated .modalTable th input.form-control, #product_modal_components_search .modalTable th input.form-control, #modalEditAllocated .modalTable th select.form-select, #product_modal_components_search .modalTable th select.form-select{max-width: 40%; display: inline-block; margin: 0; margin-left: 0.7rem; height: 34px;} #modalEditAllocated .address-form .small-label, #product_modal_components_search .address-form .small-label{font-size: 0.9rem; font-weight: 500;} #modalEditAllocated .align-items-center, #product_modal_components_search .align-items-center{align-items: center;} #modalEditAllocated .tableCol, #product_modal_components_search .tableCol{margin-left: .25rem;} #modalEditAllocated .label-business-hours .table td, #product_modal_components_search .label-business-hours .table td, #modalEditAllocated .label-business-hours .table th, #product_modal_components_search .label-business-hours .table th{background: #ffffff;} #modalEditAllocated .hidden, #product_modal_components_search .hidden, #modalEditAllocated .add_form .hidden, #product_modal_components_search .add_form .hidden, #modalEditAllocated .add_form_ebay .hidden, #product_modal_components_search .add_form_ebay .hidden, #modalEditAllocated #shippingForm .hidden, #product_modal_components_search #shippingForm .hidden, #modalEditAllocated #generate-form .hidden, #product_modal_components_search #generate-form .hidden, #modalEditAllocated #productTypeAdvise .hidden, #product_modal_components_search #productTypeAdvise .hidden, #modalEditAllocated #select_product_modal .hidden, #product_modal_components_search #select_product_modal .hidden, #modalEditAllocated #generate-form .file-preview.hidden, #product_modal_components_search #generate-form .file-preview.hidden, #modalEditAllocated #date-range-search.hidden, #product_modal_components_search #date-range-search.hidden{display: none;} @media screen and (max-width: 1900px){ #modalEditAllocated #itemsOrderFormCase .row, #product_modal_components_search #itemsOrderFormCase .row{min-width: 1900px;} } #modalEditAllocated .flex-column-sm, #product_modal_components_search .flex-column-sm{flex-direction: column !important;} #modalEditAllocated .table tr th div, #product_modal_components_search .table tr th div{color: inherit; text-transform: capitalize;} #modalEditAllocated .table tr th, #product_modal_components_search .table tr th{color: inherit;} #modalEditAllocated #settingsMenu .btn-close, #product_modal_components_search #settingsMenu .btn-close{background: transparent;} #modalEditAllocated #settingsMenu .btn-close button, #product_modal_components_search #settingsMenu .btn-close button{color:#f7fbff !important;} #modalEditAllocated .offcanvas-header .btn-close, #product_modal_components_search .offcanvas-header .btn-close{padding: calc(1rem * .5) calc(1rem * .5); margin-top: calc(-.5 * 1rem); margin-right: calc(-.5 * 1rem); margin-bottom: calc(-.5 * 1rem);} #modalEditAllocated .small-font, #product_modal_components_search .small-font{font-size: .875rem;} #modalEditAllocated .small-col, #product_modal_components_search .small-col{max-width: 10%;} #modalEditAllocated .dropdown-toggle.eclipse, #product_modal_components_search .dropdown-toggle.eclipse, #modalEditAllocated .btn.eclipse, #product_modal_components_search .btn.eclipse{border: 1px solid transparent !important; border-radius: 35px; margin-left:0.25rem; box-shadow: none !important; } #modalEditAllocated .modal-header { background: #fff !important; color: inherit !important; border-bottom: 1px solid #dee2e6 !important; padding: 1rem !important; } #modalEditAllocated .modal-header h5, #modalEditAllocated .modal-header span { color: inherit !important; font-size: 1.25rem !important; font-weight: 500 !important; } #modalEditAllocated .modal-header .btn-close { filter: none !important; } #modalEditAllocated th, #modalEditAllocated thead tr, #modalEditAllocated .table thead tr, #modalEditAllocated .table thead tr th, #modalEditAllocated .table_edit_inventory thead tr, #modalEditAllocated .table_edit_inventory thead tr th { background: hsl(220 14% 96%) !important; background-color: hsl(220 14% 96%) !important; height: 100%; color: inherit !important; } #modalEditAllocated thead th, #modalEditAllocated .table_edit_inventory thead th { font-weight: 600 !important; font-size: 0.8rem !important; color: inherit !important; border-color: #dee2e6 !important; min-width: 60px; text-align: left !important; padding: 8px 10px !important; white-space: nowrap; } #modalEditAllocated thead tr:last-child th, #modalEditAllocated .table_edit_inventory thead tr:last-child th { resize: horizontal; overflow: auto; } #modalEditAllocated thead th div, #modalEditAllocated .table_edit_inventory thead th div { color: inherit !important; } #modalEditAllocated thead th:hover, #modalEditAllocated .table_edit_inventory thead th:hover { background: hsl(220 14% 93%) !important; background-color: hsl(220 14% 93%) !important; } #modalEditAllocated .table_edit_inventory { border-collapse: collapse; border-spacing: 0; border: 1px solid #dee2e6; border-radius: 0.5rem; overflow: hidden; } #modalEditAllocated .table_edit_inventory tbody td { font-size: 0.8rem; padding: 8px 10px; text-align: left; vertical-align: top; } #modalEditAllocated table *{ border-right: none; } #modalEditAllocated .dataTables_wrapper .dataTables_paginate, #modalEditAllocated .dataTables_wrapper .dataTables_info, #modalEditAllocated .dataTables_wrapper .dataTables_length { display: none !important; } #modalEditAllocated .allocated-custom-pagination { display: flex; align-items: center; justify-content: space-between; padding: 12px 4px; font-size: 0.8rem; } #modalEditAllocated .alloc-pagination-left { display: flex; align-items: center; gap: 8px; } #modalEditAllocated .alloc-pagination-right { display: flex; align-items: center; gap: 8px; } #modalEditAllocated .alloc-page-btn { border: 1px solid #e2e8f0; background: #fff; border-radius: 6px; padding: 4px 8px; cursor: pointer; font-size: 0.8rem; color: #374151; display: inline-flex; align-items: center; line-height: 1; } #modalEditAllocated .alloc-page-btn:hover:not(:disabled) { background: #f1f5f9; } #modalEditAllocated .alloc-page-btn:disabled { background: #f9fafb; color: #9ca3af; cursor: not-allowed; opacity: 0.6; } #modalEditAllocated .alloc-page-text { color: #374151; font-size: 0.8rem; } #modalEditAllocated .alloc-showing-text { color: #6b7280; font-size: 0.8rem; } #modalEditAllocated .alloc-perpage-select { border: 1px solid #e2e8f0; border-radius: 6px; padding: 2px 8px; font-size: 0.8rem; color: #374151; background: #fff; cursor: pointer; } #modalEditAllocated .alloc-perpage-select:focus { outline: none; border-color: #7C3AED; box-shadow: 0 0 0 1px #7C3AED; } #modalEditAllocated .dropdown-toggle.eclipse::after, #product_modal_components_search .dropdown-toggle.eclipse::after, #modalEditAllocated .btn.eclipse::after, #product_modal_components_search .btn.eclipse::after{display: inline-block; vertical-align: .255em; content: ""; border: 0;} #modalEditAllocated .variations-row .table thead th, #product_modal_components_search .variations-row .table thead th, #modalEditAllocated .variations-row .table td, #product_modal_components_search .variations-row .table td{white-space: nowrap;} #modalEditAllocated #variationForm_ebay .table-cell, #product_modal_components_search #variationForm_ebay .table-cell{flex: 1; padding: 10px 0px 10px 21px; font-size: 14px; min-width: 75px; color: rgb(0, 117, 135); display: table-cell;} #modalEditAllocated #variationForm_ebay .table-header .table-cell, #product_modal_components_search #variationForm_ebay .table-header .table-cell{color: #3f5367; padding: 19px 0px 19px 19px;} #modalEditAllocated #variationForm_ebay .table-row, #product_modal_components_search #variationForm_ebay .table-row{display: flex; border-bottom: 1px solid #ddd; padding: 7px; align-items: center;} #modalEditAllocated #variationForm_ebay .table-row, #product_modal_components_search #variationForm_ebay .table-row{display: table-row !important;} #modalEditAllocated #variationForm_ebay .table-header, #product_modal_components_search #variationForm_ebay .table-header, #modalEditAllocated .table-row, #product_modal_components_search .table-row{display: table-row !important;} #modalEditAllocated #variationForm_ebay .table-container, #product_modal_components_search #variationForm_ebay .table-container{display: table !important;} #modalEditAllocated .table-responsive, #product_modal_components_search .table-responsive{max-height: 77vh;} #modalEditAllocated .btn-search-input, #product_modal_components_search .btn-search-input{font-size: 13px; height: calc(1.5em + .75rem + 2px);} /* Order form table header styling to match Purchase Order */ #newOrderModal thead th, #newOrderModal .table thead th { background-color: hsl(var(--muted) / 0.5) !important; font-size: 0.875rem !important; font-weight: 500 !important; padding: 0.75rem !important; } #newOrderModal .table_wrap thead, #newOrderModal table thead { background-color: hsl(var(--muted) / 0.5) !important; } #newOrderModal .table_wrap thead th, #newOrderModal table thead th { background-color: transparent !important; font-size: 0.875rem !important; font-weight: 500 !important; padding: 0.75rem !important; border-bottom: 1px solid hsl(var(--border)) !important; } /* Reduce left padding/margin for content sections to match Purchase Order */ #newOrderModal .add_form, #newOrderModal .section, #newOrderModal .row, #newOrderModal main { padding-left: 0 !important; margin-left: 0 !important; } #newOrderModal .card, #newOrderModal .card-body { padding-left: 0 !important; margin-left: 0 !important; border: none !important; box-shadow: none !important; } #newOrderModal .modal-body, #newOrderModal .modal_body_long { padding: 0 !important; margin: 0 !important; } #newOrderModal .container, #newOrderModal .container-fluid { padding-left: 0 !important; margin-left: 0 !important; } /* Ensure all sections are evenly aligned to the left */ #newOrderModal .row-notes, #newOrderModal .customer-notes, #newOrderModal .order-form > *, #newOrderModal .add_form > *, #newOrderModal .form-group, #newOrderModal .mb-3, #newOrderModal .mb-4, #newOrderModal .mt-3, #newOrderModal .mt-4, #newOrderModal .py-2, #newOrderModal .py-3 { margin-left: 0 !important; padding-left: 0 !important; } #newOrderModal .col, #newOrderModal .col-1, #newOrderModal .col-2, #newOrderModal .col-3, #newOrderModal .col-4, #newOrderModal .col-5, #newOrderModal .col-6, #newOrderModal .col-7, #newOrderModal .col-8, #newOrderModal .col-9, #newOrderModal .col-10, #newOrderModal .col-11, #newOrderModal .col-12, #newOrderModal .col-md-1, #newOrderModal .col-md-2, #newOrderModal .col-md-3, #newOrderModal .col-md-4, #newOrderModal .col-md-5, #newOrderModal .col-md-6, #newOrderModal .col-md-7, #newOrderModal .col-md-8, #newOrderModal .col-md-9, #newOrderModal .col-md-10, #newOrderModal .col-md-11, #newOrderModal .col-md-12, #newOrderModal .col-lg-1, #newOrderModal .col-lg-2, #newOrderModal .col-lg-3, #newOrderModal .col-lg-4, #newOrderModal .col-lg-5, #newOrderModal .col-lg-6, #newOrderModal .col-lg-7, #newOrderModal .col-lg-8, #newOrderModal .col-lg-9, #newOrderModal .col-lg-10, #newOrderModal .col-lg-11, #newOrderModal .col-lg-12 { padding-left: 0 !important; } #newOrderModal .row { margin-left: 0 !important; margin-right: 0 !important; } #newOrderModal .row:first-child .col:first-child, #newOrderModal .row:first-child .col-md-6:first-child, #newOrderModal .row:first-child .col-lg-4:first-child { padding-left: 0 !important; } /* Product Selection table header - match Purchase Order style exactly */ #newOrderModal thead, #newOrderModal table thead, #newOrderModal .table thead, #newOrderModal .table_wrap thead { background-color: #f1f5f9 !important; } #newOrderModal thead th, #newOrderModal table thead th, #newOrderModal .table thead th, #newOrderModal .table_wrap thead th { background-color: transparent !important; font-size: 0.875rem !important; font-weight: 500 !important; padding: 0.75rem !important; text-align: left !important; color: #374151 !important; border-bottom: 1px solid #e5e7eb !important; } #newOrderModal thead th[style*="background-color"], #newOrderModal table thead th[style*="background-color"] { background-color: transparent !important; } #windowModal thead th, #windowModal thead th[style*="background-color"], #windowModal table thead th, #windowModal table thead th[style*="background-color"] { background-color: hsl(220 14% 96%) !important; color: inherit !important; border-left: none !important; border-right: none !important; } #windowModal .modalTableWrapper { overflow-x: auto !important; max-width: 100% !important; } /* Product Selection table - exact match to Purchase Order screenshot */ #newOrderModal .table_wrap, #newOrderModal .table-responsive { border: 1px solid #e5e7eb !important; border-radius: 0.5rem !important; overflow: hidden !important; } #newOrderModal .table_wrap table, #newOrderModal .table-responsive table, #newOrderModal table.table { margin-bottom: 0 !important; border: none !important; } #newOrderModal .table_wrap thead, #newOrderModal .table-responsive thead, #newOrderModal table.table thead { background-color: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important; } #newOrderModal .table_wrap thead th, #newOrderModal .table-responsive thead th, #newOrderModal table.table thead th { background-color: transparent !important; font-size: 0.875rem !important; font-weight: 500 !important; padding: 0.75rem 1rem !important; color: #1f2937 !important; border: none !important; white-space: nowrap !important; } #newOrderModal .table_wrap tbody td, #newOrderModal .table-responsive tbody td, #newOrderModal table.table tbody td { padding: 0.75rem 1rem !important; border-top: 1px solid #e5e7eb !important; vertical-align: middle !important; } #newOrderModal .table_wrap tbody tr:first-child td, #newOrderModal .table-responsive tbody tr:first-child td { border-top: none !important; } /* Resizable header tables */ #newOrderModal #orderItemTable { border-collapse: separate !important; border-spacing: 0 !important; } #newOrderModal #customerDetailsTable { border-collapse: separate !important; border-spacing: 0 !important; margin: 0 !important; padding: 0 !important; } #newOrderModal #customerOrderForm { padding: 0 !important; } #newOrderModal #orderItemTable thead tr, #newOrderModal #customerDetailsTable thead tr { background: rgb(240, 242, 242) !important; border-top: 1px solid #d1d6d4 !important; border-bottom: 1px solid #d1d6d4 !important; } #newOrderModal #orderItemTable thead th, #newOrderModal #customerDetailsTable thead th { font-size: 15px !important; font-weight: 600 !important; color: rgb(15, 17, 17) !important; padding: 8px 10px !important; background: rgb(240, 242, 242) !important; white-space: nowrap !important; border-top: 1px solid #d1d6d4 !important; border-bottom: 1px solid #d1d6d4 !important; border-left: none !important; border-right: none !important; resize: horizontal !important; overflow: hidden !important; min-width: 50px !important; } #newOrderModal #orderItemTable thead th:first-child, #newOrderModal #customerDetailsTable thead th:first-child { border-radius: 0.5rem 0 0 0.5rem !important; border-left: 1px solid #d1d6d4 !important; } #newOrderModal #orderItemTable thead th:last-child, #newOrderModal #customerDetailsTable thead th:last-child { border-radius: 0 0.5rem 0.5rem 0 !important; border-right: 1px solid #d1d6d4 !important; resize: none !important; } #newOrderModal #orderItemTable tbody td { border: none !important; } #newOrderModal #customerDetailsTable tbody td.cd-section-cell { border: none !important; vertical-align: top !important; padding: 12px 0 0 0 !important; } #newOrderModal #customerDetailsTable tbody td.cd-section-cell + td.cd-section-cell { padding: 12px 0 0 10px !important; } #newOrderModal #customerDetailsTable .cd-section-box { border: 1px solid #d5d9d9 !important; border-radius: 7px !important; padding: 12px !important; min-height: 40px; } #newOrderModal #customerDetailsTable .cd-section-box > #customerDetails, #newOrderModal #customerDetailsTable .cd-section-box > #billingAddress, #newOrderModal #customerDetailsTable .cd-section-box > #shippingAddress { width: 100% !important; min-width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; margin-right: 0 !important; padding: 0 !important; border: none !important; } .missing-protection-note { margin-top: 16px; padding: 16px; font-size: 14px; background-color: #fafafa; border: 1px solid #ddd; border-radius: 4px; color: #444; line-height: 1.4; } .shipping-details, .purchase-label { margin-top: 1rem; } .shipping-details h3, .purchase-label h3 { font-size: 16px; font-weight: 600; margin: 0px 0px 21px 1px; color: rgb(15, 17, 17); margin-bottom: 0; } .shippingProductsContainer, .shippedProductsContainer, .labelProductsContainer, .caseLabelProductsContainer{ display: flex; flex-wrap: wrap; } .shippingDetailsBlock, .shippedDetailsBlock, .purchaseDetailsBlock{ position: relative; background-color: rgb(240, 242, 242); border: 1px solid rgb(240, 242, 242); /* border: 1px solid #ddd; */ border-radius: 4px; padding: 1.2rem; margin-bottom: 1.2rem; } .confirmShipmentBtn { background-color: #138296; color: #FFF !important; border-color: #138296; } .shippingProductBlock { gap: 16px; margin-bottom: 16px; align-items: center; border: 1px #d5d9d9 solid; background: #ffffff; margin-right: 2.4%; float: left; min-height: 1px; border-radius: 8px; display: flex; position: relative; padding: 14px 18px; flex-wrap: nowrap; } .removeSkuCardBtn { position: absolute; top: 6px; right: 8px; color: #999; font-size: 14px; cursor: pointer; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 4px; z-index: 2; text-decoration: none !important; } .removeSkuCardBtn:hover { color: #d33; background: #fef2f2; } .shipping-product-img-container { /* border: 1px solid #ddd; */ padding: 4px; float: left; } .shipping-product-img-container img { width: 64px !important; height: 64px !important; max-width: 64px !important; object-fit: contain; float: left; } .order-item-column img.order-form-image { width: 64px !important; height: 64px !important; max-width: 64px !important; object-fit: contain; } .order-item-column { flex-shrink: 0; } .order-item-column:first-child { width: 80px; max-width: 80px; } .shipping-product-info { font-size: 14px; line-height: 1.4; } .shipping-form { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 21px; } .shipped-details-row .form-group { min-width: 0; } .default-shipping { display: flex; align-items: center; margin-top: 8px; font-size: 14px; } .default-shipping input[type="checkbox"] { margin-right: 4px; } .shipping-buttons { margin-top: 0.5rem; text-align: right; } .shipping-buttons button { border: 1px solid #c8c8c8; padding: 8px 16px; font-size: 15px; cursor: pointer; margin-right: 12px; border-radius: .25rem; font-family: calibri; } .shipping-buttons button:hover { opacity: 0.9; } #shippingForm .input-group-text{ line-height: 1; } #shippingForm .input-group .form-control:not(:first-child) { padding-left: 0.35rem; } .tracking-hint { font-size: 13px; margin-top: 6px; color: #666; } .checkbox-left{ display: flex; flex-direction: row; align-items: flex-start; margin-left: 0.5rem; } #deliveryInstructionsModal.floating-modal { background: none; pointer-events: none; } #deliveryInstructionsModal.floating-modal .modal-dialog { pointer-events: auto; position: fixed; top: 50%; right: 20px; left: auto; transform: translateY(-50%); margin: 0; max-width: 520px; width: 520px; max-height: 80vh; z-index: 1060; } #deliveryInstructionsModal.floating-modal .modal-content { max-height: 80vh; overflow-y: auto; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); border: 1px solid #ddd; border-radius: 8px; } #deliveryInstructionsModal.floating-modal .modal-backdrop, #deliveryInstructionsModal.floating-modal + .modal-backdrop { display: none !important; } .modal-backdrop + #deliveryInstructionsModal.floating-modal ~ .modal-backdrop { display: none !important; } body.modal-open:has(#deliveryInstructionsModal.floating-modal.show) { overflow: auto !important; padding-right: 0 !important; } #deliveryInstructionsModal.floating-modal.show ~ .modal-backdrop { opacity: 0 !important; pointer-events: none !important; } .reserved-orders-styled thead th { background: #334155 !important; color: #fff !important; border-color: #1e293b !important; font-weight: 500 !important; font-size: 0.8rem !important; } .reserved-orders-styled thead th:hover { background: #2d3a4a !important; } .reserved-orders-styled.dataTable thead .sorting::before, .reserved-orders-styled.dataTable thead .sorting::after, .reserved-orders-styled.dataTable thead .sorting_asc::before, .reserved-orders-styled.dataTable thead .sorting_asc::after, .reserved-orders-styled.dataTable thead .sorting_desc::before, .reserved-orders-styled.dataTable thead .sorting_desc::after { filter: invert(1); } .reserved-orders-styled tbody td { font-size: 0.8rem; padding: 8px 12px; } .reserved-orders-table-wrap .dataTables_wrapper .dataTables_length, .reserved-orders-table-wrap .dataTables_wrapper .dataTables_filter, .reserved-orders-table-wrap .dataTables_wrapper .dataTables_info, .reserved-orders-table-wrap .dataTables_wrapper .dataTables_paginate { display: none !important; } .reserved-orders-custom-pagination { display: flex; align-items: center; justify-content: space-between; padding: 12px 4px; font-size: 0.8rem; } .ro-pagination-left { display: flex; align-items: center; gap: 8px; } .ro-pagination-right { display: flex; align-items: center; gap: 8px; } .ro-page-btn { border: 1px solid #e2e8f0; background: #fff; border-radius: 6px; padding: 4px 8px; cursor: pointer; font-size: 0.8rem; color: #374151; display: inline-flex; align-items: center; line-height: 1; } .ro-page-btn:hover:not(:disabled) { background: #f1f5f9; } .ro-page-btn:disabled { background: #f9fafb; color: #9ca3af; cursor: not-allowed; opacity: 0.6; } .ro-page-text { color: #374151; font-size: 0.8rem; } .ro-showing-text { color: #6b7280; font-size: 0.8rem; } .ro-perpage-select { border: 1px solid #e2e8f0; border-radius: 6px; padding: 2px 8px; font-size: 0.8rem; color: #374151; background: #fff; cursor: pointer; } .ro-perpage-select:focus { outline: none; border-color: #7C3AED; box-shadow: 0 0 0 1px #7C3AED; } #returnItemsTable { border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; table-layout: auto !important; } #returnItemsTable thead tr { background: rgb(240, 242, 242) !important; border-top: 1px solid #d1d6d4 !important; border-bottom: 1px solid #d1d6d4 !important; } #returnItemsTable thead th { font-size: 14px !important; font-weight: 600 !important; color: rgb(15, 17, 17) !important; padding: 8px 10px !important; background: rgb(240, 242, 242) !important; white-space: nowrap !important; border-top: 1px solid #d1d6d4 !important; border-bottom: 1px solid #d1d6d4 !important; border-left: none !important; border-right: none !important; resize: horizontal !important; overflow: hidden !important; min-width: 50px !important; text-align: left !important; } #returnItemsTable thead th:first-child { border-radius: 0.5rem 0 0 0.5rem !important; border-left: 1px solid #d1d6d4 !important; } #returnItemsTable thead th:last-child { border-radius: 0 0.5rem 0.5rem 0 !important; border-right: 1px solid #d1d6d4 !important; resize: none !important; } #returnItemsTable tbody td { border: none !important; border-bottom: 1px solid #eee !important; padding: 10px !important; text-align: left !important; vertical-align: middle !important; font-size: 13px !important; color: #333 !important; }