/*@import url('../fonts/fonts.css');*/
/*@import url('../fonts/fonts.css');*/
/*@media (prefers-color-scheme: dark) {
    body{background-color:var(--body-dark) !important;}
    .login-form form {background:var(--body-dark);}
}*/
body{font: normal 16px 'Figtree', sans-serif !important;background-color:var(--body-light);}
html,
body, 
body * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
a, button, input, select, svg, path {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/* Initially hide the page content */
body.fade-hidden {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* When fade-in is triggered */
body.fade-in {
    opacity: 1;
}
a{text-decoration:none;}
p {margin-bottom:0;color: var(--text-gray8080);}
p strong {color:var(--text-black);}
h1,h2,h3,h4,h5,h6 {font-weight:500;color:var(--text-black) !important;margin:0;padding:0;}
div.page-title {margin:0;padding:0 0 20px;border:0;min-height:1px;}
div.page-title h1 {font-size:24px;font-weight:500;line-height:1.21;color:var(--text-black);}
.ui-autocomplete, input,
.dx-widget input, .dx-widget textarea {font: normal 16px 'Figtree', sans-serif;color:var(--text-black);}
.dx-placeholder {color:var(--text-gray8080);}
.flex-row {display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.card {border-radius:10px;border:0;padding:20px;margin:10px 0;background:var(--bg-white);height:calc(100% - 20px)}
.card .card-header {background:transparent;border:0;padding:0 0 20px;align-items:center}
.card .card-header h4 {font-size:20px;font-weight:600;line-height:1.2;}
.center-2 .inputs,
.common-form .inputs {display:flex;flex-direction:column;margin:0;}
.center-2 .inputs label,
.common-form .inputs label {width:100%;text-align:left;font-size:14px;font-weight:600;line-height:1.214;margin:0 0 8px;display:block;color:var(--text-black)}
.common-form .inputs label span.required {color:#FF0000;font-size:14px;font-weight:600;line-height:1.214;}
.common-form .inputs .form-control {padding:10px 15px;color:var(--text-black);border-radius:10px;}
.common-form .inputs .dx-texteditor.dx-editor-outlined {border:0;box-shadow:none;background:transparent;}
.common-form .inputs .dx-texteditor-buttons-container {position:absolute;top:8px;right:0;height:24px;z-index:2;}
.common-form .inputs .dx-datebox-time .dx-dropdowneditor-icon {background:transparent;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;}
.common-form .inputs .dx-datebox-time .dx-dropdowneditor-icon::before {font-size:0;display:block;position:relative;top:0;left:0;margin:0;
    background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22.5C17.5228 22.5 22 18.0228 22 12.5C22 6.97715 17.5228 2.5 12 2.5C6.47715 2.5 2 6.97715 2 12.5C2 18.0228 6.47715 22.5 12 22.5Z' stroke='%23808080' stroke-width='1.5'/%3E%3Cpath d='M12 8.5V12.5L14 14.5' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
.common-form .inputs .dx-dropdowneditor-button {margin-inline-end:16px !important;padding:0;min-width:24px;width:24px;}
.common-form .radio-group {display:flex;flex-wrap:wrap;gap:30px;}
.common-form .radio-group .radio-item {display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.common-form .radio-group .radio-item input[type="radio"] {position:absolute;left:-9999px;}
.common-form .radio-group .radio-item input[type="radio"] + label {width:100%;margin:0;padding:0 0 0 28px;position:relative;cursor:pointer;font-weight:400;}
.common-form .radio-group .radio-item input[type="radio"] + label span {display:block;font-weight:600;line-height:1.187;padding:0 0 8px;}
.common-form .radio-group .radio-item input[type="radio"] + label:before {content:'';width:18px;height:18px;position:absolute;left:0;border:1px solid var(--border-ddd);border-radius:50px;}
.common-form .radio-group .radio-item input[type="radio"] + label:after {content:"";width:12px;height:12px;position:absolute;left:3px;top:3px;border-radius:5px;background:var(--secondary)/*#85C442*/;background-size:10px 10px;-webkit-transform:scale(0);transform:scale(0);transition:all .3s ease-in-out;}
.common-form .radio-group .radio-item input[type="radio"]:checked + label:after {-webkit-transform:scale(1);transform:scale(1);}
.common-form .radio-group .radio-item input[type="radio"]:checked + label:before {border-color:var(--secondary)/*#85C442*/;}
.common-form .address-output {display:flex;flex-direction:column;padding:8px 0 0;}
.address-output .item {font-size:14px;color:var(--text-gray8080);font-weight:500;line-height:1.214;font-style:italic;white-space:normal;}
.common-form .inputs .nice-select {padding:10px 40px 10px 15px;}
.common-form .inputs .select2-container {font-size:16px;}
.select2-container .select2-selection--single {height:40px;border-color:var(--border-ddd);border-radius:10px;display:flex;align-items:center;background:var(--bg-white);}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left:15px;padding-right:25px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color:var(--border-ddd);background:var(--bg-white);}
.select2-container .select2-selection--multiple {min-height:40px;display:flex;align-items:center;padding-bottom:0;padding-left:15px;padding-right:15px;border-color:var(--border-ddd);border-radius:10px;background:var(--bg-white);}
.select2-container .select2-selection--multiple .select2-selection__rendered {margin:0;display:flex;gap:5px;max-width:100%;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {display:flex;align-items:center;flex-direction:row-reverse;background-color:var(--body-light);border:0;border-radius:5px;margin-left:0;margin-top:0;padding:5px 10px 5px 8px;font-size:12px;color:var(--text-black);}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {font-size:0;width:11px;height:14px;flex:0 0 11px;border:0;padding:0;position:relative;background: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.62891 2.37891L5.73047 5.25L8.62891 8.12109C8.79297 8.30339 8.875 8.51302 8.875 8.75C8.875 8.98698 8.79297 9.19661 8.62891 9.37891C8.44661 9.54297 8.23698 9.625 8 9.625C7.76302 9.625 7.55339 9.54297 7.37109 9.37891L4.5 6.48047L1.62891 9.37891C1.44661 9.54297 1.23698 9.625 1 9.625C0.763021 9.625 0.553385 9.54297 0.371094 9.37891C0.207031 9.19661 0.125 8.98698 0.125 8.75C0.125 8.51302 0.207031 8.30339 0.371094 8.12109L3.26953 5.25L0.371094 2.37891C0.207031 2.19661 0.125 1.98698 0.125 1.75C0.125 1.51302 0.207031 1.30339 0.371094 1.12109C0.553385 0.957031 0.763021 0.875 1 0.875C1.23698 0.875 1.44661 0.957031 1.62891 1.12109L4.5 4.01953L7.37109 1.12109C7.55339 0.957031 7.76302 0.875 8 0.875C8.23698 0.875 8.44661 0.957031 8.62891 1.12109C8.79297 1.30339 8.875 1.51302 8.875 1.75C8.875 1.98698 8.79297 2.19661 8.62891 2.37891Z' fill='%23808080'/%3E%3C/svg%3E%0A") no-repeat center center;background-size:10px 10px;}
.select2-results__option {white-space:normal;line-height:1.187;padding:7px 15px;color:var(--text-black);}
.select2-dropdown {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);border:0;border-radius:10px;background:var(--bg-white);}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:var(--primary);color:var(--text-white);}
.select2-container--default .select2-results__option--selected {background-color:var(--body-light);}
.address-input .select2-container--default .select2-selection--multiple .select2-selection__choice {font-size:16px;background-color:transparent;padding:0;}
.address-input .select2-container--default .select2-selection--multiple .select2-selection__choice__display {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.select2-container .select2-selection--single .select2-selection__rendered {font-size:16px;color:var(--text-black);}
.select2-search--dropdown {padding:7px 15px;}
.select2-container--default .select2-search--dropdown .select2-search__field {height:40PX;border-radius:10px;border-color:var(--border-ddd);padding:0 15px;outline:none;background:var(--bg-white);color:var(--text-black);}
.select2-container .select2-search,
.select2-selection .select2-search {max-width:100%;width:100%;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:24px;height:24px;top:8px;right:15px;background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9.50005C18 9.50005 13.5811 15.5 12 15.5C10.4188 15.5 6 9.5 6 9.5' stroke='%23808080' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;background-size:24px 24px;-webkit-transform:rotate(-180deg);transform:rotate(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.select2-container--default .select2-selection--single .select2-selection__arrow b {visibility:hidden;}
.common-form .inputs .select2-container textarea {min-height:1px;margin:0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.common-form .inputs.phone .form-control {padding:10px 15px 10px 78px;}
.common-form .title {padding:0 0 20px;}
.common-form .title h6 {font-size:20px;font-weight:600;}
.inputs input[type="text"], .inputs input[type="email"], 
.inputs input[type="tel"], .inputs input[type="password"],
.inputs input[type="date"], .inputs input[type="time"],
.inputs input:-webkit-autofill, .inputs input:-webkit-autofill:focus,  
.inputs .dx-textbox .dx-texteditor-input,
.inputs select, .inputs textarea {width:100%;height:40px;border:1px solid var(--border-ddd);background-color:var(--bg-white);border-radius:10px;padding:10px 15px;font-size:16px;color:var(--text-black);outline:none;}
.inputs textarea {height:100px;resize:none;}
.form-control:focus {color: var(--text-black);background-color:var(--bg-white);border-color: var(--primary);outline: 0;box-shadow: none;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.dx-dropdowneditor-button {min-width: 30px;width: 30px;}
.dx-datebox-date .dx-dropdowneditor-icon {width:20px;height:20px;border:0;background:transparent !important;font-size:0;}
.dx-datebox-date .dx-dropdowneditor-icon::before,
input[type="date"]::-webkit-calendar-picker-indicator {
    content:'';
    position:relative;top:0;left:0;margin:0;
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2V6M8 2V6' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 4H11C7.22876 4 5.34315 4 4.17157 5.17157C3 6.34315 3 8.22876 3 12V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V12C21 8.22876 21 6.34315 19.8284 5.17157C18.6569 4 16.7712 4 13 4Z' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 10H21' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9955 14H12.0045M11.9955 18H12.0045M15.991 14H16M8 14H8.00897M8 18H8.00897' stroke='%23808080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    border-width: 0;
}
input[type="time"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22.5C17.5228 22.5 22 18.0228 22 12.5C22 6.97715 17.5228 2.5 12 2.5C6.47715 2.5 2 6.97715 2 12.5C2 18.0228 6.47715 22.5 12 22.5Z' stroke='%23808080' stroke-width='1.5'/%3E%3Cpath d='M12 8.5V12.5L14 14.5' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    border-width: 0;
}
.inputs input[type="date"] {}
.inputs select {padding:0 15px;}
input:-webkit-autofill {
    -webkit-box-shadow: none;
    background: transparent;
}
.common-form .form-row {--bs-gutter-x: 15px;--bs-gutter-y: 15px;}
.common-form .inputs .ui-widget.ui-widget-content {border-color:var(--border-ddd);border-radius:10px;background:var(--bg-white);padding:5px 0;width:100% !important;left:auto !important;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);}
.common-form .inputs .ui-autocomplete li {border-top:0;padding:0;white-space:normal;}
.common-form .inputs .ui-autocomplete li.add-address-btn {padding:5px 15px;position: sticky; top: 0; z-index: 2;background: var(--bg-white);}
.common-form .inputs .ui-menu .ui-menu-item-wrapper {border:0;margin:0;padding:7px 15px;}
.common-form .inputs .ui-menu .ui-menu-item-wrapper.ui-state-active {background:var(--primary);color:var(--text-white);}
.select2-container .add-new-address {padding:7px 15px;order:-1;list-style:none;}
.address-select .list {display:flex;flex-direction:column;max-height:30vh;}
.select2-container .btn button,
.address-select .btn button {display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;background:var(--primary);font-size:16px;color:#ffffff;font-weight:600;height:40px;padding:0 15px;border-radius:10px;}
.select2-container .btn.outline button,
.select2-container .btn.outline button {background: transparent;border: 1px solid var(--primary);color: var(--primary);}
.select2-container .btn.outline button svg {margin:0 5px 0 0;-webkit-transform:translateX(0);transform:translateX(0);}
.select2-container .btn.outline button:hover,
.address-select .btn.outline button:hover {color:var(--text-white);background:var(--primary);}
.ui-datepicker {
    z-index: 1060 !important; /* same as Bootstrap modal */
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {background:var(--body-light)}
.iti__country { color:var(--text-black);}
.order-detail-card .iti {display:flex;align-items:center;}
.order-detail-card .iti__country-container {padding:0;position:relative;}
.order-detail-card .iti__selected-country-primary {height:auto;}
.order-detail-card .iti input.iti__tel-input, 
.order-detail-card .iti input.iti__tel-input[type=tel], 
.order-detail-card .iti input.iti__tel-input[type=text],
.search-card .iti input.iti__tel-input,
.search-card .iti input.iti__tel-input[type=tel], 
.search-card .iti input.iti__tel-input[type=text] {padding:0 0 0 5px !important;height:auto;line-height:1.5;}
.search-card input[type="tel"] {border:0;padding:0;outline:none;font-weight:600;height:20px;color:var(--text-black);font-size:14px;}
.search-card .iti {display:flex;align-items:center;}
.search-card .iti__country-container {position:relative;}
.search-card .iti__selected-country {padding:0;background:transparent;outline:none;}
.search-card .iti__selected-country .iti__arrow {display:none;}
.order-detail-card .iti .iti__selected-dial-code {font-size:14px;line-height:1;}
.order-detail-card .user-card .iti__selected-country, 
.order-detail-card .order-detail-card .iti__selected-country {height:auto;line-height:1;font-size:0;}
.iti--allow-dropdown .iti__dropdown-content .iti__search-input {width:calc(100% - 16px);margin:5px 8px;}
.iti__selected-flag {border-radius:10px 0 0 10px;}
.iti__selected-country {font-size:16px;background:var(--body-light);border-radius:10px 0 0 10px;padding:0 20px 0 10px;}
.iti__selected-country .iti__arrow {position:absolute;right:10px;}
.iti__selected-country-primary {background-color:transparent !important;padding:0;}
.iti__country-list {font-size:12px;}
.iti__country-list .iti__country-name {white-space:normal;}
.iti__dropdown-content {background:var(--bg-white);}
.iti--inline-dropdown .iti__dropdown-content {border-color:var(--border-ddd);z-index:3;}
.dx-calendar,
.dx-popup-wrapper>.dx-overlay-content {background:var(--bg-white);border-color:var(--border-ddd)}
.dx-dropdowneditor-overlay .dx-list-group-header, .dx-dropdowneditor-overlay .dx-list-item-content {color:var(--text-black);}
.address-input .address-group-wrapper {max-height:25vh;overflow-y:auto;scroll-behavior: smooth;}
.address-input .address-group-wrapper li {padding:7px 15px;}
.dx-texteditor.dx-editor-filled .dx-lookup-field, 
.dx-texteditor.dx-editor-filled .dx-placeholder::before, 
.dx-texteditor.dx-editor-filled .dx-texteditor-input, 
.dx-texteditor.dx-editor-outlined .dx-lookup-field, 
.dx-texteditor.dx-editor-outlined .dx-placeholder::before, 
.dx-texteditor.dx-editor-outlined .dx-texteditor-input {padding:0 15px;}
.dx-calendar-cell.dx-calendar-other-view, 
.dx-calendar-cell.dx-calendar-other-view.dx-state-active span, 
.dx-calendar-cell.dx-calendar-other-view.dx-state-hover span,
.dx-calendar-cell,
.dx-calendar-cell.dx-calendar-empty-cell {color:var(--text-black);}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span, 
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span, 
.dx-calendar-cell.dx-calendar-empty-cell {color:var(--text-black);opacity:0.5;}
.dx-calendar-navigator .dx-button, .dx-calendar-navigator .dx-button .dx-icon {color:var(--text-black);}
.dx-calendar-cell.dx-calendar-today span {border-color:var(--primary);}
.dx-calendar-cell.dx-calendar-contoured-date span {box-shadow:none;}
.dx-calendar-cell.dx-state-hover span {color:var(--text-white);background:var(--primary);}
.center-2 .inputs.checkbox {flex-direction:row;}
.center-2 .inputs.checkbox input[type="checkbox"] + label {width:auto;margin:0;padding:0 28px 0 0;position:relative;cursor:pointer;}
.center-2 .inputs.checkbox input[type="checkbox"] + label:before {content:'';width:18px;height:18px;position:absolute;right:0;border:2px solid var(--border-ddd);border-radius:5px;}
.center-2 .inputs.checkbox input[type="checkbox"] + label:after {content:"";width:18px;height:18px;position:absolute;right:0;border-radius:5px;background:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17969 0.820312C9.43359 1.05469 9.43359 1.46484 9.17969 1.69922L4.17969 6.69922C3.94531 6.95312 3.53516 6.95312 3.30078 6.69922L0.800781 4.19922C0.546875 3.96484 0.546875 3.55469 0.800781 3.32031C1.03516 3.06641 1.44531 3.06641 1.67969 3.32031L3.73047 5.37109L8.30078 0.820312C8.53516 0.566406 8.94531 0.566406 9.17969 0.820312Z' fill='white'/%3E%3C/svg%3E%0A") #1A73E8 center center no-repeat;background-size:10px 10px;-webkit-transform:scale(0);transform:scale(0);transition:all .3s ease-in-out;}
.center-2 .inputs.checkbox input[type="checkbox"]:checked + label:after {-webkit-transform:scale(1);transform:scale(1);}
.center-2 .inputs.checkbox input[type="checkbox"] {position:absolute;left:-9999px;}
.auto-tooltip .tooltip-inner {max-width: 100% !important;width: auto !important;white-space: normal;}
.text-left .tooltip-inner {text-align:left;}
.dashboard-tooltip .item {display:flex;flex-direction:column;}
.dashboard-tooltip .item + .item {padding:4px 0 0;}
.dashboard-tooltip .item h6 {padding:0 6px 0 0;}
.dashboard-tooltip .item p {opacity:0.8;}
.dashboard-tooltip h6 {font-size:14px;font-weight:600;color:var(--text-white) !important;}
.dashboard-tooltip p {font-size:14px;color:var(--tex-white);}
.dashboard-tooltip p b {font-weight:600;}
.dashboard-tooltip h6 b {font-weight:400;}
/*//\\//\\Header CSS ST//\\//\\*/
div.header-lower {display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:var(--bg-white);padding:10px 15px;-webkit-box-shadow: 0px 1px 3px 0px rgba(20, 146, 230, 0.05);box-shadow: 0px 1px 3px 0px rgba(20, 146, 230, 0.05);}
.header-lower .header-logo {margin:-10px 0 -10px -15px;padding:0 15px;display:flex;align-items:center;align-self:stretch;box-shadow:3px 0px 3px 0px rgba(20, 146, 230, 0.05);background:var(--bg-white);width:220px;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.show-menu .header-lower .header-logo {width:80px;}
.header-logo a img {width:auto;height:40px;opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.header-logo a img.store-logo-icon {position:absolute;top:50%;left:50%; opacity:0;transform:translate(-50%,-50%);}
.show-menu .header-logo a img {opacity:0;}
.show-menu .header-logo a img.store-logo-icon {opacity:1;}
.header-lower .search-box {max-width:700px;width:100%;margin:0 auto;}
.header-lower .search-box form {display:block;position:relative;}
.header-lower .search-box form .search-input-wrapper input {width:auto;height:40px;background:var(--bg-white);border:0;border-radius:10px;padding:0 0;outline:none;font-size:16px;color:var(--text-black);position:relative;z-index:1;}
.header-lower .search-box form .search-input-wrapper input::-webkit-input-placeholder,
.header-lower .search-box form .search-input-wrapper input::-moz-placeholder,
.header-lower .search-box form .search-input-wrapper input::placeholder {color:var(--text-gray8080) !important;opacity:1;}
.header-lower .search-box form .search-input-wrapper button {position:absolute;top:0;right:0;background:transparent;border:0;outline:none;box-shadow:none;z-index:1;width:35px;height:100%;display:-ms-flexbox;display:flex;align-items:center;padding:0 15px;justify-content:center;}
.header-lower .search-box form .search-input-wrapper button:hover {background:transparent;}
.search-filter-dropdown {position:absolute;top:30px;left:0;right:0;background:var(--body-light);border:1px solid var(--border-ddd);border-top:0;box-shadow: 0px 0px 10px 0px rgba(20, 146, 230, 0.05);border-radius:0 0 10px 10px;overflow:hidden;z-index:-1;display:none;}
.search-filter-wrapper > .row {--bs-gutter-x:15px;max-height:60.57vh;}
.search-filter-wrapper > .row > div[class*="col-"] {display:flex;flex-direction:column;max-height: 60.57vh;}
.search-filter-dropdown ul {padding:0;margin:0;}
.search-filter-dropdown .filter-options {background:var(--bg-white);padding:25px 15px 15px;flex:1;}
.search-filter-dropdown .filter-options li {display:flex;align-items:center;padding:10px 0;}
.search-filter-dropdown .filter-options li input[type="checkbox"] + label {display:block;margin:0;padding:0 0 0 28px;position:relative;cursor:pointer;}
.search-filter-dropdown .filter-options li input[type="checkbox"]:disabled + label {color:#bebebe;}
.search-filter-dropdown .filter-options li input[type="checkbox"] + label:before {content:'';width:18px;height:18px;position:absolute;left:0;border:2px solid var(--border-ddd);border-radius:5px;}
.search-filter-dropdown .filter-options li input[type="checkbox"] + label:after {content:"";width:18px;height:18px;position:absolute;left:0;border-radius:5px;background:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17969 0.820312C9.43359 1.05469 9.43359 1.46484 9.17969 1.69922L4.17969 6.69922C3.94531 6.95312 3.53516 6.95312 3.30078 6.69922L0.800781 4.19922C0.546875 3.96484 0.546875 3.55469 0.800781 3.32031C1.03516 3.06641 1.44531 3.06641 1.67969 3.32031L3.73047 5.37109L8.30078 0.820312C8.53516 0.566406 8.94531 0.566406 9.17969 0.820312Z' fill='white'/%3E%3C/svg%3E%0A") #1A73E8 center center no-repeat;background-size:10px 10px;-webkit-transform:scale(0);transform:scale(0);transition:all .3s ease-in-out;}
.search-filter-dropdown .filter-options li input[type="checkbox"]:checked + label:after {-webkit-transform:scale(1);transform:scale(1);}
.search-filter-dropdown .filter-options li input[type="checkbox"] {position:absolute;left:-9999px;}
.search-input-wrapper {display: flex;align-items: center;flex-wrap: wrap;gap: 0;border:1px solid var(--border-ddd);border-radius: 8px;background:var(--bg-white);cursor: text;padding:0;}
.search-filter-dropdown .result-section {background:var(--bg-white);padding:25px 15px 15px;text-align:left;flex-direction:column;max-height: 60.57vh;flex:1;}
.search-filter-dropdown .result-section + .result-section {border-top:1px solid var(--border-ddd);padding:15px;}
.search-filter-dropdown .result-section.half {max-height: 30.28vh;}
.search-filter-dropdown .result-section:empty {display:none;}
.search-filter-dropdown .result-section .items-wrapper {overflow:auto;margin:0 -15px;padding:0 15px;max-height:100%;flex:1;}
.search-filter-dropdown .result-section .result-item {padding:5px 0;display:flex;flex-wrap:wrap;position:relative;z-index:1;cursor:pointer;}
.search-filter-dropdown .result-section .result-item:after {content:'';position:absolute;top:0;left:-15px;bottom:0;right:-15px;background:var(--body-light);z-index:-1;opacity:0;transition:all .3s ease-in-out;}
.search-filter-dropdown .result-section .result-item.active:after {opacity:1;}
.search-filter-dropdown .result-section h5 {font-size:12px;color:var(--text-gray8080) !important;font-weight:600;padding:0 0 5px;}
.search-filter-dropdown .result-section h6 {font-size:12px;font-weight:600;line-height:1.166;padding:0 0 2px;}
.search-filter-dropdown .result-section p {font-size:12px;color:var(--text-black);line-height:1.416;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.search-filter-dropdown .result-section .result-item .imgbox {width:40px;height:40px;border:1px solid var(--border-ddd);border-radius:10px;position:relative;overflow:hidden;margin:0 10px 0 0;}
.search-filter-dropdown .result-section .result-item .imgbox img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.search-filter-dropdown .result-section .result-item .info {flex:1;}
.search-filter-dropdown .result-section .result-item p {display:flex;align-items:center;gap:5px;}
.search-filter-dropdown .result-section .result-item .map-pin {width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:0;background:var(--body-light);border-radius:5px;}
.search-filter-wrapper .search-card {padding:25px 15px 15px 0;margin:0;max-height:60.57vh;height:100%;background:transparent;}
.search-filter-wrapper .search-card .card-wrapper {border:1px solid var(--border-ddd);background: var(--bg-white);padding:20px 20px 75px;border-radius:10px;position:relative;overflow:auto;}
.search-filter-wrapper .search-card .imgbox {border-radius:10px;position:relative;overflow:hidden;margin:-20px -20px 0;}
.search-filter-wrapper .search-card .imgbox img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.search-filter-wrapper .search-card .mapbox {}
.search-filter-wrapper .search-card .imgbox .sku {position:absolute;top:5px;left:5px;font-size:12px;font-weight:600;color:var(--text-black);background:var(--bg-white);border-radius:10px;box-shadow: 0px 3px 3px 0px rgba(20, 146, 230, 0.05);line-height:1.166;padding:5px 10px;}
.search-filter-wrapper .search-card .imgbox:after {content:'';display:block;padding-top:73%;}
.search-filter-wrapper .search-card .info {padding:15px 0 0;text-align:center;}
.search-filter-wrapper .search-card .type-btn {display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0 0;}
.search-filter-wrapper .search-card h5 {font-size:20px;font-weight:600;line-height:1.2;padding:0 0 15px;text-align:center;color:var(--text-black) !important;}
.search-filter-wrapper .search-card h5 span {color:var(--text-gray8080);font-weight:400;}
.search-filter-wrapper .search-card .inventory-wrapper p {line-height:1.25;padding:5px 0 0;text-align:center;}
.search-filter-wrapper .search-card .inventory-wrapper p span {color:var(--text-black);font-weight:600;}
.search-filter-wrapper .search-card .card-wrapper:not(.inventory-wrapper) p {font-size:14px;line-height:1.214;padding:5px 0 0;}
.search-filter-wrapper .search-card .order-wrapper .info > .row {--bs-gutter-y:10px;}
.search-filter-wrapper .search-card .order-wrapper .info > .row + .row {margin-top:10px;}
.search-filter-wrapper .search-card .order-wrapper .status-detail {text-align:left;}
.search-filter-wrapper .search-card p {color:var(--text-gray8080);}
.search-filter-wrapper .search-card p strong{font-weight:600;color:var(--text-black);}
.search-filter-wrapper .search-card p > strong {padding:0 0 0 10px;}
.search-filter-wrapper .search-card .icon-btn {justify-content:center;gap:5px;}
.search-filter-wrapper .search-card .quantity-expand-wrapper {justify-content:center;padding:0 0 20px;flex-wrap:wrap;}
.search-filter-wrapper .search-card .quantity-expand-wrapper .btn {min-width:1px;width:47.5%;}
.search-card .swiper {height:auto;}
.search-card .inventory-main {border:1px solid var(--border-ddd);border-radius:10px;margin:10px 0 0;}
.search-card .swiper .swiper-slide img {width:100%;height:auto;}
.search-card .inventory-thumbs .swiper-slide {background: var(--bg-white);padding: 3px;border:3px solid var(--bg-white); border-radius: 10px;box-shadow: 0px 0px 5px 0px rgba(20, 146, 230, 0.1);margin: 10px 0;}
.search-card .inventory-thumbs .swiper-slide.swiper-slide-thumb-active {border-color:#1A73E8;}
.search-card .inventory-thumbs .swiper-slide,
.search-card .inventory-main .swiper-slide {position:relative;flex-direction:column;}
.search-card .inventory-main .swiper-slide:after {content:'';display:block;padding-top:82%;/*96%*/}
.search-card .inventory-thumbs .swiper-slide:after {content:'';display:block;padding-top:100%;}
.search-card .inventory-main.swiper .swiper-slide a {position:absolute;top:0;left:0;bottom:0;right:0;display:block;}
.search-card .inventory-thumbs.swiper .swiper-slide img,
.search-card .inventory-main.swiper .swiper-slide img {position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;}
.search-card .inventory-thumbs.swiper .swiper-slide img {top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:8px;}
.search-card .addcart-wrapper,
.search-card .icon-btn {position:absolute;bottom:16px;left:1px;right:16px;box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05);background:var(--bg-white);padding:10px;z-index:1;border-radius: 0 0 10px 10px;}
.search-card .addcart-wrapper  .icon-btn {position:relative;bottom:0;left:0;right:0;box-shadow:none;gap:0;padding:0;}
.search-card .addcart-wrapper > button {width:60%;height:40px;}
.search-card .quantity-wrapper {position:relative;max-width:100%;width:40%;margin:0;}
.search-card .quantity-wrapper button {position:absolute;top:1px;left:1px;height:38px;width:38px;text-align:center;padding:0;background:var(--bg-white) !important;border:0;border-radius:10px;outline:none !important;box-shadow:none !important;}
.search-card .quantity-wrapper input {border:1px solid var(--border-ddd);background:var(--bg-white);width:100%;height:40px;border-radius:10px;color:var(--text-black);text-align:center;font-size:16px;font-weight:600;outline:none;}
.search-card .quantity-wrapper button.plus {left:auto;right:1px;}
.search-card .order-wrapper p.reference-no {padding:6px 0 0 !important;}
.search-card .order-wrapper .btnbox {font-size:14px;line-height:1.214;white-space:nowrap;align-items:center;justify-content:center;flex-wrap:wrap;justify-content:center;}
.search-card .btn-row.transportation {width:100%;justify-content:center;padding:5px 0 0;}
.search-card .order-wrapper .btn-type {padding: 1px 4px;font-size:14px;line-height:1.25;border-radius:5px;width:auto;margin:0 0 0 5px;align-items:center;}
.search-card .order-wrapper .btn-type svg {margin:0 3px 0 0;}
.search-card .order-wrapper .btn-type.btn-final-mile {background:rgba(2, 255, 226, 0.2);border-color:#02FFE2;}
.search-card .order-wrapper .btn-type.btn-outline-warning,
.search-card .order-wrapper .btn-type.outbound {background:#FDF7EB;border-color:#FFB900;color:#262626;}
.search-card .order-wrapper .btn-type.btn-outline-success,
.search-card .order-wrapper .btn-type.inbound{background: #E7F9E6;border-color: #09BA00;color: #09BA00;}
.search-card .order-wrapper .btn-type.transportation{background:rgba(233, 87, 28, 0.05);color:#262626;border-color:#E9571C;}
.search-card .order-wrapper .btn-type svg {width:20px;height:auto;}
.search-card .order-wrapper .btn-transport {border: 1px solid #1A73E8;background:rgba(26, 115, 232, 0.2);}
.search-card .order-wrapper .btn-transport.btn-outline-point {background: rgba(70, 56, 140, 0.2);border-color:#46388C;}
.search-card .order-wrapper .order-address-card.origin {margin-top:20px;}
.search-card .order-wrapper .order-address-card {padding:10px;text-align:left;margin:0 0 5px;}
.search-card .order-wrapper h6.status-title {font-weight:600;text-align:left;font-size:14px;padding:20px 0 10px;}
.search-card .order-wrapper .order-status {flex-direction:column;}
.search-card .order-wrapper .order-status .item:before {content:'';height:100%;width:2px;left:11px;}
.search-card .order-wrapper .order-status .item:after {content:'';width:2px;height:0;top:-100%;left:11px;margin:0;display:block}
/*.search-card .order-wrapper .order-status .item:last-child .icon:after {visibility:hidden;}*/
.search-card .order-wrapper .order-status .item.no-active + .item:after,
.search-card .order-wrapper .order-status .item:first-child:after {display:none;}
.search-card .order-wrapper .order-status .item.active:after {height:100%;}
.search-card .order-wrapper .order-status .item {width:auto;justify-content:flex-start;flex-wrap:nowrap;align-items:center;padding:0 0 15px;}
.search-card .order-wrapper .order-status .icon {-ms-flex:0 0 24px;flex:0 0 24px;width:24px;height:24px;margin:0 10px 0 0;background:var(--bg-white);font-size:12px;}
.search-card .order-wrapper .order-status .icon svg {width:20px;height:auto;opacity:0;}
.search-card .order-wrapper .order-status .item.no-active .icon {background:var(--body-light);display:block;}
.search-card .order-wrapper .order-status .item.no-active .icon span:after {content:'';width:22px;height:2px;background:var(--border-ddd);position:absolute;top:11px;left:0;margin:0;z-index:1;transform:rotate(-45deg);opacity:0;display:block;z-index:-1;}
.search-card .order-wrapper .order-status .item.active .icon svg {opacity:1;}
.search-card .order-wrapper .order-status p {text-align:left;font-weight:500;color:var(--text-black);}
.search-filter-dropdown .load-more-wrapper {padding:5px 0 0;}
.search-filter-dropdown .load-more-wrapper button {border:0;background:transparent;box-shadow:none;border-radius:0;font-size:12px;font-weight:600;color:#1A73E8;line-height:1;}
.search-filter-dropdown .no-data-message,
.global-no-results {padding:26px 0 16px;text-align:center;}
.search-filter-dropdown .no-data-message p,
.global-no-results p {color:var(--text-black);font-size:16px;font-weight:600;}
.header-lower .search-box form .search-input-wrapper input {border: none;outline: none;width:auto;padding:0;flex:1;padding:0 15px;margin:0;}
.header-lower .search-box form .search-input-wrapper .tags-container {display: flex;flex-wrap: wrap;gap: 5px;padding:0 0 0 15px;}
.header-lower .search-box form .search-input-wrapper .tags-container:empty {padding:0;}
.header-lower .search-box form .search-input-wrapper .tag {display: flex;align-items: center;background: #f2f2f2;border-radius: 5px;padding: 6px 10px;font-size: 14px;color: var(--text-black);}
.header-lower .search-box form .search-input-wrapper .tag button {position:relative;background: none;border: none;color: #777;margin-left: 5px;cursor: pointer;font-size: 0;width:14px;padding:0;}
.header-lower .search-box form .search-input-wrapper .tag button:hover {color: #000;}
.header .header-links-wrapper {display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;float:none;padding:0;}
.header .header-links ul {display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;margin:0 -10px;padding:0 0 0 10px;}
.header .header-links ul li {position:relative;margin:0 10px;/*0 10px*/}
.header #topcartlink {max-width:100%;background-color:transparent;padding:0;}
.header #topcartlink span {line-height:1;position:relative;z-index:1;}
.header #topcartlink .circle {width: 56px;height: 56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.header #topcartlink .bg-circle {fill: var(--primary);stroke: transparent;stroke-width: 0;transform:scale(0);transform-origin:center center;transition:all .3s ease-in-out;}
.header #topcartlink .progress-circle {fill: none;stroke:var(--primary);stroke-width: 2;stroke-linecap: round;stroke-dasharray: 200;stroke-dashoffset: 200;transform: rotate(-90deg);transform-origin: 50% 50%;}
.header #topcartlink.animate .icon svg {-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
/*.header #topcartlink.animate .bg-circle {transform:scale(0.72);}*/
.header #topcartlink.animate .progress-circle {animation: progress-fill 1s ease-out forwards;}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity:0
    }

    75% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity:1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes progress-fill {
    from {
        stroke-dashoffset: 200;
        transform: rotate(-90deg);
    }

    to {
        stroke-dashoffset: 0;
        transform: rotate(0deg);
    }
}
@keyframes progress-fill {
    0% {
        stroke-dashoffset: 200;
        transform: rotate(-180deg);
    }
    50% {
        stroke-dashoffset: 100;
        transform: rotate(-90deg);
    }
    100% {
        stroke-dashoffset: 0;
        transform: rotate(0deg);
    }
}
.header #topcartlink a {background:none;padding:0;position:relative;width:35px;height:35px;border-radius:100%;border:1px solid var(--border-gray);color:var(--text-gray8080);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:0;position:relative;}
.header #topcartlink a:before {content:'';width:20px;height:20px;border:2px solid var(--primary);background:var(--primary);border-radius:24px;position:absolute;top:-6px;right:-6px;visibility:hidden;}
.header #topcartlink a:after {content:'';width:8px;height:8px;border:2px    solid var(--bg-white);border-radius:24px;background:var(--primary);position:absolute;top:0;right:0;}
.header #topcartlink.animate{animation: shakeCart .4s ease-in-out forwards;}
.header #topcartlink.animate a:before {-webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; visibility:visible;}
.header #topcartlink svg path {/*stroke-dasharray: 0;stroke-dashoffset: 0;*/fill:transparent;}
.header #topcartlink.animate svg path{animation: bagDraw 1.5s linear forwards;stroke:var(--primary);fill:var(--primary);}
/*.header #topcartlink.animate svg path[fill]{fill:var(--primary);}*/
@keyframes bagDraw {
    from {
        stroke-dashoffset: 100;
        stroke-dasharray: 100;
    }
}
@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}
.header #topcartlink a .cart-qty {display:flex;align-items:center;justify-content:center;position:absolute;top:-12px;;right:-5px;min-width:20px;height:20px;font-size:9px;color:var(--text-white);background:var(--secondary);border-radius:100px 100px 100px 0;padding:0 3px;}
.header a.ico-account {line-height:1;display:-ms-flexbox;display:flex;align-items:center;font-size:15px;color:var(--text-black);}
.header a.ico-account .icon {width:35px;height:35px;border-radius:100%;border:1px solid var(--border-gray);color:var(--text-gray8080);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:0;color:var(--text-gray8080);margin:0 5px 0 0;}
.header a.ico-account > svg {margin:0 0 0 5px;}
.header a.ico-account ~ .saubmenu {width:190px;position:absolute;top:100%;right:0;background:var(--bg-white);padding:15px;border-radius:6px;text-align:left;display:block;visibility:hidden;opacity:0;-webkit-box-shadow: 0px 1px 3px 0px rgba(20, 146, 230, 0.05);box-shadow: 0px 1px 3px 0px rgba(20, 146, 230, 0.05);    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.header a.ico-account ~ .saubmenu li {margin:0;display:block;padding:6px 0;}
.header a.ico-account ~ .saubmenu li a {line-height:1;font-size:15px;color:var(--text-black);display:flex;align-items:center;}
.header a.ico-account ~ .saubmenu li a i {font-size: 0;display: block;margin: 0 10px 0 0;}
.header a.ico-account ~ .saubmenu li a svg {color: var(--text-gray8080);}
.header .user-account:hover .saubmenu {visibility:visible;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
.theme-mode {position:relative;margin:0 10px 0 0;}
.theme-mode button {border:0;border-radius:10px;outline:none;background:var(--notification-bg);display:-ms-flexbox;display:flex;align-items:center;padding:10px 40px 10px 10px;font-size:15px;color:var(--text-black)}
.theme-mode button #theme-icon {margin:0 5px 0 0;font-size:0;}
.theme-mode button .arrow {position:absolute;top:10px;right:10px;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.theme-mode button.active .arrow {-webkit-transform:rotate(180deg);transform:rotate(180de);}
.theme-mode .dropdown {width:106px;position:absolute;top:100%;right:0;background:var(--bg-white);padding:0;border-radius:6px;text-align:left;display:block;visibility:hidden;opacity:0;-webkit-box-shadow: 0px 1px 3px 0px rgba(20, 146, 230, 0.05);box-shadow: 0px 1px 3px 0px rgba(20, 146, 230, 0.05);    -webkit-transition: all .3s ease-in-out;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.theme-mode .dropdown.show {opacity:1;visibility:visible;-webkit-transform:translateY(0px);transform:translateY(0px);}
.theme-mode .dropdown ul {display:-ms-flexbox;display:flex;flex-direction:column;font-size:15px;color:var(--text-black);padding:0;}
.theme-mode .dropdown ul li {padding:10px 10px;display:-ms-flexbox;display:flex;align-items:center;border-bottom:1px solid var(--border-ddd);cursor:pointer;}
.theme-mode .dropdown ul li:last-child {border-bottom:0;}
.theme-mode .dropdown ul li svg {margin:0 5px 0 0;}
.notification {margin:0 10px 0 0;}
.notification button {background:none;padding:0;position:relative;width:35px;height:35px;border-radius:100%;border:1px solid var(--border-gray);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:0;color:var(--text-gray8080)}
.notification button:after {content:'';width:8px;height:8px;border:2px solid var(--bg-white);border-radius:24px;background:var(--primary);position:absolute;top:0;right:0;}
.hamburger {color:var(--border-color-gray80);cursor:pointer;
  margin:0 0 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger .line{
  width: 24px;
  height: 2px;
  background-color: var(--border-color-gray80);
  display: none;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor:pointer;
}
.hamburger .line:nth-child(2) {
    opacity: 1;
}
.hamburger .line:nth-child(1) {
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}
.hamburger .line:nth-child(3) {
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}
.hamburger.is-active .line:nth-child(2) {
    opacity: 1;
}
.hamburger.is-active .line:nth-child(1) {
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}
.hamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
}
.flyout-cart {position:fixed;top:0;right:-100%;height:100%;width:500px;display:block;border:1px solid var(--border-ddd);background-color:var(--bg-white);box-shadow: 0px 0px 10px 0px rgba(20, 146, 230, 0.15);border-radius:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.show-cart .flyout-cart {right:0;}
.cart-backdrop {position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.4);z-index:2;opacity:0;visibility:hidden;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.show-cart .cart-backdrop {opacity:1;visibility:visible;}
/*.flyout-cart.open {display:block;}*/
.mini-shopping-cart {padding:30px 30px 0;height:100%;display:flex;flex-direction:column;}
.flyout-cart .cart-title {display:flex;align-items:center;justify-content:space-between;padding:0 0 30px;}
.cart-title h6 {font-size:20px;font-weight:600;}
.flyout-cart .cart-title button {color:var(--text-gray8080);background:transparent;border:0;padding:0;}
.flyout-cart .cart-title button:hover {background:transparent;}
.mini-shopping-cart .count:empty {display:none;}
.mini-shopping-cart .count {font-size:14px;color:var(--text-gray8080);padding:0;}
.mini-shopping-cart .items {border:0;max-height:calc(100vh - 224px);overflow:auto;margin:0 -20px 0 0;padding:0 20px 0 0;}
.mini-shopping-cart .item {gap:15px;align-items:flex-start;padding:0;}
.mini-shopping-cart .item + .item {padding-top:20px;}
.mini-shopping-cart .picture {width:90px;flex:0 0 90px;border:1px solid var(--border-ddd);border-radius:10px;overflow:hidden;}
.mini-shopping-cart .picture + .product {margin:0;display:flex;gap:10px;justify-content:space-between;flex:1;}
.mini-shopping-cart .attributes,
.mini-shopping-cart .quantity{margin:0;font-size:14px;color:var(--text-gray8080);line-height:1.214;font-weight:600;padding:0;}
.mini-shopping-cart .attributes {padding:0 0 4px;}
.mini-shopping-cart .quantity {font-weight:400;}
.mini-shopping-cart .quantity span {font-weight:600;color:var(--text-black);}
.mini-shopping-cart .quantity-wrapper {position:relative;max-width:140px;min-width:140px;width:100%;margin:0;}
.mini-shopping-cart .quantity-wrapper button {position:absolute;top:1px;left:1px;height:38px;width:38px;text-align:center;padding:0;background:var(--bg-white) !important;border:0;border-radius:10px;outline:none !important;box-shadow:none !important;}
.mini-shopping-cart .quantity-wrapper input {border:1px solid var(--border-ddd);background:var(--bg-white);width:100%;height:40px;border-radius:10px;color:var(--text-black);text-align:center;font-size:16px;font-weight:600;outline:none;}
.mini-shopping-cart .quantity-wrapper button.plus {left:auto;right:1px;}
.mini-shopping-cart .name {font-size:16px;font-weight:500;color:var(--text-black);}
.mini-shopping-cart .name a {color:var(--text-black);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.mini-shopping-cart .product .icon-btn {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;padding:10px 0 0;}
.mini-shopping-cart .checkbox-item {display:flex;align-items:center;justify-content:center;}
.mini-shopping-cart .checkbox-item input[type="checkbox"] + label {width:18px;height:18px;display:block;margin:0 auto;padding:0;position:relative;cursor:pointer;}
.mini-shopping-cart .checkbox-item input[type="checkbox"] + label:before {content:'';width:18px;height:18px;position:absolute;right:0;border:2px solid var(--border-ddd);border-radius:5px;}
.mini-shopping-cart .checkbox-item input[type="checkbox"] + label:after {content:"";width:18px;height:18px;position:absolute;right:0;border-radius:5px;background:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17969 0.820312C9.43359 1.05469 9.43359 1.46484 9.17969 1.69922L4.17969 6.69922C3.94531 6.95312 3.53516 6.95312 3.30078 6.69922L0.800781 4.19922C0.546875 3.96484 0.546875 3.55469 0.800781 3.32031C1.03516 3.06641 1.44531 3.06641 1.67969 3.32031L3.73047 5.37109L8.30078 0.820312C8.53516 0.566406 8.94531 0.566406 9.17969 0.820312Z' fill='white'/%3E%3C/svg%3E%0A") #1A73E8 center center no-repeat;background-size:10px 10px;-webkit-transform:scale(0);transform:scale(0);transition:all .3s ease-in-out;}
.mini-shopping-cart .checkbox-item input[type="checkbox"]:checked + label:after {-webkit-transform:scale(1);transform:scale(1);}
.mini-shopping-cart .checkbox-item input[type="checkbox"] {position:absolute;left:-9999px;}
.mini-shopping-cart .buttons {margin:auto -30px 0;border-top:1px solid var(--border-gray);padding:20px 30px;}
.mini-shopping-cart .product .icon-btn button[type="button"] {justify-self:center;width:40px;height:40px;background-color:var(--body-light);border:0;border-radius:10px;display:flex;color:var(--primary);padding:0;justify-content:center;align-items:center;justify-self:center;margin:0;}
.mini-shopping-cart .error-message {padding:6px 0 0;font-size:12px;color:#dc3545;}
/*//\\//\\Header CSS ED//\\//\\*/

.page {width:100%;}
.master-wrapper-page {display:-ms-flexbox;display:flex;flex-direction:column;height:100vh;overflow:hidden;max-width:2260px;margin:0 auto;}
.master-wrapper-content {height:calc(100% - 60px);z-index:unset;}
.admin-bar .master-wrapper-content {height:calc(100% - 95px);}
.master-column-wrapper {display:-ms-flexbox;display:flex;flex-wrap:wrap;width:100%;height:100%;z-index:unset;}
.master-column-wrapper .side-2 {-ms-flex:0 0 220px;flex:0 0 220px;width:220px;float:none;margin:0;height:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.master-column-wrapper .center-2 {-ms-flex:1;flex:1;width:auto;float:none;margin:0;padding:20px;max-height:calc(100vh - 74px);overflow:auto;}
.custom-sidebar {height:100%;display:-ms-flexbox;display:flex;flex-direction:column;background:var(--bg-white);margin:0;padding:15px;-webkit-box-shadow: 1px 0px 3px 0px rgba(20, 146, 230, 0.05);box-shadow: 1px 0px 3px 0px rgba(20, 146, 230, 0.05);}
body.show-menu .side-2  {-ms-flex:0 0 80px;flex:0 0 80px;width:80px;}
.custom-sidebar .menu-title {justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-ddd);padding:0 0 15px;margin:0 0 15px;}
.custom-sidebar .menu-title h6 {font-weight:700;font-size:16px;}
.custom-sidebar .closed {cursor:pointer;}
.custom-sidebar ul {display:-ms-flexbox;display:flex;flex-direction:column;margin:0;padding:0 0 60px;flex:1;}
.custom-sidebar ul li {display:block;}
.custom-sidebar ul li:last-child {border-top:1px solid var(--border-color-gray);margin:15px 0 0;padding:15px 0 0;}
.custom-sidebar ul li a {display:-ms-flexbox;display:flex;align-items:center;padding:10px 15px;font-size:16px;color:var(--text-black);border-radius:10px;margin-bottom:2px;}
body.show-menu .custom-sidebar ul li a {font-size:0;}
.custom-sidebar ul li a:hover, .custom-sidebar ul li.active a { background: var(--primary);color: var(--text-white);}
.custom-sidebar ul li a i {font-size:0;display:block;margin:0 10px 0 0;}
.custom-sidebar ul li a svg {color:var(--text-gray8080);}
.custom-sidebar ul li a:hover svg, .custom-sidebar ul li.active a svg {color: var(--text-white);}
.get-help {margin:auto 0 0;visibility:visible;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
body.show-menu .get-help {visibility:hidden;}
.get-help h6{font-size:16px;color:var(--text-black);font-weight:700;line-height:1.187;padding:0 0 10px;}
.get-help .help-row {display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:5px;}
.get-help .partnership-tag {margin:20px 0 0;flex-direction:row;}
.get-help .partnership-tag img {height:22px;margin:0 0 0 10px;}
html[data-bs-theme="light"] .partnership-tag img.light {display:inline-block;}
html[data-bs-theme="light"] .partnership-tag img.dark {display:none;}
html[data-bs-theme="dark"] .partnership-tag img.dark {display:inline-block;}
html[data-bs-theme="dark"] .partnership-tag img.light {display:none;}
.helpbtn {display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;}
.helpbtn a {width:100%;display:-ms-flexbox;display:flex;align-items:center;border:1px solid var(--primary);border-radius:10px;padding:9px 21px;font-size:16px;color:var(--primary);font-weight:600;line-height:1;}
.helpbtn a:hover {background:var(--primary);color:var(--text-white);}
.helpbtn a svg {margin:0 10px 0 0;}
.header, .header-menu,
.master-wrapper-content,
.footer {width: 100% !important;}
.admin-header-links {width:100%;position:relative;top:0;left:0;z-index:1;}


/*//\\//\\Login page css ST//\\//\\*/
.html-authenic-page .header,
.html-authenic-page .header-menu,
.html-authenic-page .footer {display:none;}
.html-authenic-page,
.html-authenic-page body {height:100%;}
.html-authenic-page .master-wrapper-page {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.html-authenic-page .center-1 {padding:0;margin:0;width:100%;display:-ms-flexbox;display:flex;flex-wrap:wrap;width:100%;align-items:center;}
.loginpage-bg {position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;}
.loginpage-bg .bg-overlay {position:absolute;top:0;left:0;bottom:0;right:0;background:var(--primary);opacity:0.4;}
.loginpage-bg img {width:100%;height:100%;object-fit:cover;}
.login-form {max-width:440px;display:block;margin:0 auto;padding:0 20px;}
.login-form .title {margin:0;padding:0 0 15px;}
.html-send-email-page .login-form .title {padding:0;}
.login-form .title img {max-width:80px;height:auto;display:block;margin:0 auto 40px;}
.login-form .title img.login-logo-top {max-width:180px; min-width:180px}
.login-form .title h1 {font-size:36px;color:var(--text-black);line-height:1.194;padding: 0 0 10px;font-weight:700;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.login-form .title h1 span {font-size:0;margin:0 0 0 10px;}
.login-form .title h1 svg path {opacity:0;}
.login-form .title.warning h1 svg path,
.login-form .title.success h1 svg path {
    opacity: 1;
    --line-length: 120;
    --delay: 0s;
    --animation-speed: 1.8s;
    stroke-dasharray: var(--line-length);
    stroke-dashoffset: var(--line-length);
    -webkit-animation: drawPath var(--animation-speed) linear 1 forwards;
    -moz-animation: drawPath var(--animation-speed) linear 1 forwards;
    -o-animation: drawPath var(--animation-speed) linear 1 forwards;
    animation: drawPath var(--animation-speed) linear 1 forwards;
    -webkit-animation-delay: var(--delay);
    -moz-animation-delay: var(--delay);
    -o-animation-delay: var(--delay);
    animation-delay: var(--delay);
}
@keyframes drawPath {
    0% { stroke-dashoffset: var(--line-length); }
   100% { stroke-dashoffset: 0; }
}
.login-form .title p {font-size:14px;padding:2px 0 25px;line-height:1.428;color:var(--text-gray8080);}
.login-form .title p.pb-0 {padding-bottom:0 !important;}
.login-form .title .buttons {padding:15px 0 0;}
.login-form form {background:var(--bg-white);border:0;border-radius:20px;padding:30px 25px;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
html[data-bs-theme="dark"] .login-form form  {background:var(--body-light);}
.login-form .inputs-row {display:block;}
.login-form .inputs {display:flex;flex-direction:column;}
.login-form .inputs label {width:100%;display:block;margin:0;padding:0 0 8px;text-align:left;font-size:14px;color:var(--text-black);font-weight:600;line-height:1.214;}
.login-form .input-wrap {position:relative;}
.login-form .input-wrap .icon {position:absolute;top:10px;right:15px;z-index:1;cursor:pointer;}
.login-form .inputs .form-control {width:100%;height:40px;display:block;border:1px solid var(--border-ddd);background-color:var(--bg-white);border-radius:10px;padding:0 50px 0 15px;outline:none;color:var(--text-black);}
.login-form .inputs .field-validation-error {text-align:left;font-size:14px;padding:10px 0 0;margin:0;white-space:normal;}
.login-form .inputs.reversed {margin:15px 0 0;}
.login-form .buttons {margin:0;}
div.message-error, div.field-validation-error, 
div.username-not-available-status, div.poll-vote-error, 
div.password-error {font-size:14px;margin:0 0 20px;}
div.message-error ul {padding:0;}
.buttons button.button-1,
.buttons a.button-1 {display:block;width:100%;height:40px;background-color:var(--primary);font-size:16px;color:var(--text-white);border-radius:10px;text-transform:none;outline:none;}
.buttons button.button-1:hover,
.buttons a.button-1:hover {background-color:var(--secondary)}
.forgot-password {font-size:14px;line-height:1.214;color:var(--color-blue);font-weight:600;padding:0 0 15px;}
.forgot-password a {color:var(--color-blue);}
.partnership-tag {display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--border-color-gray80);margin:25px 0 0;}
.partnership-tag img {margin:10px 0 0;height:48px;width:auto;}

/*//\\//\\Inventory List page css ST//\\//\\*/
.filter-row{display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.filter-row .filter-option {margin:0 0 0 auto;}
.filter-option {display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:10px;}
.filter-option .search-box {display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.filter-option .search-box form {display:-ms-flexbox;display:flex;flex-wrap:wrap;position:relative;}
.filter-option .search-box form input {background:var(--bg-white);border:1px solid var(--border-ddd);border-radius:10px;padding:0 50px 0 15px;height:40px;outline:none;font-size:16px;color:var(--text-black);}
.filter-option .search-box form input::-webkit-input-placeholder,
.filter-option .search-box form input::-moz-placeholder,
.filter-option .search-box form input::placeholder {color:var(--text-gray8080);opacity:1;}
.filter-option .search-box form button {position:absolute;top:10px;right:15px;background:transparent;border:0;font-size:0;z-index:1;cursor:pointer;}
.view-mode {display:-ms-flexbox;display:flex;align-items:center;border:1px solid var(--border-color-gray80);border-radius:10px;overflow:hidden;}
.view-mode button {width:48px;height:38px;border:0;outline:none;background:transparent;font-size:0;color:var(--text-gray8080);}
.view-mode button.active {background:var(--body-dark);color:var(--text-white);}
.filter-option .options {display:-ms-flexbox;display:flex;align-items:center;gap:10px;}
.options button {width:40px;height:40px;font-size:0;display:-ms-flexbox;display:flex;align-items:center; justify-content:center;border:0;outline:none;background:transparent;}
.filter-result {display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;order:1;padding:0 0 0 10px;}
.filter-result h6 {font-size:16px;font-weight:600;line-height:1.187;}
.filter-result p {font-size:12px;color:var(--text-gray8080);font-weight:400;line-height:1.166;}
.archivefilter-result {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 1;
    padding: 0 0 0 10px;
}

    .archivefilter-result h6 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.187;
    }
    .archivefilter-result p {
        font-size: 12px;
        color: var(--text-gray8080);
        font-weight: 400;
        line-height: 1.166;
    }
.inventory-cards {padding:0 0 20px;--bs-gutter-x: 15px;--bs-gutter-y: 15px;}
.graph-card h3 {font-size:20px;line-height:1.2;font-weight:600;}
.graph-card p {padding:5px 0 0;}
.graph-card .graph {padding:20px 0 0;}
.cardbox {background:var(--bg-white);display:-ms-flexbox;display:flex;border-radius:10px;height:100%;}
.cardbox a {padding:25px;display:-ms-flexbox;display:flex;flex-direction:column;flex:1;}
.cardbox .icon {margin:0;color: var(--primary);background: rgba(133, 196, 66, 0.1);padding:10px;border-radius:10px;}
.cardbox .icon svg {width:40px;height:auto;}
.cardbox .icon svg path {stroke:var(--primary);}
.cardbox .icon svg path[fill]{fill:var(--primary);}
.cardbox .value-title {justify-content:space-between;align-items:center;}
.cardbox .value-title i {color:var(--text-gray8080);}
.cardbox .value {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex:1;padding:30px 0 0;}
.cardbox h6 {font-size:16px;line-height:1.19;color:var(--text-gray8080) !important;font-weight:normal;padding:0;}
.cardbox p {font-size:36px;color:var(--text-black);font-weight:700;line-height:1.194;margin:0;}
.cardbox .indicator {flex:1;}
.cardbox .trend {display: flex;margin:-5px 0 0;flex-wrap:wrap;gap:5px;}
.cardbox .trend span {display:flex;font-size:12px;line-height:1.167;font-weight:700;color:#09BA00;padding:4px 8px;background:rgba(9, 186, 0, 0.1);border-radius:10px;}
.cardbox .trend.red span {color:#FF0000;background:rgba(255, 0, 0, 0.1);}
.cardbox .trend svg {margin:0 0 0 10px;}
.cardbox .trend h6 {font-weight:400;display:flex;align-items:center;padding:1px 5px;font-size:14px;line-height:1.25;border-radius:5px;background: #FDF7EB;border:1px solid #FFB900;color: #262626;}
.cardbox .trend h6 b {color:#262626;font-weight:600;padding:0 0 0 5px;line-height:1.25;}
.cardbox .trend h6 p {font-size:14px;color:#262626;font-weight:400;line-height:1.25;}
.cardbox .trend h6.inbound {border-color:#09BA00;background:#E7F9E6;}
.table-card {/*background:var(--bg-white);*/border-radius:10px;}
.table-card table {border-radius:10px;border:0;}
.action-control .qtybox {display:-ms-flexbox;display:flex;align-items:center;}
.action-control .qtybox .qty-icon {color:var(--primary);margin:0 5px 0 10px;}
.action-control .qtybox .dt-arrow{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background:var(--body-light);width:20px;height:20px;border-radius:5px;transition:all .3s ease-in-out;}
.action-control .qtybox .dt-arrow svg path {color:var(--text-gray8080);}
.action-control svg{transform:rotate(0deg);}
.expand-all-btn {border:0;outline:none;background:transparent;display:-ms-flexbox;display:flex;align-items:center;margin-left:auto;font-size:12px;color:var(--color-blue);font-weight:600;}
.expand-all-btn .action-control .qtybox .dt-arrow {margin:0 0 0 5px;transform:rotate(0);transition:all .3s ease-in-out;}
.dt-hasChild .action-control .qtybox .dt-arrow{transform:rotate(180deg);}
.btn,.icon-btn {display:-ms-flexbox;display:flex;}
.btn a,
.btn button {display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;background:var(--primary);border:0;outline:none;font-size:16px;color:#ffffff;font-weight:600;height:40px;padding:0 15px;border-radius:10px;box-shadow:none;}
.btn.outline a {background:transparent;border:1px solid var(--primary);color:var(--primary);}
button.btn svg {margin:0 5px 0 0;}
.btn.outline a svg {margin:0 0 0 5px;-webkit-transform:translateX(0);transform:translateX(0);}
.btn.outline a[data-bs-toggle="modal"] svg,
.btn.outline a[data-modal="modal"] svg {margin:0 5px 0 0;}
.btn.outline a:hover {color:var(--text-white);background:var(--primary);}
.btn.outline a:not([data-bs-toggle="modal"]):not([data-modal="modal"]):hover svg {-webkit-transform:translateX(5px);transform:translateX(5px);}
.btn a[data-bs-toggle="modal"] span svg {margin:0 10px 0 0;}
button.btn {display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;font-size:16px;font-weight:600;height:40px;padding:0 15px;border-radius:10px;outline:none !important;box-shadow:none !important;}
button.btn.btn-outline-primary {color:var(--primary);border-color:var(--primary);}
button.btn.btn-outline-secondary {color:var(--text-black);border:1px solid var(--border-ddd);background:var(--bg-white);}
button.btn.btn-outline-secondary:hover {background:var(--primary);color:var(--text-white);border-color:var(--primary);}
button.btn.btn-outline-primary:hover {color:var(--text-white);background-color:var(--primary);}
.btn-primary {color: var(--text-white);background-color: var(--primary);border-color: var(--primary);}
.btn-primary.active, .btn-primary:active,
.btn-primary:focus,.btn-primary.active:focus, .btn-primary:active:focus,
.btn-primary:hover {background-color:var(--secondary);border-color: var(--secondary);}
.btn-secondary {color: var(--text-black);background-color: var(--body-light);border-color: var(--body-light);}
html[data-bs-theme="dark"] .btn-secondary {background-color: var(--bg-white);}
.btn-secondary:hover,
.btn-secondary.active, .btn-secondary:active,
.btn-secondary:focus,.btn-btn-secondary.active:focus, .btn-btn-secondary:active:focus,
html[data-bs-theme="dark"] .btn-secondary:hover {color: var(--text-white);background-color: var(--primary);border-color: var(--primary);}
.icon-btn a,
.icon-btn button {width:40px;height:40px;border-radius:10px;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;background:var(--body-light);color:var(--primary);border:0;outline:none;box-shadow:none;position:relative;overflow:hidden;}
button.cart-btn .cart-icon {-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;position:relative;left:0;}
button.cart-btn .box-1,
button.cart-btn .box-2 {position:absolute;top: -8px;width:4px;height:auto;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0;}
button.cart-btn .box-1 {left: 18px;transform: rotate(45deg);}
button.cart-btn .box-2 {left: 24px;transform: rotate(63deg);}
button.cart-btn .checkmark {position: absolute;left: 0;top:0;z-index: 2;}
button.cart-btn.added .box-1,
button.cart-btn.added .box-2 {top: 18px;opacity:1;}
button.cart-btn.added .tick path {stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: grow 0.6s forwards;-webkit-animation: grow 0.6s forwards;animation-delay: 1s;}
button.cart-btn.added .checkmark {width: 40px;height: 40px;border-radius: 10px;display: block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10;box-shadow: inset 0px 0px 0px #4BAE4F;animation: fillMark .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;animation-delay: 1s;}
button.cart-btn.added .checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #4BAE4F;fill: none;animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;animation-delay: 1s;}
button.cart-btn.added .checkmark__check {transform-origin: 50% 50%;stroke-dasharray: 36;stroke-dashoffset: 35;animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;animation-delay: 1s;}
/*button.cart-btn.added .cart-icon {opacity:0;}*/
.cart-fly {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%) scale(0);
    width:20px;height:20px;background:#4BAE4F;
    border-radius:100px;
    visibility:hidden;
}

/* animation */
.cart-fly.animate {
    animation: flyToCart 2s cubic-bezier(.4,0,.2,1) forwards;
    visibility:visible;
    animation-delay:0.7s;
}

@keyframes flyToCart {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate( calc(-50% + var(--move-x)), calc(-50% + var(--move-y)) ) scale(0.5);
    }
    100% {
        opacity: 1;
        transform: translate( calc(-50% + var(--move-x)), calc(-50% + var(--move-y)) ) scale(0);
    }
}



@keyframes fillMark {
    100% {
        box-shadow: inset 0px 0px 0px 50px #4BAE4F;
    }
}
@keyframes shakeCart {
    25% {
        transform: translateX(6px);
    }

    50% {
        transform: translateX(-4px);
    }

    75% {
        transform: translateX(2px);
    }

    100% {
        transform: translateX(0);
    }
}
@-webkit-keyframes grow {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 1000;
    }
}
@keyframes grow {
/*  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }*/
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 1000;
    }
}
.dt-right .icon-btn {justify-content:flex-end;}
.qty-wrapper {display:-ms-flexbox;display:flex;align-items:center;position:relative;}
.qty-wrapper .qty-input {width:100%;height:40px;border:1px solid var(--border-ddd);background:var(--bg-white);border-radius:10px;outline:none;box-shadow:none;text-align:center;font-size:16px;color:var(--text-black);font-weight:600;-webkit-appearance:none;appearance:none;}
.qty-wrapper input[type=number]::-webkit-inner-spin-button, 
.qty-wrapper input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.qty-wrapper button {position:absolute;top:0;left:0;width:40px;height:40px;background:transparent;border:0;box-shadow:none;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:0;z-index:1;}
.qty-wrapper button.plus {left:auto;right:0;}
.datagrid-table .dx-command-expand {display: none;}
.dx-datagrid-nodata {color:var(--text-black);}
.dx-header-filter-menu .dx-popup-content {padding:12px 0 0;border-bottom:1px solid var(--border-ddd);}
.dx-header-filter-menu .dx-list-select-all {border-bottom:1px solid var(--border-ddd);line-height:1;}
.dx-header-filter-menu .dx-list-item {border-top:0;}
.dx-datagrid-headers .dx-datagrid-table .dx-row>td {border-bottom:0;}
.dx-datagrid .dx-column-lines>td {border-left:0;border-right:0;}
.dx-datagrid input[type="text"] {border:0;}
.quantity-expand-wrapper {display:-ms-flexbox;display:flex;gap:10px;align-items:center;}
.quantity-expand-wrapper .quantity-wrapper {background:var(--notification-bg);display:-ms-flexbox;display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;padding:5px;border-radius:10px;min-width:98px;}
.quantity-expand-wrapper span {display:block;margin:0 5px;font-weight:600;}
.quantity-expand-wrapper i {margin:0 0 0 auto;transform:rotate(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.quantity-expand-wrapper i.dx-icon-collapse {transform:rotate(180deg);}
.quantity-expand-wrapper i:before {content:url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6667 7.50004C15.6667 7.50004 11.9843 12.5 10.6667 12.5C9.34908 12.5 5.66675 7.5 5.66675 7.5' stroke='%23808080' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.quantity-expand-wrapper .btn {padding:1px 5px;font-size:14px;font-weight:600;border-radius:5px;min-width:114px;justify-content:center;text-align:center;}
.quantity-expand-wrapper .btn span {font-weight:normal;}
.quantity-expand-wrapper .btn.btn-outline-success {background:#E7F9E6;border-color:#09BA00;color:#262626;}
.quantity-expand-wrapper .btn.btn-outline-warning {background:#FDF7EB;border-color:#FFB900;color:#262626;}
.quantity-expand-wrapper .btn.btn-outline-secondary {background:#F4F4F4;border-color:var(--primary);color:#262626;}
.quantity-expand-wrapper .btn.btn-secondary,
.quantity-expand-wrapper .btn.btn-secondary:hover {background:var(--body-light);border-color:var(--body-light);color:var(--text-black);}
.tooltip {border:0;}
.dx-tooltip-wrapper .dx-overlay-content {background:#262626;border:0;}
.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {padding:0;}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {display:block;transform:scale(0.7);transform-origin:4px center;}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {border-color:#262626;background:#262626;}
.tooltip-content {padding: 6px 10px;color: #fff;border-radius: 4px;font-size: 12px;text-align: center;text-transform:capitalize;}
.table-card .table-title,
.inventory-page-wrapper .table-title {font-size:24px;color:var(--text-black);font-weight:500;line-height:1.208;white-space:nowrap;}
.table-card>.dx-datagrid-headers, 
.table-card>.dx-datagrid-rowsview, 
.table-card>.dx-datagrid-total-footer {background-color:transparent;}
.table-card>.dx-datagrid-filter-panel, 
.table-card>.dx-datagrid-headers,
.dx-datagrid-borders .dx-datagrid-rowsview, 
.dx-datagrid-headers+.dx-datagrid-rowsview, 
.dx-datagrid-rowsview.dx-datagrid-after-headers {border-top:0;}
.dx-datagrid-borders>.dx-datagrid-headers, 
.dx-datagrid-borders>.dx-datagrid-rowsview, 
.dx-datagrid-borders>.dx-datagrid-total-footer {border-left:0;border-right:0;}
.dx-datagrid-borders>.dx-datagrid-rowsview,
.dx-datagrid-borders>.dx-datagrid-total-footer,
.dx-datagrid-headers::before {border-bottom:0;}
.dx-datagrid-filter-row, 
.dx-datagrid-headers.dx-datagrid-sticky-columns 
.dx-datagrid-filter-row>td.dx-datagrid-sticky-column, 
.dx-datagrid-headers.dx-datagrid-sticky-columns 
.dx-datagrid-filter-row>td.dx-datagrid-sticky-column-left, 
.dx-datagrid-headers.dx-datagrid-sticky-columns 
.dx-datagrid-filter-row>td.dx-datagrid-sticky-column-right {background-color:transparent;}
.dx-editor-cell .dx-texteditor, 
.dx-editor-cell .dx-texteditor .dx-texteditor-input,
.dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-texteditor-input,
.dx-datagrid-headers .dx-datagrid-table .dx-row>td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space),
.dx-editor-cell .dx-texteditor, 
.dx-editor-cell .dx-texteditor.dx-state-active, 
.dx-editor-cell .dx-texteditor.dx-state-focused, 
.dx-editor-cell .dx-texteditor.dx-state-hover {background: transparent;}
.dx-datagrid-headers .dx-datagrid-table .dx-row>td .dx-sort, 
.dx-datagrid-headers .dx-datagrid-table .dx-row>td .dx-sort-indicator, 
.dx-datagrid-headers .dx-datagrid-table .dx-row>td:hover .dx-datagrid-text-content {color:var(--text-black);}
.dx-texteditor.dx-editor-outlined.dx-state-focused {box-shadow:none;}
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon, 
.dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {width:20px;height:20px;margin:0;background-size:20px 20px;line-height:20px;font-size:20px;}
.dx-texteditor .dx-texteditor-buttons-container:last-child>.dx-clear-button-area, 
.dx-texteditor .dx-texteditor-buttons-container:last-child>.dx-dropdowneditor-button:last-child, 
.dx-texteditor .dx-texteditor-buttons-container:last-child>.dx-numberbox-spin-container:last-child {margin-inline-end:0;}
.status-dropdown {display:flex;align-items:center;}
.status-dropdown label {color:var(--text-gray8080);font-weight:600;}
.status-dropdown .dx-dropdownbox {max-width:182px;}
.table-card .dx-toolbar-item .status-dropdown input[type="text"] {padding:0 6px 0 15px;}
.status-dropdown .dx-dropdowneditor-icon,
.status-dropdown .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {font:14px/14px DXIcons;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;color:var(--text-gray8080);}
.status-dropdown .dx-dropdowneditor-icon::before {content:"\f016";position:relative;top:0;left:0;margin-top:0;margin-left:0;}
.status-dropdown .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {content:"\f014";position:relative;top:0;left:0;margin-top:0;margin-left:0;}
.status-dropdown .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, 
.status-dropdown .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {background-color: transparent;border-color: transparent;}
/*Archived Status Dropdown*/
.archivedstatus-dropdown {
    display: flex;
    align-items: center;
}

    .archivedstatus-dropdown label {
        color: var(--text-gray8080);
        font-weight: 600;
    }

    .archivedstatus-dropdown .dx-dropdownbox {
        max-width: 182px;
    }

.table-card .dx-toolbar-item .archivedstatus-dropdown input[type="text"] {
    padding: 0 6px 0 15px;
}

.archivedstatus-dropdown .dx-dropdowneditor-icon,
.archivedstatus-dropdown .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    font: 14px/14px DXIcons;
    border: 0;
    background: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-gray8080);
}

    .archivedstatus-dropdown .dx-dropdowneditor-icon::before {
        content: "\f016";
        position: relative;
        top: 0;
        left: 0;
        margin-top: 0;
        margin-left: 0;
    }

    .archivedstatus-dropdown .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
        content: "\f014";
        position: relative;
        top: 0;
        left: 0;
        margin-top: 0;
        margin-left: 0;
    }

.archivedstatus-dropdown .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.archivedstatus-dropdown .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: transparent;
    border-color: transparent;
}

.status-popup-wrapper .dx-popup-content {padding:5px 15px;}
.status-popup-wrapper .dx-list-item.dx-state-active, 
.status-popup-wrapper .dx-list-item.dx-state-hover {background-color:transparent;}
.status-popup-wrapper .dx-list-item { border-top:0;}
.status-popup-wrapper .dx-list-item-content {padding:7px 10px;}
.status-popup-wrapper .dx-list-item-before-bag.dx-list-select-checkbox-container {width:18px;}
.status-popup-wrapper .dx-list-item-before-bag .dx-list-select-checkbox {margin-inline-start:0;margin:0;}
.status-popup-wrapper .dx-list-item:first-of-type {margin-top:0;}
.status-popup-wrapper .dx-list-item-selected .dx-item-content {color:var(--primary);}
.status-popup-wrapper .dx-checkbox-icon {width:18px;height:18px;}
.selected-status-tags {display:flex;gap:5px;overflow-x:auto;max-width:100%;}
.selected-status-tags .status-tag {background:var(--primary);color:var(--text-white);font-size:12px;font-weight:600;border-radius:10px;padding:4px 6px;display:flex;align-items:center;white-space:nowrap;}
.selected-status-tags .tag-close {display:block;margin:0 0 0 4px;font-size:18px;line-height:1;cursor:pointer;}
.dx-datagrid-headers .dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-texteditor-input {padding-right:0;}
.table-card .dx-datagrid-filter-row {background:var(--body-light-2);}
.table-card .dx-datagrid>.dx-datagrid-headers {background:var(--bg-white);border-radius:10px 10px 0 0;}
.table-card .dx-master-detail-row .dx-datagrid-headers {border-radius:0;}
.dx-datagrid-borders .dx-datagrid-rowsview, 
.dx-datagrid-headers+.dx-datagrid-rowsview {background:var(--bg-white);border-radius:0 0 10px 10px;}
.dx-widget {color:var(--text-black);font-family:'Figtree', sans-serif;}
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {pointer-events:none;}
.dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-texteditor-input {height:40px;line-height:40px;}
.dx-datagrid .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {padding-left:30px;}
.table-card .dx-widget {font-family:'Figtree', sans-serif;padding-bottom:0;border:0;}
.table-card .dx-datagrid-headers .dx-datagrid-table .dx-row>td {font-weight:600;}
.table-card .dx-datagrid .dx-row>td {padding:10px 15px;border-bottom:1px solid var(--border-ddd);font-size:15px;color:var(--text-black);font-weight:400;line-height:1.187;}
.table-card #ArchivedOrderListContainer .dx-datagrid .dx-row:not(.dx-datagrid-filter-row)>td,
.table-card #orderListContainer .dx-datagrid .dx-row:not(.dx-datagrid-filter-row)>td {padding:10px 5px;}
.table-card .dx-datagrid .dx-row>td.expand {padding:10px 10px;}
.table-card .dx-datagrid .dx-row>td .date.success {color:#09BA00;}
.table-card .dx-datagrid .dx-row>td .date.danger {color:#FF0000;}
.dx-datagrid-group-closed, 
.dx-datagrid-group-opened {width:20px;height:20px;font: 15px / 15px DXIcons;background:var(--body-light);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;}
.dx-datagrid-group-opened {background:#808080;color:var(--text-white);}
.dx-datagrid-group-opened::before {content:"\f002"}
.dx-datagrid-group-closed::before {content:"\f001"}
.dx-row>td.expand.rotated .expandbtn {background:var(--text-gray8080)}
.dx-row>td.expand .expandbtn svg {transform:rotate(0);transition:all .3s ease-in-out;}
.dx-row>td.expand.rotated .expandbtn svg {transform:rotate(-180deg)}
.dx-row>td.expand.rotated .expandbtn svg path {fill:#fff;}
.dx-toolbar-after, .dx-toolbar-before {position:relative;display:flex;}
.dx-toolbar-after {margin:0 0 0 auto;}
.dx-toolbar .dx-toolbar-items-container > div:empty {display:none;}
.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-left, 
.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-table .dx-row td.dx-datagrid-sticky-column-border-left {border-left:0;}
.table-card .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td,
.table-card .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td {background-color:var(--notification-bg);color:var(--text-black);}
.table-card .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)>td, 
.table-card .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)>td {border-color:var(--border-ddd);}
.table-card .dx-datagrid .dx-icon-filter-operation-default::before {content:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1666 14.1665L17.5 17.4998' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667Z' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.table-card .dx-datagrid-header-panel {padding:0;}
.table-card .dx-toolbar {margin-bottom:20px;}
.table-card.order-list .dx-toolbar-center {margin:0 !important;padding:0 0 0 20px;display:block;align-items:center;max-width:52%;overflow:visible;}
.table-card.order-list .dx-toolbar-center .status-tags-wrap {display:block;}
.table-card .dx-toolbar .dx-toolbar-after .dx-toolbar-item,
.inventory-grid .dx-toolbar .dx-toolbar-after .dx-toolbar-item{padding:0 0 0 10px;}
.table-card.order-list .dx-toolbar-after .dx-toolbar-item.filter-result-item {order:1;}
.table-card .dx-toolbar-after .dx-toolbar-item.dx-clear-filter {order:-1;}
.table-card .dx-toolbar .dx-toolbar-before {flex:auto;}
.table-card .dx-toolbar .dx-toolbar-after {display:-ms-flexbox;display:flex;flex-direction:row;width:100%;justify-content:flex-end;}
.table-card .dx-toolbar .dx-toolbar-items-container,
.inventory-grid .dx-toolbar .dx-toolbar-items-container {height:40px;display:flex;/*flex-wrap:wrap;*/}
.dx-toolbar-after .dx-toolbar-button.dx-toolbar-item .dx-button .dx-icon {width: 18px;height: 18px;font-size: 18px;-webkit-margin-end: 0;margin-inline-end: 0;-webkit-margin-start: 0;margin-inline-start: 0;}
.table-card .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button-mode-contained,
.table-card .dx-toolbar-button.dx-toolbar-item .dx-button-mode-contained {border-radius:0;background:transparent;border-color:transparent;box-shadow:none;}
.table-card .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button,
.table-card .dx-toolbar-button.dx-toolbar-item .dx-button{min-width:40px;min-height:40px;}
.table-card .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content,
.table-card .dx-toolbar-button.dx-toolbar-item .dx-button .dx-button-content{padding:0;}
.table-card .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon-column-chooser::before {content:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1068 28.1087C26.7155 29.5 24.4764 29.5 19.998 29.5C15.5197 29.5 13.2805 29.5 11.8893 28.1087C10.498 26.7175 10.498 24.4783 10.498 20C10.498 15.5217 10.498 13.2825 11.8893 11.8912C13.2805 10.5 15.5197 10.5 19.998 10.5C24.4763 10.5 26.7155 10.5 28.1068 11.8912C29.498 13.2825 29.498 15.5217 29.498 20C29.498 24.4783 29.498 26.7175 28.1068 28.1087Z' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.998 29.5V10.5' stroke='%23808080' stroke-width='1.5'/%3E%3Cpath d='M29.498 16H10.498' stroke='%23808080' stroke-width='1.5'/%3E%3Cpath d='M29.498 24H10.498' stroke='%23808080' stroke-width='1.5'/%3E%3C/svg%3E%0A");}
.table-card .dx-toolbar-button.dx-toolbar-item .dx-button .dx-icon-clear-filter::before {content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9987 4.5C20.9869 4.06504 20.8956 3.75346 20.672 3.5074C20.2111 3 19.396 3 17.7657 3H6.23433C4.60404 3 3.7889 3 3.32795 3.5074C2.86701 4.0148 2.96811 4.8008 3.17033 6.3728C3.22938 6.8319 3.3276 7.09253 3.62734 7.44867C4.59564 8.59915 6.36901 10.6456 8.85746 12.5061C9.08486 12.6761 9.23409 12.9539 9.25927 13.2614C9.53961 16.6864 9.79643 19.0261 9.93278 20.1778C10.0043 20.782 10.6741 21.2466 11.226 20.8563C12.1532 20.2006 13.8853 19.4657 14.1141 18.2442C14.1986 17.7934 14.3136 17.0803 14.445 16' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 7L15 13M21 13L15 7' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.table-card .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon-xlsxfile::before {content:url("data:image/svg+xml,%3Csvg width='38' height='40' viewBox='0 0 38 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 22V18.6569C20 17.8394 20 17.4306 19.8478 17.0631C19.6955 16.6955 19.4065 16.4065 18.8284 15.8284L14.0919 11.0919C13.593 10.593 13.3436 10.3435 13.0345 10.1957C12.9702 10.165 12.9044 10.1377 12.8372 10.114C12.5141 10 12.1614 10 11.4558 10C8.21082 10 6.58831 10 5.48933 10.8861C5.26731 11.0651 5.06508 11.2673 4.88607 11.4893C4 12.5883 4 14.2108 4 17.4558V22C4 25.7712 4 27.6569 5.17157 28.8284C6.34315 30 8.22876 30 12 30M13 10.5V11C13 13.8284 13 15.2426 13.8787 16.1213C14.7574 17 16.1716 17 19 17H19.5' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 30C17.6068 29.4102 20 27.8403 20 27C20 26.1597 17.6068 24.5898 17 24M19 27H12' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.6016 19.5039L34.1289 23.0039C33.9375 23.168 33.7188 23.25 33.5 23.25C33.2539 23.25 33.0352 23.168 32.8711 23.0039L29.3984 19.5039C29.125 19.2578 29.043 18.875 29.1797 18.5469C29.3164 18.2188 29.6445 18 30 18H36.9727C37.3281 18 37.6289 18.2188 37.7656 18.5469C37.9023 18.875 37.8477 19.2578 37.6016 19.5039Z' fill='%23808080'/%3E%3C/svg%3E%0A");}
.dx-datagrid-column-chooser .dx-overlay-content {background-color:var(--bg-white);border-color:var(--border-ddd);border-radius:10px;}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label,
.dx-button-mode-text .dx-icon {color:var(--text-black);}
.dx-checkbox-icon {background-color:var(--bg-white);border:2px solid var(--border-ddd);border-radius:5px;width:22px;height:22px;}
.dx-list-select-all-checkbox{margin-bottom:0;margin-top:0;}
.dx-checkbox-checked .dx-checkbox-icon {font:18px/1 DXIcons;color:var(--text-white);background-color:#1A73E8;}
.dx-popup-content .dx-checkbox-icon::after {display:none;}
.dx-treeview-item-with-checkbox .dx-treeview-item {font-size:16px;color:var(--text-black);padding:4px 0 !important;}
.dx-treeview-item.dx-state-hover {background-color: rgba(0,0,0,0);}
.dx-treeview-expander-icon-stub:empty {display:none;}
.dx-list-select-all::after {visibility:hidden;}
.dx-list-select-all-label,
.dx-treeview-select-all-item .dx-checkbox-text {color:var(--text-black);line-height:22px;font-weight:600;font-size:16px;}
.dx-header-filter-menu .dx-popup-bottom.dx-toolbar .dx-toolbar-after {padding:0;display:flex;}
.dx-header-filter-menu .dx-popup-bottom.dx-toolbar .dx-toolbar-after .dx-toolbar-item:first-child {order:1;padding:0 0 0 10px;}
.dx-header-filter-menu .dx-popup-bottom .dx-button {border:0;box-shadow:none;background-color:transparent;}
.dx-header-filter-menu .dx-button-has-text .dx-button-content {color:var(--text-black);border:1px solid var(--border-ddd);background:var(--bg-white);font-size:16px;padding:0 15px;border-radius:10px;box-shadow:none;}
.dx-button-text {text-transform:capitalize;font-weight:600;}
.dx-treeview-select-all-item {padding:0 30px 12px;display:block;}
.dx-list-select-all {padding:0 0 8px;}
.dx-list-select-all-label {margin-top:0;}
.dx-header-filter-menu [aria-label="OK"].dx-button-has-text .dx-button-content {background:var(--primary);border-color:var(--primary);color:#fff;font-size:16px;padding:0 15px;border-radius:10px;}
.table-card .dx-toolbar-items-container input[type="text"],
.inventory-grid .dx-toolbar-items-container input[type="text"] {height:40px;border:0;background:transparent;padding:0 50px 0 15px;color:var(--text-black)}
.table-card .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.inventory-grid .dx-texteditor.dx-editor-outlined .dx-placeholder::before {padding:0 50px 0 15px;}
.table-card .dx-toolbar .dx-texteditor.dx-editor-outlined,
.inventory-grid .dx-toolbar .dx-texteditor.dx-editor-outlined {background:var(--bg-white);border:1px solid var(--border-ddd);border-radius:10px;box-shadow:none;overflow:hidden;margin:0 0 0 10px;}
.table-card .dx-searchbox.dx-editor-outlined .dx-icon-search,
.inventory-grid .dx-searchbox.dx-editor-outlined .dx-icon-search {right:15px;}
.table-card .dx-texteditor .dx-texteditor-buttons-container:last-child>.dx-clear-button-area:last-child,
.inventory-grid .dx-texteditor .dx-texteditor-buttons-container:last-child>.dx-clear-button-area:last-child{margin:0 5px 0 0;}
.table-card .dx-show-clear-button .dx-icon-clear,
.inventory-grid .dx-show-clear-button .dx-icon-clear{background:transparent;padding:0;width:24px;height:40px;top:0;margin-top:0;font-size:16px;}
.table-card .dx-show-clear-button .dx-clear-button-area {width:24px;min-width:24px;right:-6px;}
.dx-editor-container .dx-show-clear-button .dx-icon-clear {top:0;}
.table-card .dx-show-clear-button .dx-icon-clear::before,
.inventory-grid .dx-show-clear-button .dx-icon-clear::before {margin-left:-11px;margin-top:-9px;width:auto;}
.inventory-grid .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row {display:none !important;}
.table-card .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {padding:0 0 0 5px;}
.table-card .product-image {border:1px solid var(--border-ddd);border-radius:10px;width:45px;height:45px;position:relative;overflow:hidden;}
.table-card .product-image img {position:absolute;top:0;left:0;object-fit:contain;width:100%;height:100%;}
.table-card .icon-btn {/*justify-content:flex-end;*/gap:5px;}
.table-card .dx-datagrid .dx-row > .dx-master-detail-cell {padding:10px 10px;border:0;background:var(--bg-white);border-color:var(--border-ddd);position:relative;z-index:9;margin:-2px 0 0;}
.table-card .dx-datagrid .dx-row > .dx-master-detail-cell > .dx-widget {background:var(--body-light-2);border-radius:10px;}
html[data-bs-theme="dark"] .table-card .dx-datagrid .dx-row > .dx-master-detail-cell {background:var(--body-light);}
.table-card .dx-datagrid .dx-row > .dx-master-detail-cell .dx-command-select {visibility:hidden;}
.table-card .dx-datagrid .dx-master-detail-cell .dx-datagrid-headers,
.table-card .dx-datagrid .dx-master-detail-cell .dx-datagrid-borders .dx-datagrid-rowsview,
.table-card .dx-datagrid .dx-master-detail-cell .dx-datagrid-headers+.dx-datagrid-rowsview {background: transparent;}
.table-card .dx-datagrid .dx-checkbox-icon {border:2px solid var(--border-ddd);width:18px;height:18px;border-radius:5px;}
.table-card .dx-checkbox-indeterminate .dx-checkbox-icon,
.table-card .dx-checkbox-checked .dx-checkbox-icon {background-color:var(--secondary)/*#1A73E8*/;color:#fff;border-color:var(--secondary)/*#1A73E8*/;}
.table-card .dx-checkbox-indeterminate .dx-checkbox-icon::before {background-color:#fff;}
.table-card .dx-loadpanel-content {background-color:transparent;box-shadow:none;border:0;}
.table-card .order-status {position:relative;width:100%;justify-content:space-between;z-index:1;}
.table-card .order-status:after {content:'';width:calc(100% - 26%);height:2px;background:var(--border-ddd);position:absolute;top:50%;left:13%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1;}
.table-card .order-status .order-step {position:relative;width:20%;display:flex;justify-content:center;}
.table-card .order-status.hide-extra .order-step:nth-child(3) .icon:before {opacity:0;}
.table-card .order-status.hide-extra .order-step .icon:after {left:calc(-50% * 2);}
.table-card .order-status.inbound .order-step.no-active + .order-step:nth-child(3) .icon:after {left:100%;background:transparent;}
.table-card .order-status .icon {width:24px;height:24px;border-radius:100%;border:1px solid var(--border-ddd);background:var(--bg-white);display:flex;align-items:center;justify-content:center;color:var(--text-black);font-size:12px;font-weight:600;position:relative;z-index:1;}
.table-card .order-status .icon svg {position:relative;z-index:2;opacity:0;visibility:hidden;}
.table-card .order-status .icon span {position:relative;z-index:1;display:none;}
.table-card .order-status .icon:after {content:'';width:0;height:2px;background:var(--secondary)/*##85C442*/;position:absolute;top:50%;left:-24px;/*-100%*/margin:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.table-card .order-status .icon:before {top:14px;opacity:0;}
.table-card .order-status .order-step:not(.no-active):last-child .icon:before,
.table-card .order-status .order-step:first-child .icon:after {display:none;}
.table-card .order-status .order-step.no-active .icon {background:var(--body-light);}
.table-card .order-status .order-step.no-active .icon svg {display:none;}
.table-card .order-status .order-step.no-active .icon span {display:flex;}
.table-card .order-status .order-step.no-active .icon:before {content:'';width:22px;height:2px;background:var(--border-ddd);position:absolute;top:11px;left:8px;margin:0;z-index:1;transform:rotate(-45deg);opacity:0;}
.table-card #locationOrders .order-status .order-step.no-active .icon:before {left:10px;}
.table-card .order-status .order-step.active .icon {border-color:var(--secondary)/*##85C442*/;background:var(--secondary)/*##85C442*/;color:var(--text-white);}
.table-card .order-status .order-step.active.primary .icon {background:var(--primary);}
.table-card .order-status .order-step:not(.no-active).primary .icon {border-color:var(--primary);}
.table-card .order-status .order-step:not(.no-active) .icon {border-color:var(--secondary)}
.table-card .order-status .order-step.active .icon svg {opacity:1;visibility:visible;display:block;}
.table-card .order-status .order-step.active .icon:after {width:100%;/*calc(100% + 30px)*/}
.table-card .order-status.inbound .order-step .icon:after {left:-24px;}
/*.table-card .order-status.inbound .order-step {width:50%;justify-content:flex-start}
.table-card .order-status.inbound .order-step:last-child {justify-content:flex-end}*/
.table-card .order-status.inbound .order-step.active .icon:after {width:100%;}
.table-card .address {align-items:flex-start;}
.table-card .dx-datagrid .dx-row:not(.dx-header-row)>td.top-align-column {vertical-align:top !important;}
.table-card .address span:not(.dx-datagrid-search-text) {width:22px;height:22px;flex: 0 0 22px;background:var(--body-light);color:var(--primary);border-radius:5px;align-items:center;justify-content:center;display:flex;margin:0 5px 0 0;}
.table-card .address .dx-datagrid-search-text {background-color:transparent;color:var(--text-blak);}
.table-card.order-list .btnbox {flex-wrap:wrap;}
.table-card.order-list .btnbox:not(.status-btn){justify-content:flex-start;}
.table-card.order-list .btnbox:not(.status-btn) .btn-type {min-width:100px;}
/*.table-card.order-list .btnbox .transportation-btn + .btn-type {min-width:125px;}*/
.table-card .btn-type {padding:1px 4px;font-size:14px;line-height:1.25;border-radius:5px;align-items:center;text-transform:capitalize;align-items:center;}
.table-card .btn-type svg {margin:0 5px 0 0;width:20px;height:auto;}
.table-card .btn-type.btn-final-mile {background: rgba(2, 255, 226, 0.2);border-color:#02FFE2;}
.table-card .btn-type.btn-outline-success {background:#E7F9E6;border-color:#09BA00;color:#262626;}
.table-card .btn-type.btn-outline-warning {background:#FDF7EB;border-color:#FFB900;color:#262626;}
.table-card .btn-type.btn-outline-danger,
.table-card .btn-type.btn-outline-danger:hover {background:rgba(233, 87, 28, 0.2);color:#262626;border-color:#E9571C;}
.table-card .btn-type.btn-light {background:var(--body-light);border-color:var(--border-ddd);color:#262626;}
.table-card .btn-transport {border: 1px solid #1A73E8;background: rgba(26, 115, 232, 0.2);margin:10px 0 0;}
.table-card .btn-transport.btn-outline-point {background: rgba(70, 56, 140, 0.2);border-color:#46388C;}
.dx-master-detail-cell .dx-datagrid-borders>.dx-pager {padding:20px 16px;}
.table-card.order-list .btnbox.status-btn {padding:0 0 0 6px;}
.table-card.order-list .btnbox.status-btn .btn {padding:1px 4px;}
html[data-bs-theme="dark"] .table-card .btn-type.btn-light {background:transparent;color:rgba(255,255,255,0.7);}
.table-card .location-type {padding:1px 4px;font-size:14px;line-height:1.25;border-radius:5px;border:1px solid var(--border-ddd);background:var(--body-light);}
.table-card .dx-datagrid-table .dx-row .dx-command-edit .dx-link {width:40px;height:40px;background:var(--body-light);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin:0 3px;}
.table-card .dx-toolbar-text-auto-hide .dx-button.dx-datagrid-addrow-button {background:var(--primary);color:var(--text-white);border-radius:10px;padding:0 15px;}
.table-card .dx-toolbar-text-auto-hide .dx-button.dx-datagrid-addrow-button i {color:var(--text-white);width:20px;height:20px;font-size:16px;font-weight:normal;margin:0 5px 0 0;}
.table-card .dx-toolbar-text-auto-hide .dx-button.dx-datagrid-addrow-button .dx-button-text {display:inline-block;vertical-align:middle;font-size:16px;font-weight:600;text-transform:none;}
.dx-datagrid-borders>.dx-pager {margin-top:0;padding-bottom:0;}
.inventory-grid .dx-datagrid-borders > .dx-pager,
.table-card .dx-datagrid-borders > .dx-pager {border-top:0;}
.inventory-grid .dx-pager .dx-page-sizes,
.inventory-grid .dx-pagination .dx-page-sizes,
.inventory-grid .dx-pager .dx-pages,
.inventory-grid .dx-pagination .dx-pages,
.inventory-grid .dx-pager .dx-pages .dx-page-indexes,
.inventory-grid .dx-pagination .dx-pages .dx-page-indexes,
.table-card .dx-pager .dx-page-sizes,
.table-card .dx-pagination .dx-page-sizes,
.table-card .dx-pager .dx-pages,
.table-card .dx-pagination .dx-pages,
.table-card .dx-pager .dx-pages .dx-page-indexes,
.table-card .dx-pagination .dx-pages .dx-page-indexes {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inventory-grid .dx-pager .dx-page,
.inventory-grid .dx-pager .dx-page-size, 
.inventory-grid .dx-pagination .dx-page, 
.inventory-grid .dx-pagination .dx-page-size,
.inventory-grid .dx-pager .dx-page-sizes .dx-page-size, 
.inventory-grid .dx-pagination .dx-page-sizes .dx-page-size,
.table-card .dx-pager .dx-page, 
.table-card .dx-pager .dx-page-size, 
.table-card .dx-pagination .dx-page, 
.table-card .dx-pagination .dx-page-size,
.table-card .dx-pager .dx-page-sizes .dx-page-size, 
.table-card .dx-pagination .dx-page-sizes .dx-page-size {font-weight:600;background-color:var(--bg-white);color:var(--text-black);border-radius:6px;width:32px;height:32px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.inventory-grid .dx-pager .dx-page.dx-selection,
.inventory-grid .dx-pager .dx-page-sizes .dx-selection,
.table-card .dx-pager .dx-page.dx-selection,
.table-card .dx-pager .dx-page-sizes .dx-selection {color:var(--text-white);background-color:var(--primary);}
.table-card #grid_ProductItemsOnOrderCreate {min-height:450px;}
.dx-datagrid .dx-column-indicators {display:flex;align-items:center;gap:5px;}
.dx-datagrid .dx-column-indicators.dx-visibility-hidden {display:none;}
.dx-datagrid .dx-column-indicators .dx-sort {display:flex;align-items:center;justify-content:center;}
.dx-datagrid .dx-column-indicators.dx-visibility-hidden {display:none;}
.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort:before {content:'';width:12px;height:12px;background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.46094 0.960938C3.61719 0.820312 3.79688 0.75 4 0.75C4.20312 0.75 4.38281 0.820312 4.53906 0.960938L7.53906 3.96094C7.75781 4.21094 7.8125 4.48438 7.70312 4.78125C7.5625 5.07812 7.32812 5.23438 7 5.25H1C0.671875 5.23438 0.4375 5.07812 0.296875 4.78125C0.1875 4.48438 0.242188 4.21094 0.460938 3.96094L3.46094 0.960938ZM3.46094 11.0391L0.460938 8.03906C0.242188 7.78906 0.1875 7.51562 0.296875 7.21875C0.4375 6.92188 0.671875 6.76562 1 6.75H7C7.32812 6.76562 7.5625 6.92188 7.70312 7.21875C7.8125 7.51562 7.75781 7.78906 7.53906 8.03906L4.53906 11.0391C4.38281 11.1797 4.20312 11.25 4 11.25C3.79688 11.25 3.61719 11.1797 3.46094 11.0391Z' fill='%23808080'/%3E%3C/svg%3E") no-repeat center center;background-size:12px 12px;display:block;}
.dx-editor-with-menu .dx-context-menu {display: none;}
.dx-context-menu-container-border {box-shadow:none;border:0;}
.dx-menu .dx-menu-item-expanded,
.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {background-color:transparent !important;}
/*//\\//\\Inventory List page css ED//\\//\\*/

/*//\\//\\Order page css ST//\\//\\*/
.add-order-table .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row>td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select {width: 70px;min-width: 70px;padding:10px 15px;}
.table-card .add-order-table .dx-datagrid .dx-checkbox-icon {width:40px;height:40px;background-color:var(--body-light);border-color:var(--body-light);}
.table-card .add-order-table .dx-checkbox-indeterminate .dx-checkbox-icon,
.table-card .add-order-table .dx-checkbox-checked .dx-checkbox-icon {background-color:var(--primary);border-color:var(--primary);}
.table-card .add-order-table .dx-datagrid .dx-checkbox-icon::after {background-color:transparent;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.33301V16.6663' stroke='%23173358' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33301 10H16.6663' stroke='%23173358' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;background-size:20px 20px;margin-top:0;margin-left:0;transform:scale(1) translate(0,0);top:0;left:0;width:36px;height:36px;}
.table-card .add-order-table .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon::after {transform:scale(0) translate(0,0);}
html[data-bs-theme="dark"] .table-card .add-order-table .dx-datagrid .dx-checkbox-icon::after {background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.33301V16.6663' stroke='%23ffffff' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33301 10H16.6663' stroke='%23ffffff' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;}
.table-card .add-order-table .dx-datagrid .dx-checkbox-icon::before {background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16699 11.667L7.08366 14.5837L15.8337 5.41699' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")  no-repeat center center;background-size:20px 20px;width:36px;height:36px;font-size:0;top:0;left:0;transform:translate(0,0);margin:0;}
html[data-bs-theme="dark"] .table-card .add-order-table .dx-datagrid .dx-checkbox-icon::before {}
.table-card .add-order-table .dx-checkbox-checked .dx-checkbox-icon::after {opacity:0;}
.table-search {position:relative;justify-content:flex-end;display:flex;}
.table-search .form {display:flex;margin:0;}
.table-search .form input {width:250px;max-width:100%;height:40px;border:1px solid var(--border-ddd);border-radius:10px;padding:0 15px;outline:none;background:var(--bg-white);color:var(--text-black);}
.table-search .form button {position:absolute;top:10px;right:15px;width:20px;height:20px;border:0;background:transparent;box-shadow:none !important;outline:none !important;z-index:1;}
.table-search .list-group,
.table-search .ui-widget.ui-widget-content {border-color:var(--border-ddd);border-radius:10px;background:var(--bg-white);padding:5px 15px;width:300px !important;left:auto !important;-webkit-box-shadow: 0px 0px 10px 0px rgba(20, 146, 230, 0.15);box-shadow: 0px 0px 10px 0px rgba(20, 146, 230, 0.15);max-height:32vh;overflow-y:auto;}
.table-search .ui-menu .ui-menu-item-wrapper {padding:0;}
.table-search .ui-menu .list-group-item {border:0;padding:10px 0;background-color:transparent;}
.table-search .list-group-item-action:focus, 
.table-search .list-group-item-action:hover{background-color:transparent;}
.table-search .ui-menu .autocomplete-item {display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;margin:0;cursor:pointer;}
.table-search .ui-menu .autocomplete-item.ui-state-active {background:transparent;color:inherit;}
.table-search .ui-menu .autocomplete-item h6 {font-size:14px;color:var(--text-gray8080) !important;font-weight:600;line-height:1.214;padding:0 0 4px;}
.table-search .ui-menu .autocomplete-item p {font-weight:500;color:var(--text-black);}
.table-search .ui-menu .autocomplete-item button {width:40px;height:40px;flex:0 0 40px;border-radius:10px;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;background:var(--body-light);color:var(--primary);border:0;outline:none !important;box-shadow:none !important;}
.table-search .ui-menu .autocomplete-item button:hover {background:var(--primary);color:var(--text-white);}
.custom-table thead tr th {font-weight:600;line-height:1.187;padding:10px 15px;border-bottom:1px solid var(--border-ddd);}
.custom-table thead tr th.available {color:#FFB900;}
.custom-table thead tr th.qty-th {color:#09BA00;}
.custom-table .table>:not(:last-child)>:last-child>* {border-bottom-color:var(--border-ddd)}
.custom-table .table .data-notfound p {color:var(--text-gray8080);padding:10px 0;}
.custom-table .table>:not(caption)>*>*,
.custom-table .table tbody>tr>td {border-color:var(--border-ddd);padding:10px 15px;background:transparent;color:var(--text-black);}
.custom-table .table .qty-th {min-width:100px;}
.common-form {display:flex;flex-direction:column;margin:10px 0 0;}
.common-form .add-more-external-records {text-align:left;}
.common-form .add-more-external-records p {color:var(--text-gray8080)}
.common-form .add-more-external-records p a {color:var(--primary);font-weight:600;}
.common-form .buttons {justify-content:flex-end;margin:10px 0 0;}
.common-form .buttons button.button-1 {width:auto;font-size:16px;font-weight:600;color:var(--text-white);}
.modal-backdrop.show {opacity: .65;}
.common-modal .modal-content {background:var(--bg-white);border:0;border-radius:10px;padding:20px;}
html[data-bs-theme="dark"] .common-modal .modal-content {background:var(--body-light);}
.common-modal .modal-header .btn-close {background:transparent url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.001 5.5L5.00098 19.5M5.00098 5.5L19.001 19.5' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center;background-size:24px 24px;opacity:1;}
html[data-bs-theme="dark"] .common-modal .modal-header .btn-close {background:transparent url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.001 5.5L5.00098 19.5M5.00098 5.5L19.001 19.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center;}
.common-modal .modal-body {padding:0;}
.common-modal .modal-header {padding:0 0 10px;border-bottom:0;}
.common-modal .modal-header.iconic-title span[data-bs-toggle="modal"] {cursor:pointer;margin:0;}
.common-modal .modal-header h5 {font-size:20px;font-weight:600;line-height:1.2;}
.common-modal .modal-header h5 span[data-bs-target] {cursor:pointer;}
.common-modal .modal-footer {padding:20px 0 0;border-top:0;gap:5px;}
.common-modal .modal-footer button.btn {margin:0;}
.order-footer {padding:20px 0 0;}
.order-footer .grand-total {padding:0 0 20px;}
.order-footer .btn-group {gap:10px;}
.qty-row {position:relative;max-width:140px;}
.qty-row .btn {position:absolute;top:1px;left:1px;height:38px;border:0 !important;background:transparent;color:var(--text-gray8080);outline:none;box-shadow:none !important;background:var(--bg-white);z-index:1;}
.qty-row input[type=number]::-webkit-inner-spin-button, 
.qty-row input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.qty-row .btn:disabled {background:var(--bg-white);}
.qty-row .btn.qty-plus {left:auto;right:1px;}
.qty-row .btn svg {margin:0;}
.qty-row .qty-display {width:100%;height:40px;text-align:center;border-radius:10px;background:var(--bg-white);border: 1px solid var(--border-ddd);color:var(--text-black);}
.qty-row  .qty-input {height:40px;border-radius:10px;}
.select-item input {position:absolute;left:-99999px;}
.select-item input:not(:checked) + label,
.select-item input:checked + label {width:40px;height:40px;border-radius:10px;background:var(--body-light);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer;position:relative;}
.select-item input:checked + label {background:var(--primary);color:var(--text-white);}
.select-item input:not(:checked) + label svg.checkmark,
.select-item input:checked + label svg.plus {opacity:0;visibility:hidden;}
.select-item input:not(:checked) + label svg.checkmark,
.select-item input:checked + label svg.checkmark {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.select-item input:checked + label svg.checkmark {opacity:1;visibility:visible;}
.user-card-wrapper {padding:10px 0;}
.user-card-wrapper .user-card {height:100%;margin:0;}
/*.user-card > .row {--bs-gutter-x:60px;}
.user-card > .row > div[class*="col-"]:first-child {border-right:1px solid var(--border-ddd)}*/
.user-card .common-form {margin:0 0 15px;}
.user-card .common-form .form-control {border:1px solid var(--border-ddd);gap:5px;padding:12px 15px;border-radius:5px;align-items:center;background: var(--bg-white);}
.user-card .common-form .address svg {flex:0 0 18px;}
.user-card .common-form .address span {white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;}
.user-card .user-name {display:block;}
.user-card h6 {font-size:20px;font-weight:600;color:var(--text-black);line-height:1.2;padding:0 0 20px;}
.user-card .user-name > .d-flex {gap:10px;align-items:center;margin:10px 0 0;}
.user-card .user-info .row,
.order-detail-card .user-info .row {--bs-gutter-x:5px;padding:5px 0;}
.user-card .user-info p,
.order-detail-card .user-info p {font-size:14px;line-height:1.214;font-weight:500;}
.order-detail-card .user-info p {font-size:15px;}
.user-card .user-info p strong,
.order-detail-card .user-info p strong {color:var(--text-black);font-weight:600;}
.user-card .user-info .row .col-auto {-ms-flex:0 0 45%;flex:0 0 45%;width:45%;}
.order-detail-card .user-info .row .col-auto {-ms-flex:0 0 35%;flex:0 0 35%;width:35%;}
.user-card .service-type,
.order-detail-card .service-type {gap:5px;}
.user-card .drop-type,
.order-detail-card .drop-type {display:-ms-flexbox;display:flex;align-items:center;border:1px solid var(--border-ddd);border-radius:5px;background:var(--body-light);padding:2px 5px;margin:0;}
.user-card .drop-type span,
.order-detail-card .drop-type span {margin:0;font-size:14px;font-weight:400;color:var(--text-black);line-height:1.214;}
.user-card .iti__selected-country,
.order-detail-card .iti__selected-country {color:var(--text-black);font-weight:600;}
.user-card input[type="tel"],
.user-card input[type="text"],
.order-detail-card input[type="tel"],
.order-detail-card input[type="text"] {border:0;background:transparent;height:20px;color:var(--text-black);font-size:14px;outline:none !important;font-weight:600;}
.user-card input[type="tel"], 
.user-card input[type="text"],
.order-detail-card input[type="tel"],
.order-detail-card input[type="text"] {width:100%;}
.user-card .iti__flag,
.order-detail-card .iti__flag {background-image: var(--iti-path-flags-2x);}
.user-card .iti__selected-country,
.order-detail-card .iti__selected-country {background:transparent;padding:0;border-radius:0;font-size:14px;height:21px;}
.user-card .iti__selected-country .iti__arrow,
.order-detail-card .iti__selected-country .iti__arrow {display:none;}
.user-card .ref-no {display:-ms-flexbox;display:flex;justify-content:flex-end;font-size:14px;font-weight:400;color:var(--text-gray8080);line-height:1.214;}
.user-card .ref-no + .ref-no {margin:5px 0 0;}
.user-card .ref-no span {color:var(--text-black);text-transform:uppercase;font-weight:600;}
.user-card .btn-group {padding:20px 0 0;}
.address-card p {display:-ms-flexbox;display:flex;align-items:center;color:var(--text-black);}
.address-card p span {background:var(--body-light);width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin:0 5px 0 0;}
.confirmation-wrapper .user-card-wrapper {padding:0 0 20px;}
.thankyou-wrapper {height:100%;}
.thankyou-card {height:100%;margin:0;justify-content:center;align-items:center;}
.thankyou-card .icon {padding:0 0 30px;}
.thankyou-card .icon svg {width:100px;height:auto;}
.thankyou-card h1 {font-size:36px;font-weight:700;color:var(--text-black);padding:0 0 10px;}
.thankyou-card p {color:var(--text-gray8080);}
.thankyou-card .btn {margin:30px 0 0;}
.thankyou-card.loaded .checkmark {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #4BAE4F;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.thankyou-card.loaded .checkmark__circle {
  stroke-dasharray: 266;
  stroke-dashoffset: 266;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #4BAE4F;
  fill: none;
  animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.thankyou-card.loaded .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 96;
  stroke-dashoffset: 95;
  animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.2, 1.2, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 50px #4BAE4F;
  }
}
#gridContainer .dx-datagrid-table-fixed > table colgroup col:first-child,
.order-list #orderGrid .dx-datagrid-table-fixed > table colgroup col:first-child,
.order-list #orderGrid .dx-datagrid-table-fixed > .dx-command-expand,
#orderGrid .dx-datagrid-table-fixed > colgroup col:first-child,
#shipmentGrid colgroup col:first-child,
#orderGrid .dx-master-detail-row .dx-datagrid-group-space,
#orderGrid .dx-column-lines .dx-datagrid-group-space,
#shipmentGrid .dx-column-lines .dx-datagrid-group-space,
#gridContainer .dx-command-expand,
#shipmentGrid .dx-command-expand {display:none;}
.table-card .toggle-detail {width:20px;height:20px;border-radius:5px;background:var(--body-light);display:flex;align-items:center;justify-content:center;align-self:center;margin:0 10px 0 0;color:var(--text-gray8080);}
.table-card .dx-row-inbound .toggle-detail
/*.table-card .dx-row-outbound .order-status*/ {visibility:hidden;}
.table-card .toggle-detail svg {-webkit-transform:rotate(0);transform:rotate(0);}
.table-card .toggle-detail.expanded {background:var(--border-color-gray80);color:var(--text-white);}
.table-card .toggle-detail.expanded svg {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.close-all-bound .dx-datagrid-text-content {color:#1A73E8;font-size:12px;font-weight:600;line-height:2;position:relative;padding:0 34px 0 0;}
.close-all-bound .dx-datagrid-text-content:before {content:'';width:24px;height:24px;background: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50021 9.125C4.50021 9.125 7.81446 4.625 9.00029 4.625C10.1861 4.625 13.5002 9.125 13.5002 9.125' stroke='%231A73E8' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.50021 14.375C4.50021 14.375 7.81446 9.875 9.00029 9.875C10.1861 9.875 13.5002 14.375 13.5002 14.375' stroke='%231A73E8' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;background-size:24px 24px;position:absolute;top:0;right:0;}
.review-order .common-form {margin:20px 0 0;}
.create-order .common-form .form-row {--bs-gutter-y: 20px;}
.address-card {border:1px solid var(--border-ddd);border-radius:10px;padding:15px;margin:0;background:var(--bg-white);}
.address-card + .address-card {margin:10px 0 0;}
.address-card input[type="radio"] + label {width:100%;margin:0;padding:0 0 0 28px;position:relative;cursor:pointer;color:var(--text-black);}
.address-card input[type="radio"] + label span {display:block;font-weight:600;line-height:1.187;padding:0 0 8px;}
.address-card input[type="radio"] + label:before {content:'';width:18px;height:18px;position:absolute;left:0;border:1px solid var(--border-ddd);border-radius:50px;}
.address-card input[type="radio"] + label:after {content:"";width:12px;height:12px;position:absolute;left:3px;top:3px;border-radius:5px;background:var(--secondary)/*#85C442*/;background-size:10px 10px;-webkit-transform:scale(0);transform:scale(0);transition:all .3s ease-in-out;}
.address-card input[type="radio"]:checked + label:after {-webkit-transform:scale(1);transform:scale(1);}
.address-card input[type="radio"]:checked + label:before {border-color:var(--secondary)/*#85C442*/;}
.address-card input[type="radio"] {position:absolute;left:-9999px;}
.address-card .address-map {padding:10px 0 0;}
.address-card .address-map iframe {height:150px;width:100%;border:2px solid var(--bg-white);border-radius:10px;margin:0;-webkit-box-shadow: 0px 0px 3px 0px rgba(20, 146, 230, 0.15);box-shadow: 0px 0px 3px 0px rgba(20, 146, 230, 0.15);}
/*//\\//\\Order page css ED//\\//\\*/

/*//\\//\\Dashboard page css ST//\\//\\*/
.order-row {padding: 0 0 20px;}
.order-row .inner-row {height:100%;}
.order-row .row {--bs-gutter-x:15px;}
.order-card {background:var(--bg-white);border-radius:10px;padding:20px;}
.order-title {justify-content:space-between;align-items:center;padding:0 0 20px;}
.order-title h5 {font-size:20px;font-weight:600;color:var(--text-black);}
.graph-card .inventory-menu .nav-tabs {margin:0 0 20px;background:var(--body-light-2);border-radius:10px;padding:4px;border:0;}
.graph-card .inventory-menu .nav-tabs button {width:50%;padding:10px 15px;border-radius:10px;border:0;}
.graph-card .inventory-menu .nav-tabs button.active {background:var(--bg-white);border:0;}
.view-btn {display:-ms-flexbox;display:flex;}
.view-btn a {display:-ms-flexbox;display:flex;align-items:center;font-size:16px;color:var(--primary);font-weight:600;line-height:1.187;}
.view-btn a svg {margin:0 0 0 5px;-webkit-transform:translateX(0);transform:translateX(0);}
.view-btn a:hover svg {-webkit-transform:translateX(5px);transform:translateX(5px);}
.order-list {flex-direction:column;gap:10px;padding:0;}
.orderbox {border:1px solid var(--border-ddd);border-radius:10px;padding:15px;}
.progress-order {background:var(--body-light-2);border-radius:10px;padding:15px 10px;position:relative;z-index:1;margin:15px 0;}
html[data-bs-theme="dark"] .progress-order {background:#3c3c3c;}
/*.progress-order::after {content:'';width:100%;height:3px;background:var(--border-ddd);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1;}*/
.progress-order .progress-item {position:relative;/*width:25%;*/flex:1;display:flex;justify-content:center;flex-wrap:wrap;}
/*.progress-order .progress-item:after {content:'';width:0;height:3px;background:var(--primary);position:absolute;top:50%;left:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.progress-order .progress-item.active:after{width:calc((50vw - 100%) / 4 - 10px);}
.progress-order .progress-item:last-child:after {visibility:hidden;}*/
.progress-order .icon {width:36px;height:36px;border-radius:100%;border:1px solid var(--border-ddd);background:var(--body-light);display:flex;align-items:center;justify-content:center;color:var(--text-black);}
.progress-order .icon svg {position:relative;z-index:2;width:21px;}
.progress-order .progress-item.active .icon {background:var(--primary);color:var(--text-white);}
.progress-order p {width:100%;text-align:center;font-size:14px;line-height:1.214;font-weight:500;padding:5px 0 0;color:var(--text-gray8080);}
.progress-order .progress-item.active p {color:var(--text-black);}
.progress-order .icon:after {content:'';width:0;height:3px;background:var(--secondary)/*##85C442*/;position:absolute;top:18px;left:-100%;margin:0 0 0 50%;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.progress-order .icon:before {content:'';width:100%;height:3px;background:var(--border-ddd);position:absolute;top:18px;left:50%;margin:0;z-index:-1;}
.progress-order .progress-item:last-child .icon:before,
.progress-order .progress-item:first-child .icon:after {display:none;}
.progress-order .progress-item.active .icon {border-color:var(--secondary)/*##85C442*/;background:var(--secondary)/*##85C442*/;color:var(--text-white);}
.progress-order .progress-item.active .icon:after {width:100%;}
.order-schedule {align-items:center;justify-content:space-between;padding:0 0 10px;}
.order-id h6 {font-size:16px;color:var(--text-black);font-weight:600;line-height:1.187;padding:0 0 5px;}
.order-id p {font-size:16px;color:var(--text-gray8080);font-weight:400;line-height:1.187;}
.order-id .ref-type-btn {gap:10px;}
.order-id .ref-type-btn .btn {padding:2px 5px;}
.order-graph-card {max-height:calc(100vh - 30px);overflow:auto;}
.order-date p {font-size:16px;color:var(--text-gray8080);font-weight:400;line-height:1.187;padding:0 0 5px;}
.order-id p span,
.order-date p span {color:var(--text-black);}
.order-date .schedule {display:-ms-flexbox;display:flex;justify-content:flex-end;}
.order-date .schedule span {background:var(--body-light);border:1px solid var(--border-ddd);border-radius:5px;font-size:12px;font-weight:400;color:var(--text-black);padding:2px 5px;line-height:1.166;display:-ms-flexbox;display:flex;}
.dashboard-order-item .orderbox .type {margin:0 0 5px;}
.dashboard-order-item .order-date p span {color:var(--text-gray8080);}
.order-location {border:1px solid var(--border-ddd);border-radius:10px;padding:10px 15px;margin:5px 0 0;}
.order-location .icon {width:22px;height:22px;background:var(--body-light-2);border-radius:5px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:var(--primary);margin:0 5px 0 0;}
.order-location p {font-size:16px;color:var(--text-black);font-weight:400;line-height:1.187;display:flex;}
.order-location p strong {display:block;font-weight:600;}
.order-location p svg {margin:0 10px 0 0;}
.order-location h6 {font-weight:600;color:var(--text-black) !important;line-height:1.22;padding:0 0 10px;}
.orderbox .type {font-size:14px;font-weight:400;color:var(--text-gray8080);gap:0;align-items:center;justify-content:flex-end;margin:0 0 10px;}
.orderbox .type .btn {padding:2px 5px;color:#262626;font-size:14px;line-height:1.214;outline:none;}
.orderbox .type .btn.process {border:1px solid var(--primary);gap:5px;}
.orderbox .type .btn.text-danger,
.orderbox .type .btn.text-success {font-weight:600;font-size:16px;padding:0;}
.orderbox .type .btn-outline-success {background:#E7F9E6;border-color:#09BA00;}
.orderbox .type .btn-outline-warning {background: #FDF7EB;border-color: #FFB900;color: #262626;}
html[data-bs-theme="dark"] .order-date .schedule span,
html[data-bs-theme="dark"] .progress-order .icon,
html[data-bs-theme="dark"] .order-location .icon {background:var(--border-ddd);}
.dx-tooltip .dx-popup-content {
    padding: 0 !important;
}
.map-tooltip {padding:5px 10px;border-radius:6px;}
.map-tooltip h6 {font-size:12px;font-weight:600;padding:0 0 2px;}
.map-tooltip h6 + p {padding:0 0 3px;}
.map-tooltip p {font-size:12px;line-height:1.166;padding:2px 0 0;}
.map-tooltip p strong {color:var(--text-black)}
.graph-card .shipment-row {border-top:1px solid var(--border-ddd);padding:30px 0 0;margin:30px 0 0;display:flex;flex-direction:column;row-gap:5px;}
.shipment-row .order-title {padding:0 0 15px;}
.shipment-row .shipment-item {border:1px solid var(--border-ddd);border-radius:10px;padding:15px;}
.shipment-row .shipment-id {justify-content:space-between;align-items:center;}
.shipment-row .shipment-id h6 {font-size:18px;font-weight:600;}
.graph-card .transit-type {display:flex;}
.graph-card .transit-type span {padding: 1px 4px;text-align: center;font-size: 14px;line-height: 1.25;color:var(--text-black);display:flex;font-weight: 400;background:var(--body-light);border:1px solid var(--border-ddd);border-radius:5px;}
.shipment-row .status-detail-row {padding:15px 0 0;}
.graph-card .status-detail-row .row {--bs-gutter-y:15px;--bs-gutter-x:10px;}
.graph-card .status-detail-row .row + .row {padding-top:15px;}
.graph-card .semi-gauge {width: 100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}
.graph-card .semi-gauge svg {width: 110%;height: auto;overflow:visible;}
.graph-card .gauge-text {font-size: 30px;font-weight: 700;fill: var(--text-black);text-anchor: middle;position:absolute;bottom:-20px;left:0;right:0;text-align:center;}
/*//\\//\\Dashboard page css ED//\\//\\*/

/*//\\//\\Inventory Detail page css ST//\\//\\*/
.inventory-detail-card {margin:0 0 20px;height:auto;}
.inventory-detail-card .swiper {height:auto;}
.inventory-detail-card .swiper.fullscreen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #161418;z-index:99;}
.inventory-detail-card .swiper .close-button {display: none;height: 45px;width: 45px;color: #fff;position: fixed;top: 15px;right: 15px;font-size: 32px;text-align: center;cursor: pointer;z-index: 9999;opacity: .75;}
.inventory-detail-card .swiper.fullscreen .close-button {display:block;}
.inventory-detail-card .swiper .swiper-slide img {width:100%;height:auto;}
.inventory-detail-card .row {--bs-gutter-x:50px;}
.inventory-detail-card .row .col-lg-2 {-ms-flex:0 0 265px;flex:0 0 265px;max-width:265px;}
.inventorySwiper {border:1px solid var(--border-ddd);border-radius:10px;}
.inventorySwiper .zoombtn {position:absolute;right:10px;top:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;border:1px solid var(--border-ddd);background:var(--bg-white);box-shadow: 0px 2px 4px 0px #00396740;}
.inventorySwiper .swiper-button-next, 
.inventorySwiper .swiper-button-prev {height:24px;width:calc(var(--swiper-navigation-size)/ 24 * 27);color:var(--text-black);}
.inventoryThumbail .swiper-slide {background: var(--bg-white);padding: 3px;border:3px solid var(--bg-white); border-radius: 10px;box-shadow: 0px 0px 5px 0px rgba(20, 146, 230, 0.1);margin: 10px 0;}
.inventoryThumbail .swiper-slide.swiper-slide-thumb-active {border-color:#1A73E8;}
.inventoryThumbail .swiper-slide,
.inventorySwiper .swiper-slide {position:relative;flex-direction:column;}
.inventorySwiper .swiper-slide:after {content:'';display:block;padding-top:82%;/*96%*//}
.inventoryThumbail .swiper-slide:after {content:'';display:block;padding-top:100%;}
.inventoryThumbail.swiper .swiper-slide img,
.inventorySwiper.swiper .swiper-slide img {position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;}
.inventoryThumbail.swiper .swiper-slide img {top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:8px;}
.prodiuct-size,
.prodiuct-color {padding:10px 0;}
.radio-wrapper {gap:10px;}
.radio-wrapper input[type="radio"] {position:absolute;left:-9999px;}
.radio-wrapper input[type="radio"] + label {width:45px;height:45px;border-radius:100%;border:1px solid var(--border-ddd);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-black);box-shadow: 0px 2px 4px 0px #00396740;position:relative;cursor:pointer;}
.radio-wrapper input[type="radio"] + label:after {content:'';position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;border:2px solid var(--secondary);border-radius:100%;-webkit-transform:scale(1.25);transform:scale(1.25);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.radio-wrapper input[type="radio"]:checked + label:after {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
.inventory-info h6 {font-size:14px;font-weight:600;line-height:1.214;padding:0 0 10px;}
.inventory-info h3 {font-size:24px;line-height:1.208;font-weight:500;padding:0 0 10px;}
.inventory-info p  {line-height:1.428;font-size:14px;color:var(--text-black);}
.inventory-info p + div:not(.specifications),
.inventory-info p + p {padding:10px 0 0;}
.inventory-info .quantity-expand-wrapper {flex-wrap:wrap;}
.inventory-info .stock {margin:3px 0;padding:1px 4px;min-width:116px;text-align:center;font-size:14px;line-height:1.25;border-radius:5px;/*border:1px solid var(--border-ddd);background:var(--body-light);*/display:inline-block;vertical-align:top;font-weight:400;}
.inventory-info .stock.btn.btn-secondary {background-color:var(--body-light);border-color:var(--body-light);color:var(--text-black);}
.inventory-info .stock.btn.btn-outline-success {background:#E7F9E6;border-color:#09BA00;color:#09BA00;}
.inventory-info .stock.btn.btn-outline-warning {background:#FDF7EB;border-color:#FFB900;color:#262626;}
.inventory-info .stock.btn.btn-outline-secondary {background:#F4F4F4;border-color:var(--primary);color:#262626;}
.inventory-info .stock b {font-weight:600;}
.inventory-info .content {padding:30px 0 0;}
.inventory-info .content > .expandbtn,
.inventory-info .content.show-more p .expandbtn {display:none;}
.inventory-info .content.show-more > .expandbtn {display:inline-block;vertical-align:top;}
.inventory-info .quantity-wrapper {position:relative;max-width:33.333333%;min-width:150px;width:100%;margin:0;}
.inventory-info .quantity-wrapper button {position:absolute;top:1px;left:2px;height:50px;width:38px;text-align:center;padding:0;background:var(--bg-white) !important;border:0;border-radius:10px;outline:none !important;box-shadow:none !important;}
.inventory-info .quantity-wrapper input {border:1px solid var(--border-ddd);background:var(--bg-white);width:100%;height:52px;border-radius:10px;color:var(--text-black);text-align:center;font-size:16px;font-weight:600;outline:none;}
.inventory-info .quantity-wrapper button.plus {left:auto;right:1px;}
.inventory-info .cart-message {font-weight:600;padding:15px 0 25px;}
.inventory-info .table-card {background:var(--body-light-2);padding:10px;}
.inventory-info .inventory-menu .nav-tabs {margin:0;padding:0;}
.inventory-info .item-card {padding:30px 0 0;margin:0;}
.inventory-info .tab-pane h6 {padding:25px 0 20px;}
.addcart-wrapper {flex-wrap:wrap;gap:10px;padding:25px 0 0;}
.addcart-wrapper > button {flex:1;text-align:center;justify-content:center;height:52px;}
.expandbtn {color:var(--primary);font-size:14px;line-height:1.214;font-weight:600;cursor:pointer;color:var(--primary);}
.inventory-menu .nav-tabs {display:flex;border-bottom:1px solid var(--border-ddd);background:var(--bg-white);border-radius:10px 10px 0 0;overflow:hidden;margin:-20px -20px 0;padding:0 5px;}
.inventory-menu .nav-tabs button {border:0;border-bottom:1px solid transparent;background:transparent;box-shadow:none;color:var(--text-black);margin:0;font-size:16px;line-height:1.187;padding:12px 15px;}
.inventory-menu .nav-tabs button.active {background-color:transparent;font-weight:600;color:var(--primary);border-color:var(--primary);}
.inventory-content h3 {font-size:24px;font-weight:500;line-height:1.208;margin:25px 0;}
.inventory-info .warehouse {padding:30px 0 0;}
.specifications {border-top:1px solid var(--border-ddd);padding:30px 0 0;margin:30px 0 0;}
.specifications ul {margin:0;padding:0;display:flex;flex-direction:column;}
.specifications ul li {display:flex;font-size:14px;font-weight:600;line-height:1.214;color:var(--text-black);}
.specifications ul li+li {padding-top:10px;}
.specifications ul li span {-ms-flex:0 0 30.75%;flex:0 0 30.75%;color:var(--text-gray8080);font-weight:400;}
.item-card ul {margin:0;padding:0;display:flex;flex-direction:column;}
.item-card ul li {display:flex;font-size:14px;font-weight:600;line-height:1.214;color:var(--text-black);}
.item-card ul li+li {padding-top:10px;}
.item-card ul li span {-ms-flex:0 0 30.75%;flex:0 0 30.75%;color:var(--text-gray8080);font-weight:400;}


.inventory-page-wrapper {}
.inventory-page-wrapper .table-title {line-height:1.66;margin:0 0 -40px;}
.grid-menu {width:98px;font-size:0;margin:0 0 0 10px;}
.table-card .grid-menu,
.inventory-grid .grid-menu{order:-1;}
.view-switch{display:flex;align-items:center;border:1px solid var(--border-ddd);border-radius:10px;overflow:hidden;width:100%;max-width:98px;position:absolute;top:20px;right:88px;z-index:1;}
.grid-menu {display:flex;align-items:center;border:1px solid var(--border-ddd);border-radius:10px;overflow:hidden;}
.view-switch.static {left:auto !important;right:20px;}
.view-switch button,
.grid-menu button {height:38px;border:0;border-radius:0;outline:none;box-shadow:none !important;color:var(--text-gray8080);padding:0;font-size:0;width:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;}
.grid-menu button .btn-primary,
.view-switch button.btn-primary,
.view-switch button.btn-secondary:hover {background:var(--secondary);color:var(--text-white);}
.view-switch button svg {margin:0;}
.inventory-grid {display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;padding:60px 0 0;}
.inventory-grid .inventory-filter {width:270px;flex:0 0 270px;background:var(--bg-white);padding:15px;border-radius:10px;}
.inventory-filter h6 {text-transform:uppercase;font-size:20px;font-weight:600;line-height:1.187;}
.inventory-filter input {background:var(--body-light);border:0;border-radius:10px;padding:0 15px;margin:25px 0;}
.inventory-filter input:focus {background:var(--body-light);}
.category-list h6 {font-size:12px;color:var(--text-gray8080) !important;line-height:1.166;font-weight:600;padding:0 0 15px;}
.inventory-filter ul {border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:15px;}
.inventory-filter ul li {font-size:16px;line-height:1.187;padding:0;border:0;background:transparent;display:flex;flex-direction:column;cursor:pointer;position:relative;}
.inventory-filter ul li input[type="checkbox"] {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.inventory-filter ul li input[type="checkbox"] + label {display:flex;justify-content:space-between;align-items:center;color:var(--text-black);}
.inventory-filter ul li svg {opacity:0;transition:all .3s ease-in-out;}
.inventory-filter ul li input[type="checkbox"]:checked + label svg {opacity:1;}
.inventory-grid .dx-scrollable-content {padding-right:10px;}
.inventory-grid .dx-datagrid-header-panel {padding:0;}
.inventory-page-wrapper .table-card .dx-toolbar-after {flex-direction: row;display:flex;padding:0;}
/*.inventory-grid .dx-toolbar-after .dx-toolbar-button {display:none;} */
.inventory-page-wrapper .dx-datagrid .dx-datagrid-header-panel .dx-toolbar {margin:0 0 15px;}
.inventory-page-wrapper .table-card .dx-toolbar .dx-toolbar-after .search-item {padding:0 108px 0 0;}
.inventory-page-wrapper .table-card .dx-toolbar .dx-toolbar-after .filter-result-item {order:1;}
 .filter-result-item .filter-result {padding:0;}
/*.inventory-grid .filter-result {align-items:center;justify-content:space-between;padding:0;flex-direction:row;}*/
.inventory-grid .dx-loadpanel-content {background-color:transparent;box-shadow:none;border:0;}
.inventory-grid .dx-loadpanel-shader {background-color: rgba(0, 0, 0, 0.4) !important;}
.inventory-grid .dx-loadindicator-icon::before {color: #4CAF50 !important;}
.inventory-grid .filter-result p {font-weight:600;}
.inventory-grid .filter-result p span {padding:0 6px 0 0;}
.inventory-grid > .dx-widget {flex:1;margin-top:-60px;}
.inventory-grid .dx-datagrid-borders .dx-datagrid-rowsview, 
.inventory-grid .dx-datagrid-headers+.dx-datagrid-rowsview,
.inventory-grid .dx-datagrid>.dx-datagrid-headers, 
.inventory-grid .dx-datagrid>.dx-datagrid-rowsview, 
.inventory-grid .dx-datagrid>.dx-datagrid-total-footer{background:transparent;}
.inventory-grid .dx-datagrid-borders > .dx-datagrid-headers {display:none;}
.inventory-grid .dx-datagrid-table tbody {display:flex;flex-wrap:wrap;margin:0 -5px;}
.inventory-grid .dx-datagrid-table .colgroup,
.inventory-grid .dx-datagrid-rowsview .dx-row {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;width:33.333333%;padding:5px;}
.inventory-grid .dx-datagrid-table .colgroup > col {width:100% !important;}
.inventory-grid .dx-datagrid-rowsview .dx-row > td {display:block;padding:0;height:100%;}
.product-card {padding:0;margin:0;background-color:var(--bg-white);height:100%;}
.product-card .card-body {padding:15px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.product-card .sku-row {justify-content:space-between;}
.product-card .info {text-align:center;padding:5px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-card .productimage .productSwiper {height:auto;}
.product-card .productSwiper .swiper-slide::after {padding-top:60%;width:100%;display:block;content:'';/*background:#ddd;*/}
.product-card .productSwiper .swiper-slide img {width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;}
.product-card .productimage {position:relative;margin:0;}
.product-card h6 {font-size:12px;font-weight:600;color:var(--text-gray8080) !important;line-height:1.214;padding:0 0 5px;}
.product-card h6 span {color:var(--text-black);}
.product-card h5 {font-size:16px;line-height:1.25;font-weight:400;padding:0 0 5px;flex:1;}
.product-card a,
.product-card a:hover {color:inherit;}
.product-card p {font-weight:400;}
.product-card .icon-btn {justify-content:center;align-items:center;padding:0;gap:5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.product-card .icon-btn a {color: var(--primary);}
.inventory-grid .quantity-expand-wrapper {padding:0;justify-content:space-between;align-items:center;}
.inventory-grid .quantity-expand-wrapper > span {margin:0;font-size:14px;color:var(--text-gray8080);font-weight:500;line-height:1.214;}
.inventory-grid .quantity-expand-wrapper .btn {min-width:1px;}
.inventory-grid .quantity-expand-wrapper .btn span {margin:0 0 0 5px;}
/*//\\//\\Inventory Detail page css ED//\\//\\*/

/*//\\//\\Order Detail page css ST//\\//\\*/
.breadcrumb-wrapper {padding:0 0 20px;}
.breadcrumb-wrapper .breadcrumb {margin:0;padding:0;align-items:center;background:transparent;}
.breadcrumb-wrapper .breadcrumb li {display:flex;align-items:center;font-size:24px;color:var(--text-gray8080);font-weight:500;}
.breadcrumb-wrapper .breadcrumb a {line-height:1;margin:0;font-size:24px;color:var(--text-black);font-weight:500;}
.breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item {padding-left:0;}
.breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item::before {content:'';width:24px;height:24px;background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00005 6.5C9.00005 6.5 15 10.9189 15 12.5C15 14.0812 9 18.5 9 18.5' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;padding:0 5px;}
.order-detail {padding:0 0 15px;}
.order-detail .row {--bs-gutter-x:15px;align-items:stretch;}
.order-detail .order-detail-card {height:100%;margin:0;}
.order-detail-card .detail-header {justify-content:space-between;gap:5px;padding:0 0 15px;}
.order-detail-card h2 {font-size:24px;font-weight:700;}
.order-detail-card h6 {font-size:14px;font-weight:400;color:var(--text-gray8080) !important;line-height:1.214;}
.order-detail-card h6 b {color:var(--text-black);font-weight:600;}
.order-detail-card .status-text {font-size:20px;line-height:1.2;/*min-height:97px;*/display:flex;align-items:center;}
.order-detail-card .status-text b {font-weight:600;}
.order-detail-card .status-text + .row {padding-bottom:0;margin-top:auto;}
.order-detail-card .status-text + .row + .row {margin-bottom:auto;}
.order-detail-card .location-wrapper {display:flex;flex-direction:column;position:relative;margin:15px 0 0;}
.order-detail-card .location-wrapper input[type="text"] {display:block;padding: 0 45px 0 66px;height:37px;color:var(--text-gray8080);border: 1px solid var(--border-ddd);border-radius: 6px;outline:none;background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3337 7.83333C10.3337 9.122 9.28899 10.1667 8.00033 10.1667C6.71166 10.1667 5.66699 9.122 5.66699 7.83333C5.66699 6.54467 6.71166 5.5 8.00033 5.5C9.28899 5.5 10.3337 6.54467 10.3337 7.83333Z' stroke='%23808080'/%3E%3Cpath d='M8 1.8335C11.2471 1.8335 14 4.52215 14 7.78403C14 11.0978 11.2022 13.4233 8.618 15.0046C8.42967 15.111 8.21667 15.1668 8 15.1668C7.78333 15.1668 7.57033 15.111 7.382 15.0046C4.8026 13.4079 2 11.1093 2 7.78403C2 4.52215 4.75296 1.8335 8 1.8335Z' stroke='%23808080'/%3E%3C/svg%3E%0A") no-repeat center left 45px;font-size:14px;font-weight:400;}
.order-detail-card .location-wrapper .switch-btn {padding: 0;border: none;background: var(--text-white);color: #fff;border-radius: 100%;cursor: pointer;width:30px;height:30px;position:absolute;top:20px;left:12px;box-shadow: 0px 1px 10px 0px rgba(20, 146, 230, 0.2);z-index:1;}
.order-detail-card .btn-group {justify-content:flex-end;gap:10px;padding:15px 0 0;}
.order-address-card {border: 1px solid var(--border-ddd);border-radius:10px;padding:10px 15px;height:100%;margin:0;}
.order-address-card h6 {font-weight:600;color:var(--text-black) !important;line-height:1.22;padding:0 0 10px;}
.order-address-card p {color:var(--text-black);display:flex;line-height:1.187;}
.order-address-card p + p  {padding-top:12px;}
.order-address-card p span span {display:block;}
.order-address-card p svg {flex:0 0 20px;margin:0 10px 0 0;color:var(--primary);}
.order-address-card p strong {display:block;font-weight:600;}
.order-detail-card .status-type {min-height:42px;}
.detail-header .type,
.status-type {font-size:14px;font-weight:400;color:var(--text-gray8080);gap:5px;align-items:center;}
.required-service .row {--bs-gutter-y:5px;}
.detail-header .type .btn,
.status-type .btn {padding:2px 5px;color:#262626;font-size:14px;line-height:1.214;outline:none;align-items:center;}
.detail-header .type .btn svg {margin:0 5px 0 0;}
.detail-header .type .btn-final-mile,
.status-type .btn-final-mile,
.status-type .btn-final-mile:hover {background:rgba(221, 179, 152, 0.2);border-color:#DDB398;}
.detail-header .type .btn-outline-success,
.status-type .btn-outline-success,
.status-type .btn-outline-success:hover {background:#E7F9E6;border-color:#09BA00;}
.detail-header .type .btn-outline-warning,
.status-type .btn-outline-warning,
.status-type .btn-outline-warning:hover {background: #FDF7EB;border-color: #FFB900;color: #262626;}
.status-type .btn-outline-info,
.status-type .btn-outline-info:hover {background: #e7fbff;border-color: #0dcaf0;color: #262626;}
.detail-header .type .btn-outline-danger,
.detail-header .type .btn-outline-danger:hover{background: rgba(233, 87, 28, 0.05);color: #262626;border-color: #E9571C;}
.status-type .btn-outline-danger,
.status-type .btn-outline-danger:hover {background:rgba(233, 87, 28, 0.2);border-color: #E9571C;color: #262626;}
.detail-header .type .btn-transport {border: 1px solid #0A4087;background: rgba(20, 174, 230, 0.15);}
.detail-header .type .btn-transport.btn-outline-point {background: rgba(70, 56, 140, 0.2);border-color:#46388C;}
.order-detail-card .status-detail {padding:15px 0 0;}
.status-detail h6 {font-size:16px;font-weight:600;color:var(--text-black) !important;line-height:1.187;}
.status-detail p {font-size:12px;line-height:1.166;color:var(--text-gray8080);padding:0 0 5px;}
.order-status {position:relative;width:100%;justify-content:center;z-index:1;}
/*.order-detail-card .order-status:after {content:'';width:calc(100% - 26%);height:3px;background:var(--border-ddd);position:absolute;top:37px;left:13%;z-index:-1;}*/
.order-detail-card .order-status {background:var(--body-light-2);border-radius:10px;padding:15px 10px;}
html[data-bs-theme="dark"] .order-detail-card .order-status {background:#3c3c3c;}
.order-status .item {position:relative;/*width:25%;*/flex:1;display:flex;justify-content:center;flex-wrap:wrap;}
.order-status .item:before {content:'';width:100%;height:3px;background:var(--border-ddd);position:absolute;top:22px;left:50%;margin:0;z-index:-1;}
.order-status .item:after {content: '';width: 0;height: 3px;background: var(--secondary);position:absolute;top:22px;left:-100%;margin:0 0 0 50%;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:-1;}
.order-status .item.active:after{width:100%;}
.order-status .icon {width:45px;height:45px;border-radius:100%;border:1px solid var(--border-ddd);background:var(--bg-white);display:flex;align-items:center;justify-content:center;color:var(--text-black);font-size:14px;font-weight:600;position:relative;z-index:2;}
.order-status .icon svg {position:relative;z-index:2;display:none;}
.order-status p {width:100%;text-align:center;font-size:14px;line-height:1.214;font-weight:500;padding:5px 0 0;color:var(--text-gray8080);}
.order-status .item.active .icon svg {display:block;}
.order-status .item.active p {color:var(--text-black);}
/*.order-status .item .icon:after {content:'';width:0;height:3px;background:var(--secondary)*//*##85C442*//*;position:absolute;top:22px;left:-100%;margin:0 0 0 50%;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1;}
.order-status .item .icon:before {content:'';width:0;height:3px;background:var(--border-ddd);position:absolute;top:22px;left:50%;margin:0;z-index:-1;}*/
.order-status .icon span {position:relative;z-index:1;display:none;align-items:center;justify-content:center;height:100%;}
.order-status .item.no-active .icon {background:var(--body-light);display:block;position:relative;z-index:1;}
.order-status .item.no-active .icon svg {display:none;}
.order-status .item.no-active .icon span {display:flex;}
.order-status .item.no-active .icon span:after {content:'';width:44px;height:3px;background:var(--border-ddd);position:absolute;top:21px;left:0;margin:0;z-index:1;transform:rotate(-45deg);opacity:0;display:none;z-index:-1;}
.order-status .item.active .icon:after {width:100%;}
/*.order-status .item.no-active + .item .icon:after,
.order-status .item:last-child .icon:before,
.order-status .item:first-child .icon:after {display:none;}*/
.order-status .item.no-active + .item:after,
.order-status .item:last-child:before,
.order-status .item:first-child:after{display:none;}
.order-status .item.active .icon {border-color:var(--secondary)/*##85C442*/;background:var(--secondary)/*##85C442*/;color:var(--text-white);}
.order-status .item:not(.no-active) .icon {border-color:var(--secondary);position:relative;z-index:1;}
.order-status .item:not(.no-active).primary .icon {border-color:var(--primary);}
.order-status .item.active.primary .icon {background:var(--primary);}
.shipment-map iframe {width:100%;height:300px;border-radius:10px;}
.table-card .shipment-master-detail {padding:0 0 10px;background:var(--bg-white);}
.shipment-master-detail > .row {--bs-gutter-x: 15px;}
.shipment-master-detail .dx-widget {background:var(--body-light-2);border-radius:10px;}
html[data-bs-theme="dark"] .shipment-master-detail .dx-widget {background:#3c3c3c;}
.shipment-master-detail div[class*="col-"] > .dx-widget {height:100%;}
.shipment-master-detail .order-status {background:var(--body-light-2);padding:10px;margin:10px 0 0;border-radius:10px;overflow:hidden;justify-content:start;}
.shipment-master-detail .order-status:after {display:none;}
.shipment-master-detail .order-status .order-step:first-child {border-radius:10px 0 0 10px;}
.shipment-master-detail .order-status .order-step:last-child {border-radius:0 10px 10px 0;}
.shipment-master-detail .order-status .order-step {flex-direction:column;position:relative;overflow:hidden;background:var(--bg-white);justify-content:center;align-items:center;z-index:1;padding:10px 0;}
.shipment-master-detail .order-status .slant {position:absolute;top:0;right:0;width:101%;height:100%;background:var(--bg-white);display:flex;justify-content:flex-end;z-index:-1;}
.shipment-master-detail .order-status .slant:after {content:'';width:0;height:100%;background:#85C442;position:absolute;top:0;left:0;clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0 0, 0% 0%);}
.shipment-master-detail .order-status .order-step.active .slant:after {width:calc(100% - 8px);}
.shipment-master-detail .order-status .order-step:last-child.active .slant:after {width:110%;}
.shipment-master-detail .order-status .slant svg {width:auto;height:100%;}
.shipment-master-detail .order-status .slant svg.outline {position:absolute;top:0;right:0;z-index:1;}
.shipment-master-detail .order-status .order-step:has(~ .active) .slant {background: #85C442;}
.shipment-master-detail .order-status .order-step.active .slant svg.outline path {stroke: var(--bg-white);}
.shipment-master-detail .order-status .order-step:last-child .slant svg {visibility:hidden;}
.shipment-master-detail .order-status .icon {border:0;background:transparent;color:var(--text-gray8080);}
.shipment-master-detail .order-status .icon:after {display:none;}
.shipment-master-detail .order-status .order-step.active .icon {color:var(--text-white);background-color:transparent;}
.shipment-master-detail .order-status p {font-size:14px;color:var(--text-gray8080);line-height:1.214;font-weight:500;}
.shipment-master-detail .order-status .order-step.active p {color:var(--text-white);}
#shipmentGrid .dx-datagrid .dx-row > td {border-bottom:0;border-top:1px solid var(--border-ddd);}
#shipmentGrid .dx-datagrid-headers .dx-datagrid-table .dx-row>td,
#shipmentGrid .dx-datagrid .dx-row > .dx-master-detail-cell {border-top:0;}
.dx-datagrid-borders > .dx-datagrid-filter-panel, 
.dx-datagrid-borders > .dx-datagrid-headers {border:0;}
.cancel-order .modal-dialog {max-width:400px;}
.cancel-order .cancel-content {text-align:center;padding:10px 0 0;}
.cancel-order .cancel-content .icon {padding:0 0 20px;}
.cancel-order .cancel-content .icon img {max-width:128px;width:100%;height:auto;}
.cancel-order .cancel-content h4 {font-size:20px;font-weight:600;line-height:1.3;max-width:66%;margin:0 auto;padding:0 0 10px;}
.cancel-order .cancel-content.confirm .checkmark__check {opacity:0;transition:all .4s ease-in-out;}
.cancel-order.show .cancel-content.confirm .checkmark__check {opacity:1;}
.cancel-order.draft-order .modal-dialog {max-width:500px;}
.cancel-order.show .checkmark__circle {
  stroke-dasharray: 266;
  stroke-dashoffset: 266;
  stroke-width: 5;
  stroke-miterlimit: 10;
  stroke: #66CC33;
  fill: none;
  animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.cancel-order.show .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 110;
  stroke-dashoffset: 110;
  stroke-width: 5;
  stroke-miterlimit: 10;
  stroke: #66CC33;
  animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

.order-list .select2-container {min-width:182px;}
.order-list .select2-container .select2-search {display:none;}
.tab-wrapper {background:var(--bg-white);border-radius:10px;border-bottom:1px solid var(--border-ddd);overflow:hidden;margin:0 0 15px;position:relative;}
.tab-wrapper.bg-transparent .nav-tabs {background:var(--bg-white);border-bottom:1px solid var(--border-ddd);border-radius:10px;}
.orderlist-tab .nav-tabs {position:absolute;top:64px;left:0;right:0;z-index:2;}
.tab-wrapper .nav-tabs .btn {line-height:1.187;padding:12px 15px;position:relative;color:var(--text-black);border:0;box-shadow:none;display:flex;align-items:center;}
.tab-wrapper .nav-tabs .btn span {width:20px;height:20px;background:var(--secondary);font-size:12px;font-weight:bold;color:var(--text-white);display:flex;align-items:center;justify-content:center;border-radius:50px;margin:0 0 0 10px;}
.tab-wrapper .nav-tabs .btn.active {font-weight:600;color:var(--primary);}
.tab-wrapper .nav-tabs .btn:after {content:'';width:0;height:3px;background:var(--primary);display:block;position:absolute;bottom:-1px;left:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.tab-panel { display:none; }
.tab-wrapper .btn.active:after {width:100%;}
.orderlist-tab .dx-widget:not(.location-grid) .dx-datagrid-header-panel {padding-bottom:64px;}
/*.location-grid .dx-datagrid-header-panel {display:none;}*/
    /*//\\//\\Order Detail page css ED//\\//\\*/
    /*//\\//\\Location Detail page css ST//\\//\\*/
    .location-map-card iframe {width:100%;height:300px;border:0;border-radius:10px;margin:0;}
.location-detail-card,
.location-note-card {padding:15px;}
.location-detail-card .user-info .row .col-auto {-ms-flex:0 0 28%;flex:0 0 28%;width:28%;}
.note-list {display:flex;flex-direction:column;}
.note-list .note-item {align-items:center;gap:15px;}
.note-list .note-item + .note-item {padding-top:20px;margin-top:20px;border-top:1px solid var(--border-ddd)}
.note-list .note-item h6 {font-size:12px;line-height:1.166;color:var(--text-gray-8080) !important;font-weight:600;padding:0 0 5px;}
.note-list .note-item p {color:var(--text-black);line-height:1.428;}
.note-list .btn-group {gap:5px;}
.location-page-wrapper .dx-toolbar-after .dx-toolbar-item:first-child {order:-1;}
.location-page-wrapper .dx-toolbar-after .dx-toolbar-text-auto-hide + .dx-toolbar-text-auto-hide {padding-left:117px;}
/*.location-page-wrapper .view-switch:not(.static) {right:282px;} */
.location-page-wrapper .table-card .dx-toolbar-after {flex-direction:row;}
.location-page-wrapper .dx-toolbar-text-auto-hide .dx-button.dx-datagrid-addrow-button {pointer-events:none;}
.location-grid .dx-datagrid-table .colgroup, 
.location-grid .dx-datagrid-rowsview .dx-row {-ms-flex: 0 0 50%;flex: 0 0 50%;width: 50%;padding:7px 5px;}
.location-card.card {padding:0;margin:0;height:100%;}
.location-card .card-body {padding:5px;}
.location-card .location-map iframe {width:100%;height:100%;border:0;float:none;border-radius:10px;}
.location-card .card-body {flex-wrap:nowrap;}
.location-card .quantity-expand-wrapper {padding:0 0 20px;}
.location-card .info {padding:20px 20px 20px 15px;display:flex;flex-direction:column;width:100%;}
.location-card .info h6 span {color:var(--text-gray8080);display:inline-block;vertical-align:top;font-weight:normal;}
.location-card .info h5 {padding:0 0 5px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.location-card .info p {flex:1;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;}
.location-card .icon-btn {gap:5px;padding:20px 0 0;}
.location-order-list .table-card {padding:20px 0 0;}
.location-order-list .table-card .dx-datagrid>.dx-datagrid-headers{background: var(--body-light-2);padding: 10px 10px 0 !important;}
.location-order-list .table-card .dx-datagrid-headers .dx-datagrid-scroll-container {border-radius:10px 10px 0 0;background:var(--bg-white);}
.location-order-list .table-card .dx-datagrid-borders .dx-datagrid-rowsview, 
.location-order-list .dx-datagrid-headers+.dx-datagrid-rowsview {background: var(--body-light-2);padding: 0 10px 10px !important;}
.location-order-list .table-card .dx-gridbase-container>.dx-datagrid-rowsview.dx-scrollable>.dx-scrollable-wrapper {border-radius:0 0 10px 10px;background:var(--bg-white);}
.location-page-wrapper .location-order-list .dx-toolbar-after .dx-toolbar-item:not(.search-item):first-child {order:1;}
.location-page-wrapper .view-switch {right:98px;}
.location-page-wrapper .table-card .dx-toolbar .dx-toolbar-after .search-item {padding:0 118px 0 0;}
.location-page-wrapper .table-card .location-order-list .dx-toolbar .dx-toolbar-after .search-item {padding:0;}
.location-page-wrapper .table-card.order-list.location-inventory .dx-toolbar .dx-toolbar-after .search-item {padding:0;}
.location-order-list .dx-toolbar-after .dx-toolbar-item.input-select {order:-1;}
.location-order-list .filter-result {order:1;}
.table-card .dx-datagrid .dx-row.dx-freespace-row td {border-bottom:0;}
/*//\\//\\Location Detail page css ED//\\//\\*/
.alert-ui {position:fixed;top:50%;left:50%;transform:translateX(-50%);}
.alert-ui .alert {padding:0.625rem 1rem;margin:0;}
.alert-ui.top {top:94px;}
.alert-ui.bottom {top:auto;bottom:0;}
.backdrop {position:fixed;top:0;left:0;bottom:0;right:0;z-index:99;background:rgba(0,0,0,0.2);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
@media (min-width: 1500px) and (max-width: 1699px) {
    .table-card.order-list .dx-toolbar-center {max-width:40%;}
}
@media (min-width: 1400px) and (max-width: 1499px) {
    .table-card.order-list .dx-toolbar-center {max-width:37%;}
}
@media (min-width: 1200px) and (max-width: 1500px) {
    body {
        font: normal 14px 'Figtree', sans-serif !important;
    }
    .header-logo a img {height:35px;}
    .table-card .dx-datagrid .dx-row > td,
    .custom-sidebar ul li a,
    .filter-result h6,
    .btn a,
    .helpbtn a,
    .header a.ico-account,
    .header a.ico-account ~ .saubmenu li a,
    .inputs input[type="text"], .inputs input[type="email"],
    .inputs input[type="tel"], .inputs input[type="password"],
    .inputs input:-internal-autofill-selected,
    .inputs select, .inputs textarea,
    .common-form .buttons button.button-1,
    .nice-select {
        font-size: 14px;
    }
    .helpbtn a svg,
    .custom-sidebar ul li a svg {width:18px;height:auto;}
    .quantity-expand-wrapper .btn {font-size:12px;}
    .common-form .title h6 {font-size:18px;}
    div.page-title h1 {font-size:20px;}
    
}
@media (min-width: 1200px) and (max-width: 1299px) {
    .table-card.order-list .dx-toolbar-center {max-width:30%;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .header-lower .search-box {max-width:100%;order:1;margin:15px 0 0;}
    .master-column-wrapper .side-2 {position:fixed;top:0;left:-100%;height:100%;z-index:999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    .show-menu .master-column-wrapper .side-2 {left:0;}
    .show-menu .backdrop {visibility:visible;opacity:1;}
}
@media (max-width: 767px) {
    .header-logo a img {height:36px;}
    .hamburger {margin:0 10px 0 0;}
    .header-lower .search-box {max-width:100%;order:1;margin:15px 0 0;}
    .header-lower .search-box form input {background:var(--body-light);}
    .master-column-wrapper .side-2 {position:fixed;top:0;left:-100%;height:100%;width:100%;-ms-flex:0 0 100%;flex:0 0 100%;z-index:999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
    .show-menu .master-column-wrapper .side-2 {left:0;}
    .show-menu .backdrop {visibility:visible;opacity:1;}
    .header a.ico-account {font-size:0;}
    .header a.ico-account > svg {display:none; }
}