p{font-size: 12px !important;}
    .div-margin-bottom {margin-bottom: 10px;}
    .section-divider{margin: 5px 0 10px 0; border: 0.5px solid #ccc;}
    .page-data-envelop{box-sizing: border-box; background-color: rgb(255, 255, 255); box-shadow: #313440 0px 1px 6px; border-radius: 0.25rem; padding: 20px 10px 20px 20px;}
    .data-area-div{padding: 10px;}
    .data-area-div h5{color: #426da9; font-size: 12px; background-color: #ccc; padding: 4px 10px 2px 10px; margin-bottom: 5px;}
    .order-basic-info, .order-content{ padding: 0px 10px; margin: 0px;}
    .order-basic-info h6{padding: 2px 0px;}
    .order-basic-info p.address{padding: 0px 10px;}
    .order-details, .shipping-details, .revisions-details{box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 20%); margin: 0px; padding: 15px 10px; text-align: left;}/*overflow-y: scroll;*/
    #order-shipping-address.valid{color: #008000 !important;}
    #order-shipping-address.invalid{color: #ff0000 !important;}
    .orderInfoDiv{border-right: 2px solid #ccc;}
    #shipping-address-errors{color: #ff0000; font-size: 10px !important;}
    .shipping-details .order-basic-info h6{font-size: 11px;}
    .order-basic-info{font-size: 11px;}
    #shipping-form{margin-bottom: 10px;}
    .shipping-form-weight h6, .shipping-form-dimensions h6{margin: 10px 5px;}
    .shipping-methods-rates{ width: 100%; margin: 15px 0px;}
    .shipping-methods-rates tbody tr {border-bottom: 1px dotted #ccc;}
    .shipping-methods-rates input[type="radio"]{transform: scale(1.20); accent-color: #426da9;}
    .shipping-methods-rates tr th{background-color: #fff; padding: 5px 10px; border: 1px solid #ccc; box-shadow:  -2px 0 2px -1px #888888, 2px 0 2px -1px #888888, 0 -2px 2px -1px #888888; border-bottom: unset !important;}
    .shipping-methods-rates tr td{font-size: 14px; padding: 5px;}
    .serviceSelection{display: flex; align-items: center; justify-content: center; flex-wrap: nowrap;}
    .radio_animated:after{border: 1px solid #808080 !important; top: 0px; width: 1rem; height: 1rem;}
    .radio_animated:before{top: 2px !important; left: 0px !important; width: 12px !important; height: 12px !important;}    
    .payment-status{padding: 2px 10px; border-radius: 3px; font-weight: bold;}
    .payment-status.success{background-color: #c5f99f; border: 1px solid #62d80e; color: #367808;}
    .payment-status.failed{background-color: #ffd6cc; border: 1px solid #ff704d; color: #991f00;}
    .payment-status.unpaid{background-color: #242934; border: 1px solid #000; color: #fff;}
    .order-contents p{font-size: 10px !important;}
    table.order-contents{width: 100%; margin: 10px 0;}
    table.order-contents tr th{border-bottom: 1px solid #888; font-weight: 500;}
    table.order-contents tr td{border-bottom: 1px dotted #ccc; white-space: nowrap;}
    table.order-contents tr th.oc-selection{width: 5%;}
    table.order-contents tr th.oc-product{width: 10%;}
    table.order-contents tr th.oc-details{width: 30%;}
    table.order-contents tr th.oc-qty{width: 10%;}
    table.order-contents tr th.oc-shipqty{width: 10%;}
    table.order-contents tr th.oc-aoh{width: 10%;}
    table.order-contents tr th.oc-price{width: 10%; font-weight: bold;}
    table.order-contents tr th.oc-total-price{width: 15%; font-weight: bold;}
    .oc-details a{color: unset !important;}
    .oc-product img{width: 45px; height: auto; margin: 5px;}
    .oc-shipqty input{width: 75%; border: 1px solid #ccc; padding: 5px !important;}
    .instock{color: #008000;}
    .partialstock{color: #b29600;}
    .outofstock{color: #ff0000;}
    .checkbox_animated:after{width: 1rem !important; height: 1rem !important;}
    .checkbox_animated:before{left: 0.20rem !important; top: 0.125rem !important; width: 0.65rem !important; height: 0.300rem !important;}
    .totals-header{padding: 5px 10px 5px 0px; font-size: 14px; color: #000;}
    .totals-value{padding: 5px 0px 5px 10px; font-size: 14px;}
    .totals-value h5{color: #000 !important;}
    .shipping-btn{margin: 10px 0 0 0; width: 100%;}

    .shipment-contents-tbl{margin: 10px 0 20px 0 !important;}
    .shipment-info{background-color: #ccc; padding: 5px; font-size: 12px;}
    .order-edit{font-size: 18px; float: right; margin-top: -23px;}
    .not-allowed {pointer-events: none;}
    .applied_coupon {border: 1px solid #252525; background-color: #ffffff; padding: 2px 15px; border-radius: 5px; margin: 0px; font-size: 12px; margin-left: 10px; font-weight: bold;}

    .shipping-float-btn{background-color: #436DA9; display: flex; position: absolute; width: fit-content; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; right: 15px; top: 53px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 99; box-shadow: 0px 0px 4px 0px #000; padding: 5px 10px;}
    .shipping-float-btn i{font-size: 48px; color: #fff;}
    .shipping-msg, .shippingrates-msg{z-index: 10; width: 95%; box-shadow: 0px 0px 3px 0.5px #000; top: 10px; background-color: #ffad999c; color: #000; font-size: 16px; padding: 5px 5px; display: none; font-weight: 800; border-radius: 2px; visibility: hidden; text-align: center; margin: -40px 2.5% 2.5% 2.5%;}

    .revisions-float-btn{background-color: #436DA9; display: flex; position: absolute; width: fit-content; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; right: 90px; top: 53px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 99; box-shadow: 0px 0px 4px 0px #000; padding: 5px 15px;}
    .revisions-float-btn i{font-size: 48px; color: #fff;}

    .add_to_cart.open-side .overlay{opacity: 0.5 !important;}
    .shipping_data.right {right: -1000px; width: 1000px;}
    .revisions_data.right {right: -620px; width: 620px;}

    div.fadeMe {opacity: 0.5; background: #fff; width: 100%; height: 100%; z-index: 999; top: 0; left: 0; position: fixed; display: flex; justify-content: center; align-items: center; align-content: center;}
    .processing-txt{color: #426da9 !important; opacity: 1; text-align: center;}
    #status{height: 25px !important; padding: 2px 10px 0px 10px;}
    .qtys-span{color: #999999; font-size: 12px;}

    .delete-btn {background-color: #000; color: #fff; padding: 2px 20px; border-radius: 5px; margin-left: 10px;}
    .delete-btn:hover {background-color: #fff; color: #000;}

    .print-pick-list{margin-left: 15px; font-size: 18px;}
    .send-order-confirmation{margin-left: 15px; font-size: 20px;}
    .cancel-order{margin-left: 15px; font-size: 20px; color: #ff0000;}
    .return-order{margin-left: 15px; font-size: 20px; color: #e6b800;}

    .returnscomplete-tbl tr td{border: 1px solid #ccc !important; color: #fff !important; font-size: 12px; padding: 5px;}

    /* .link-disabled-hover{ color: gray; pointer-events: none; cursor: not-allowed; text-decoration: none; position: relative;} */
    .link-disabled-hover:hover::after {content: " 🚫"; color: gray; font-size: 0.9em; position: absolute; top: -15px;}

    .order-revisions-tbl{width: 100%;}
    .order-revisions-tbl tr th{background-color: #ccc; color: #426da9; font-size: 12px; padding: 4px 10px 2px 10px; text-align: center;}
    .order-revisions-tbl tr th:first-child{width: 35%; border-right: 1px solid #fff;}
    .order-revisions-tbl tr th:last-child{width: 65%;}

    .order-revisions-tbl tr td{color: #000000; font-size: 12px; padding: 4px 10px 2px 10px; text-align: left; border-bottom: 1px dotted #ccc;}
    .order-revisions-tbl tr td:first-child{width: 35%; border-right: 1px solid #fff; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}
    .order-revisions-tbl tr td:last-child{width: 65%; border-right: 1px dotted #ccc;}
    .revision-details-header{font-weight: bold; margin-left: -5px; font-size: 11px;}
    .revision-details-header.added{color: #009900 !important;}
    .revision-details-header.changed{color: #b3b300 !important;}
    .revision-details-header.deleted{color: #cc0000 !important;}
    .rev-field{border-bottom: 0.25px dotted #cccccc; cursor: pointer;}

    .added-revision-tbl, .changed-revision-tbl, .removed-revision-tbl{color: #e6e6e6 !important; font-size: 12px;}
    .added-revision-tbl tr td , .changed-revision-tbl tr td , .removed-revision-tbl tr td {border: 1px solid #fff; padding: 2px 8px;}
    .changed-revision-tbl .changes-to{padding: 2px 8px; text-align: center;}

    .accordion {width: 98%; max-width: 100%; margin: 20px auto; border-radius: 8px; background-color: #ffffff !important;/*box-shadow: 0 4px 20px rgba(0,0,0,0.1);*/}
    .accordion-header {width: 100%; display: flex; align-items: center; gap: 12px; padding: 0px 20px; font-size: 1.1rem; font-weight: bold; background: #cccccc; border: none; border-bottom: 1px solid #ddd; cursor: pointer; transition: background 0.3s ease; text-align: left; color: #426da9; border-radius: 5px; box-shadow: rgb(49, 52, 64) 0px 0px 5px 1px;}
    .accordion-header .label{color: #426da9; font-size: 16px;}
    .accordion-header:hover {background: #ececec;}
    .accordion-item{margin: 15px 0;}
    .accordion-content {max-height: 0; overflow: hidden; background: #fff; transition: max-height 0.4s ease; padding: 0 20px;}
    .icon {font-size: 1.6rem; width: 20px; flex-shrink: 0; display: inline-block; text-align: center; transition: color 0.3s ease; margin-top: -5px;}
    .shipments-accordion {width: 98%; max-width: 100%; margin: 20px auto; border-radius: 8px; background-color: #ffffff !important;}
    .shipment-accordion-item {margin: 10px 0;}
    .shipment-accordion-header {display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 10px; border: none; background: #f5f5f5; border-radius: 5px; box-shadow: rgb(49, 52, 64) 0px 0px 5px 1px;cursor: pointer;}
    .shipment-accordion-header:hover {background: #ececec;}
    .shipment-accordion-header .icon {font-size: 20px; font-weight: bold; text-align: center; line-height: 1;}
    .shipment-accordion-header .fa-truck {margin-right: 10px;}
    .shipment-header-content {display: flex; flex-direction: column; justify-content: center;}
    .top-line h4 {margin: 0; font-size: 16px;}
    .bottom-line {margin-top: 2px; font-size: 14px; color: #555;}
    .shipment-accordion-content {max-height: 0; background: #fff; transition: max-height 0.4s ease; padding: 0 20px; border-left: 1px solid #ccc; margin: -9px -1px 0px -1px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
    .shipment-contents-tbl {height: auto !important; overflow: visible; width: 80% !important; margin: 0 10% !important;}
    
    .easypost-shipping-information-tbl{width: 100%; margin: 0 0%;}
    .easypost-shipping-information-tbl tr th{background-color: #313131; color: #fff; font-weight: bold; padding: 5px; text-transform: uppercase; width: 15%; font-size: 12px;}
    .easypost-shipping-information-tbl tr td:nth-child(2){width: 25%; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px;}
    .easypost-shipping-information-tbl tr td:nth-child(3){width: 45%; padding: 3px; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px;}
    .easypost-shipping-information-tbl tr td:nth-child(4){width: 15%; text-align: center; border-bottom: 1px solid #ccc; padding: 5px;}
    .easypost-shipping-information-tbl tr td .print-labels{font-size: 28px !important;}

    #order-shipments {height: 500px; overflow: hidden; background: #fff; display: flex; flex-direction: column; /*border: 1px solid #ccc;*/ padding: 10px 0;}
    .shipments-wrapper {display: flex; flex: 1; min-height: 0; padding: 0px; width: 100%;}
    .shipment-sidebar {width: 20%; background: #ffffff; overflow-y: auto;}
    .shipment-link {display: block; padding: 12px 16px; color: #000000; text-decoration: none; transition: background 0.2s; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #e6e6e6;}
    .shipment-link .shipment-header{font-size: 18px;}
    .shipment-link .shipment-metadata{font-size: 11px;}
    .shipment-link:hover{background: #cccccc; color: #000000;}
    .shipment-link.active {background: #313131; color: #ffffff;}
    .shipment-main-content {flex: 1; overflow-y: auto; padding: 0; width: 80%;}
    .shipment-panel {display: none;}
    .shipment-panel.active {display: block;}