@font-face {
    font-family: "Cabinet Grotesk Variable";
    src: url("../fonts/CabinetGrotesk_Complete/fonts/WEB/fonts/CabinetGrotesk-Variable.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk_Complete/fonts/WEB/fonts/CabinetGrotesk-Variable.woff") format("woff"),
        url("../fonts/CabinetGrotesk_Complete/fonts/WEB/fonts/CabinetGrotesk-Variable.ttf") format("truetype");
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
}

body {
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "NotoColorEmoji", sans-serif;
}


:root {
    --pure-white: #ffffff;
    --dark-peach: #ed9040;
    --medium-gray: #666666;
    --steel-blue: #304f5c;
    --light-gray: #cccccc;
    --cloud-gray: #e9eaeb;
    --silver-gray: #dedede;
    --soft-light-gray: #d9d9d9;
    --emerald-green: #10b981;
    --royal-blue: #2563eb;
    --ashen-fog: #a4a4a4;
    --snow-white: #fdfdfd;
    --jet-black: #010101;
    --off-white: #f6f6f6;
    --vibrant-green: #12b76a;
    --dark-slate: #181d27;
    --gunmetal-gray: #535862;
    --soft-seafoam: #ecfdf3;
    --amber: #f79543;
    --slate-blue: #3d5a66;
    --cream-white: #fefdfc;
    --deep-ocean: #001620;
    --teal-blue: #2f505c;
    --dusty-blue: #71838d;
    --honey-gold: #f3c884;
    --golden-orange: #f5891f;
    --light-apricot: #ffdbbc;
    --dark-grayish-blue:#414651;
    --shadowed-steel:#5D5D5D;
    --grayish-green:#717680;
    --rich-black:#1B1B1B;
    --charcoal:#323232;
    --cultured:#FAFAFA;
    --copper:#EC8F40;
    --light-coral:#FB5D5D;
    --dark-orange:#f57c00;
    --sunmilk:#fff3e0;
    --cloudwash:#e3f2fd;
    --ocean-crest:#1976d2;
    --neuro-purple:#7b1fa2;
    --steel-mist:#6c757d;
    --overcast-light:#D5D7DA;
    --forest-green:#027A48;
    --pale-fog:#F9F9F9;
    --silver-mist:#E7E7E7;
    --white:#FFF;
    --teal:#306A7B;
    --red: #FF0000;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "inter";
    background-color: var(--off-white);
}

/*Heading Font Sizes */
h1 {font-size:24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}

h1,h2,h3,h4,h5,h6 {line-height: 1.2;word-break: break-word;margin: 0px;}
p,a,span {line-height: 1.6;word-break: break-word;text-decoration: none;}
ul,ol {margin: 0px;padding: 0px;}
li {font-size: 16px; font-family: "Inter", sans-serif;}
p {margin: 0px;}


/* custom-class */
.fs-16 {font-size: 16px;}
.fs-14 {font-size: 14px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-18 {font-size: 18px;}
.fs-12 {font-size: 12px;}
.f-6 {font-size: 6px;}


.fit-content {width: fit-content;}
.border-radius-10 {border-radius: 10px;}
.border-radius-5 {border-radius: 5px;}
.border-radius-8 {border-radius: 8px;}
.teal-border {border: 1px solid var(--teal);}
.teal-border-bottom {border-bottom: 1px solid var(--teal);}
.family-poppins {font-family: "Poppins", sans-serif;}

/* custom-colors */
.text-white {color: var(--pure-white);}
.jet-black {color: var(--jet-black);}
.text-primary {color: var(--golden-orange);}
.text-secondary {color: var(--medium-gray);}
.text-success {color: var(--emerald-green);}
.text-info {color: var(--royal-blue);}
.text-warning {color: var(--amber);}
.text-danger {color: var(--vibrant-green);}
.steel-blue{color: var(--steel-blue);}
.dark-slate{color: var(--dark-slate);}
.gunmetal-gray {color: var(--gunmetal-gray);}
.dark-grayish-blue{color: var(--dark-grayish-blue);}
.dark-peach{color: var(--dark-peach);}
.shadowed-steel{color: var(--shadowed-steel);}
.grayish-green{color: var(--grayish-green);}
.rich-black{color: var(--rich-black);}
.charcoal{color: var(--charcoal);}
.copper-text{color: var(--copper);}
.light-coral{color: var(--light-coral);}
.deep-ocean{color: var(--deep-ocean);}
.teal-text{color: var(--teal);}

/* bg-color */
.bg-white {background-color: var(--pure-white);}
.bg-cultured {background-color: var(--cultured);}
.bg-pale-fog {background-color: var(--pale-fog);}
.bg-deep-ocean {background-color: var(--deep-ocean);}
.bg-teal {background-color: var(--teal);}
.bg-silver-mist {background-color: var(--silver-mist);}

/* font-weight  */
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700 {font-weight: 700;}

/* Cabinet Grotesk Variable Font Weight Utilities */
.font-thin { font-family: "Cabinet Grotesk Variable"; font-weight: 100; }
.font-extralight { font-family: "Cabinet Grotesk Variable"; font-weight: 200; }
.font-light { font-family: "Cabinet Grotesk Variable"; font-weight: 300; }
.font-regular { font-family: "Cabinet Grotesk Variable"; font-weight: 400; }
.font-medium { font-family: "Cabinet Grotesk Variable"; font-weight: 500; }
.font-semibold { font-family: "Cabinet Grotesk Variable"; font-weight: 600; }
.font-bold { font-family: "Cabinet Grotesk Variable"; font-weight: 700; }
.font-extrabold { font-family: "Cabinet Grotesk Variable"; font-weight: 800; }
.font-black { font-family: "Cabinet Grotesk Variable"; font-weight: 900; }

.cursor-pointer{cursor: pointer;}
.border-none {border: 0;}

.opacity-70 {opacity: 0.7;}
/* Typography Utilities */
.cabinet-grotesk { font-family: "Cabinet Grotesk Variable"; }
.inter { font-family: "Inter", sans-serif; }

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {border-bottom: 0;}
[data-kt-app-layout=dark-sidebar] .app-sidebar {border-right: 1px solid var(--golden-orange);background: var(--deep-ocean);backdrop-filter: blur(2px);}

/* global-class */
.border-bottom{border-bottom: 1px solid var(--silver-mist);}
.top-border{border-top: 1px solid var(--jet-black);}
.border-silver-mist{border: 1px solid var(--silver-mist);}

div#kt_app_header_wrapper {margin-left: 3px;}

/* Sidebar Menu Styling */
.app-sidebar .menu-link { transition: all 0.3s ease;border-radius: 8px;margin-bottom: 4px;}
.app-sidebar .menu-link:hover {transform: translateX(4px);}
.app-sidebar .menu-sub .menu-link:hover {background: rgba(113, 131, 141, 0.4) !important;transform: translateX(2px);}
.app-sidebar .menu-arrow {transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.app-sidebar .menu-arrow i {transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.app-sidebar .menu-sub {overflow: hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform-origin: top;}
.app-sidebar .menu-sub.opening {animation: slideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.app-sidebar .menu-sub.closing {animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.app-sidebar-menu .menu-sub-accordion .menu-link {background-color: transparent;}

@keyframes slideDown {0% {opacity: 0;transform: translateY(-15px) scaleY(0.8);max-height: 0;}
    50% {opacity: 0.5;transform: translateY(-5px) scaleY(0.9);}
    100% {opacity: 1;transform: translateY(0) scaleY(1);max-height: 350px;}}
@keyframes slideUp {
    0% {opacity: 1;transform: translateY(0) scaleY(1);max-height: 350px;}
    50% {opacity: 0.5;transform: translateY(-5px) scaleY(0.9);}
    100% {opacity: 0;transform: translateY(-15px) scaleY(0.8);max-height: 0;}}

/* Additional smooth effects */
.app-sidebar .menu-sub .menu-item:nth-child(1) { animation-delay: 0.1s; }
.app-sidebar .menu-sub .menu-item:nth-child(2) { animation-delay: 0.15s; }
.app-sidebar .menu-sub .menu-item:nth-child(3) { animation-delay: 0.2s; }
.app-sidebar .menu-sub .menu-item:nth-child(4) { animation-delay: 0.25s; }
.app-sidebar .menu-sub .menu-item:nth-child(5) { animation-delay: 0.3s; }
.app-sidebar .menu-sub .menu-item {transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform: translateX(0);}

/* Admin-Dashboard */
.materials-suppliers-card { border-radius: 10px; border: 1px solid #DEDEDE; background: #FEFDFC; backdrop-filter: blur(12px); padding: 19px 16px; }
.materials-suppliers-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.materials-suppliers-table thead th {padding: 6px 4px;}
.materials-suppliers-table tbody td {padding: 6px 4px;vertical-align: middle;}
.materials-suppliers-table tbody tr:last-child td {border-bottom: none;}
.materials-suppliers-col-material { width: 22%; }
.materials-suppliers-col-lowest-price,
.materials-suppliers-col-second-lowest { width: 14%; }
.materials-suppliers-col-supplier-short { width: 18%; }
.materials-suppliers-col-average { width: 14%; }
.upcoming-arrivals-card, .top-widths-card { border-radius: 10px; border: 1px solid #DEDEDE; background: #FEFDFC; backdrop-filter: blur(12px); padding: 19px 16px; }
.upcoming-arrivals-card { flex: 1 1 40%; }
.top-widths-card { flex: 1 1 60%; }
.upcoming-list { display: flex; flex-direction: column; gap: 8px; }
.upcoming-item { border-radius: 6px; border: 1px solid #DEDEDE; background: #FDFDFD; padding: 10px 12px; display: flex; justify-content: space-between; align-items: center; }
.upcoming-item-left { max-width: 65%; }
.upcoming-item-right { text-align: right; font-size: 12px; color: #111827; }
.upcoming-item-right-supplier {font-size: 11px;color: #6B7280;}
.top-widths-header { display: flex;justify-content: space-between;align-items: center; margin-bottom: 12px;}
.top-widths-date-wrapper { display: inline-flex; align-items: center; border-radius: 6px; border: 1px solid #E5E7EB; padding: 4px 8px 4px 10px; background-color: #fff; gap: 6px; cursor: pointer; }
.top-widths-date { font-size: 11px; color: #6B7280; border: none; outline: none; padding: 0; background: transparent; width: 135px; }
.top-widths-date-icon { font-size: 14px; color: #2F515B; }
.top-widths-columns {display: flex; gap: 12px;}
.top-widths-column {flex: 1 1 30%;min-width: 180px;}
.top-widths-column select {width: 100%;font-size: 11px;margin-bottom: 8px; }
.top-widths-table { width: 100%;border-collapse: collapse;font-size: 11px;}
.top-widths-table th, .top-widths-table td {padding: 4px 2px;}
.top-widths-table th { color: #9CA3AF; font-weight: 600; }
.top-widths-table td {border-bottom: 1px solid #F3F4F6;}

/* Width Demanded charts */
.width-demanded-card { border-radius: 10px; border: 1px solid #DEDEDE; background: #FEFDFC; backdrop-filter: blur(12px); padding: 19px 16px; overflow: hidden; }
.width-demanded-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.width-demanded-select {width: 160px;font-size: 11px;}
#widthDemandedChart1, #widthDemandedChart2 {max-height: 234px;}

/* Productivity and Profitability sections */
.productivity-header, .profitability-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
.user-table tbody tr.total-row {background-color: #F9FAFB;font-weight: 600;}
.user-table tbody tr.total-row td {border-bottom: none;padding-top: 12px;padding-bottom: 12px;}
/* Deviation table cell styling */
.deviation-positive {background-color: #E6FAE6 !important;}
.deviation-negative {background-color: #FDE6E6 !important;}
.user-table tbody td:not(:first-child) {text-align: start;}
/* Sales Charts sections */
.sales-chart-card { border-radius: 12px; border: 1px solid #DEDEDE; background: #FEFDFC; backdrop-filter: blur(12px); padding: 19px 16px; margin-bottom: 20px; overflow: hidden; }
.sales-chart-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.sales-chart-dropdown { width: 120px; font-size: 11px; border-radius: 6px; }
.sales-chart-container { position: relative; height: 300px; border-radius: 8px; overflow: hidden; }
.sales-chart-container canvas { border-radius: 8px;}

/* Scrollbar Styling */
.app-sidebar-menu .scroll-y::-webkit-scrollbar {width: 4px;}

.app-sidebar-menu .scroll-y::-webkit-scrollbar-thumb:hover {background: var(--amber);}
.app-sidebar-menu .scroll-y::-webkit-scrollbar-thumb {background: var(--golden-orange);border-radius: 2px;}
.app-sidebar-menu .scroll-y::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.1);border-radius: 2px;}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link {color: #dbdfe9;border-radius: 10px;}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active {border: 1px solid var(--silver-gray);background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(12px);}

/* navbar  */
div#kt_menu_item_wow { border-radius: 10px;border: 1px solid var(--steel-blue);background: var(--dusty-blue);}
div#kt_menu_item_wow i {color: var(--pure-white);}
div#kt_menu_item_wow i:hover {color: var(--steel-blue);}
.user-profile-image img { width: 55px; height: 55px; object-fit: cover; object-position: center; }

#kt_menu_item_wow:hover i {color: var(--steel-blue);}

#kt_app_page {background-color:var(--pure-white) ;}
/* background: url(../media/images/bg-texture.png) lightgray 0% 0% / 105.46875px 105.46875px repeat; */

input:focus-visible {outline: 0;}
.card-inner-main .card-inner {width: 390px;}
.stat-card {border-radius: 5px;border: 1px solid var(--silver-gray);background: var(--off-white);padding: 10px;}
.w-33 {width: 33.33%;}

/* Filter-btn  */
.btn-filters:focus {border: 0;}
.btn-filters:focus-visible {outline: 0;border: 0;}
.btn-filters { border-radius: 8px; background: var(--steel-blue); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); display: flex; height: 45px; padding: 10px 22px; justify-content: center; align-items: center; gap: 8px; border: 0; color: #fff; }

/* create-btn */
.btn-create:hover, .btn-save:hover {background: linear-gradient(90deg, #915827 0%, #F79643 80%); color: var(--pure-white);}
.btn-create, .btn-save { background: linear-gradient(90deg, #F79643 0%, #915827 100%);border: none; padding: 8px 20px; display: flex; align-items: center; gap: 8px; height: 45px; }
.logout-btn { border: 1px solid var(--white); }
.back-btn { border-radius: 10px; border: 1px solid var(--steel-blue); padding: 10px; background: var(--pure-white); color: var(--rich-black); cursor: pointer; }

/* Tabs-sec */
.tabs-section .nav-tabs .nav-item {border-right: 1px solid var(--overcast-light);background: var(--pure-white);}
.tabs-section .nav-tabs .nav-link.active {border-right: 1px solid var(--overcast-light);background: var(--cultured);border-top: 0;border-radius: 0;}
.tabs-section .nav-tabs .nav-link:focus, .tabs-section .nav-tabs .nav-link:hover { margin: 0; }
.tabs-section .nav-tabs .nav-item .nav-link { color: var(--dark-grayish-blue);opacity: 0.7;border-top: 0;border-radius: 0;}
.tabs-section .nav-tabs {border-radius: 8px;border: 1px solid var(--overcast-light);box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);overflow-y: hidden;}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: rgb(255 255 255 / 88%)!important;
}
table.dataTable.table-striped>tbody>tr.odd>* {box-shadow: none;}
/* Modals & OffCanvas */
#confirmationModal .modal-content, #buyRollModal .modal-content {width: 380px;}
#confirmationModal .no-btn, #uploadDocumentsOffcanvas .cancel-btn, #addJumboOffcanvas .cancel-btn, #editMaterialOffcanvas .cancel-btn, #buyRollModal .no-btn, #addCustomOrderOffcanvas .cancel-btn  { border: 1px solid var(--overcast-light); width: 50%; }
#confirmationModal .yes-btn, #buyRollModal .yes-btn { width: 50%; background: linear-gradient(90deg, #F79643 0%, #915827 100%); }
#uploadDocumentsOffcanvas, #addJumboOffcanvas, #scanJumbosOffcanvas, #rollLengthOffcanvas, #shipping-details-offcanvas, #noOfPalletsOffcanvas, #takeOutRollsOffcanvas, #editMaterialOffcanvas, #addCustomOrderOffcanvas { border-radius: 8px; border: 1px solid var(--cloud-gray); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); margin:30px; }
#uploadDocumentsOffcanvas .trash-btn {color: var(--light-coral);}
#uploadDocumentsOffcanvas .file-upload { border-radius: 8px; border: 1px solid var(--overcast-light); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); padding-block:10px 0px; padding-inline:10px; }
#uploadDocumentsOffcanvas .custom-file-input { position: relative; display: block; width: 100%; padding: 0.375rem 0.75rem;  color: var(--seeel-mist); background-color: var(--pure-white); border: 1px solid #ced4da; border-radius: 0.375rem; cursor: pointer; text-align: center; }
#uploadDocumentsOffcanvas .file-input-text {pointer-events: none;user-select: none;}
#uploadDocumentsOffcanvas .hidden-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
#scanJumbosOffcanvas .cancel-btn, #rollLengthOffcanvas .cancel-btn, #noOfPalletsOffcanvas .cancel-btn, #shipping-details-offcanvas .cancel-btn, #takeOutRollsOffcanvas .cancel-btn { border: 1px solid lightgrey; }
.scan-img img { width: 100%; height: 100%; object-fit: contain; }
.scan-img { border: 1px solid var(--cloud-gray); padding: 10px; }
#rollLengthOffcanvas .print-label button {border-radius: 8px; border: 1px solid var(--overcast-light);box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);}

/* Table */
.user-table tr {border-top: 0;}
table > tbody > tr > td a {width: 100%;}
.user-table tr th:last-child {border-radius: 0 10px 0 0;}
.user-table tr th:first-child {border-radius: 10px 0 0 0;}
.user-info {display: flex;align-items: center;gap: 10px;}
.user-table tbody td { padding: 16px 24px; vertical-align: middle; border-bottom: 1px solid var(--cloud-gray); border: 0; color: var(--gunmetal-gray); }
.user-avatar { width: 40px; height: 40px; object-fit: cover; border-radius: 50px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); }
.user-table tr th { background-color: var(--steel-blue); border: 0; color: var(--pure-white); padding: 12px 24px; font-size: 12px; font-weight: 500; font-family: 'Inter'; }
.table-container { border-radius: 12px; border: 1px solid var(--cloud-gray); background: var(--pure-white); box-shadow: 0px 1px 3px 0px rgba(10, 13, 18, 0.10), 0px 1px 2px 0px rgba(10, 13, 18, 0.06); }
.custom-tabel-footer {padding: 0 14px; }
.dataTables_wrapper .dataTables_paginate {display: flex;justify-content: space-between;align-items: center;}
.custom-tabel-footer .dataTables_info {display: none !important;}
.dataTables_paginate .paginate_button { cursor: pointer; color: var(--dark-grayish-blue); border-radius: 8px; border: 1px solid var(--overcast-light); background: var(--pure-white); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); padding: 8px 14px; }
.dataTables_paginate .paginate_button i {color: var(--dark-grayish-blue);}
.toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #F5F5F5; transition: 0.3s; border-radius: 28px; }
input:checked+.toggle-slider {background-color: var(--steel-blue);}
.toggle-slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; background-color: white; transition: 0.3s; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
input:checked+.toggle-slider:before {transform: translateX(24px);}
.status-toggle input {opacity: 0;width: 0;height: 0;}
.status-text {font-size: 14px;font-weight: 500;font-family: 'Inter';}
.status-active {color: var(--dark-grayish-blue);}
.status-inactive {color: #dc3545;}
input.form-control-file.file-input {display: none;}
.action-buttons a, .action-buttons button.save-btn, .action-buttons .cancel-btn  {background: transparent; border-radius: 5px; border: 1px solid var(--soft-light-gray); display: flex; width: fit-content; height: 30px; padding: 5px; justify-content: center; align-items: center; gap: 10px; }
.action-buttons i, .add-document i, .download-pdf i { color: var(--dark-peach); }
.action-buttons.perform-button a, .action-buttons.generate-button a { width: auto; color: var(--dark-peach); padding: 5px 10px; }
.action-buttons.done-button a { width: auto; color: var(--forest-green); padding: 5px 15px; }
.action-buttons.complete-button a { width: auto; color: var(--forest-green); padding: 6px 12px; }
.action-buttons.complete-button i { color: var(--forest-green); }
.user-table tbody tr:hover {background-color: var(--pure-white);}
.dataTables_paginate span {display: flex;gap: 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current { border-radius: 8px; background: var(--dusty-blue); display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; color: var(--pure-white); }
.custom-search input { border: 1px solid var(--overcast-light); background: var(--pure-white); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); border-radius: 8px; width: 100%; height: 45px; padding: 8px 31px; }
.custom-search .fa-search { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--steel-mist); }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {display: none;}
.dataTables_wrapper .dataTables_info {color: var(--steel-mist);font-size: 14px;}
.user-table thead th.sorting, .user-table thead th.sorting_asc, .user-table thead th.sorting_desc {cursor: default !important;}
.user-table thead th.sorting:after, .user-table thead th.sorting_asc:after, .user-table thead th.sorting_desc:after {display: none !important;}
.role-badge {padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 500; }
.role-admin { background: var(--cloudwash);color: var(--ocean-crest);}
.role-worker { background: var(--sunmilk); color: var(--dark-orange); }
.role-commercial {background: #f3e5f5;color: var(--neuro-purple);}
.status-toggle { position: relative; display: inline-block; width: 52px; height: 28px; margin-right: 12px; }
.action-buttons {display: flex;gap: 8px; align-items: center;}
.btn-action { width: 36px; height: 36px; border-radius: 8px; border: none; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; transition: all 0.2s ease; }
.custom-search {position: relative;width: 250px;}

/* filter-dropdown  */
.filter-dropdown-menu { padding: 10px; min-width: 220px; border: 0; box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); border-radius: 8px; }
/* .filter-dropdown-menu .dropdown-header { color: #5a6c7d; font-weight: 600; padding: 8px 0; font-size: 13px; } */
.tabs-section .nav-item {margin: 0;}
.filter-dropdown-menu .dropdown-item {padding: 2px 0; }
.filter-dropdown-menu .form-check-input {cursor: pointer;}
.filter-dropdown-menu .dropdown-item:hover {background-color: transparent;}
.filter-dropdown .form-check {display: flex;justify-content: space-between;}
.color-indicator {width: 16px;height: 16px;border-radius: 4px; opacity: 0.8;}
.form-check-input:checked {background-color: #304F5C;border-color: #304F5C;}
.filter-dropdown-menu .dropdown-divider {margin: 10px 0;border-top: 1px solid #f1f3f4;}
.filter-dropdown-menu .btn-primary:hover {background-color: #4a5b6d;border-color: #4a5b6d;}
.filter-dropdown-menu .form-check-label {cursor: pointer;font-size: 14px;color: var(--steel-mist);}
.filter-dropdown-menu .btn-primary {background-color: #5a6c7d;border-color: #5a6c7d;font-size: 14px;padding: 8px 15px;}
.form-check:not(.form-switch) .form-check-input[type=checkbox] {width: 16px;height: 16px;border-radius: 4px;background-size: 67% 68%;margin-top: 3px;}
.fit-content {border-radius: 8px;border: 1px solid var(--overcast-light);box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);overflow: hidden;}
.tabs-section .nav-link {border-right: 1px solid var(--overcast-light);background: var(--pure-white);padding: 10px 16px;border-radius: 0;color: var(--dark-grayish-blue);opacity: 0.7;}
.nav-pills .nav-item:last-child .nav-link {border-right: 0;}
.tabs-section .nav-link.active { border-right: 1px solid var(--overcast-light); background: var(--cultured); color: var(--steel-blue); opacity: 1;}
/* .user-table tbody tr {white-space: nowrap;overflow: hidden;} */
.table-container:hover {scrollbar-color: #304F5C #f1f1f1;}
.user-table td, .user-table th {white-space: nowrap;width: fit-content;}
.table-container { overflow-x: auto;scrollbar-color: #304F5C #f1f1f1; scrollbar-width: thin;}

#addPalletTable th { width: 33.33%; }
.warehouse-table button.btn.btn-outline-secondary.btn-sm.add-document, .warehouse-table .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) { border-radius: 5px; border: 1px solid var(--soft-light-gray); }
/* Create-New-User */
.password-toggle i {color: #9CA3AF;}
.password-toggle {position: absolute;top: 11px;right: 8px;cursor: pointer;}
.create-user-form-inner { border-radius: 12px; border: 1px solid var(--silver-mist); background: rgba(255, 255, 255, 0.33); backdrop-filter: blur(22.5px); padding: 20px; }
.btn-cancel { border-radius: 10px; border: 1px solid var(--steel-blue); background: var(--pure-white); padding: 10px 15px; color:var(--rich-black);}

/* .sidebar-botton-sec { position: absolute; bottom: 0; width: 90%; } */
.footer-btn i {color: var(--pure-white);}
.menu-sub-accordion .active-submenu {background: #4C5C63 !important;}
#kt_scrolltop { background: linear-gradient(90deg, #F79643 0%, #915827 100%); }
.app-sidebar-menu .menu-link { border-radius: 10px; background: rgba(255, 255, 255, 0.10); }
.app-sidebar-menu .menu-sub.menu-sub-accordion { border-radius: 10px; background: rgba(255, 255, 255, 0.10); padding: 8px 10px; }
/* previous-wearehouse-suppliers */
.user-info-dropdown .dropdown-icon {cursor: pointer;}
.shuffle-content .nav-item .nav-link.active i {color: var(--pure-white);}
.shuffle-content .nav-item .nav-link.active { border-radius: 9px;background: var(--steel-blue);color: var(--pure-white);}
.shuffle-content {border-radius: 9px;border: 1.125px solid var(--overcast-light);background: var(--pure-white);box-shadow: 0px 1.125px 2.25px 0px rgba(10, 13, 18, 0.05);}


.price-high {background-color: #FEF3F2 !important;color:#B42318 !important;}
.price-good {background-color: var(--soft-seafoam) !important;color: var(--forest-green) !important;}

/* btn-edit-delete */
.btn-delete:hover i {color: var(--steel-blue) !important;}
.btn-delete:hover { background-color: transparent; border: 1px solid var(--steel-blue); color: var(--steel-blue) !important; }
.btn-delete { transition: .3s; border-radius: 10px; background: var(--steel-blue); display: flex; padding: 10px; justify-content: center; align-items: center; gap: 8px; border: 1px solid var(--steel-blue); }
.btn-delete:hover img {color: #304f5c;filter: brightness(0.4);}

/* materials-show */
.create-material-details-inner { border-radius: 12px; border: 1px solid #EEE; background: var(--cultured); padding: 20px; }
.create-material-details {border-radius: 12px;border: 1px solid var(--silver-mist);background: rgba(255, 255, 255, 0.33);backdrop-filter: blur(22.5px);padding: 24px;}

/* Create Supplier */
.create-new-supplier .header-section h1 { font-size: 26px; color: #303f63; margin-bottom: 20px; }
.create-new-supplier .cancel-save-btn a { padding: 10px 20px; font-size: 14px; border-radius: 10px; text-decoration: none; }
.create-new-supplier .supplier-form .form-section, .create-new-supplier .contacts, .create-new-supplier .contact-main, .add-pallet .form-section { padding: 20px; border-radius: 12px; border: 1px solid #E7E7E7; background: rgba(255, 255, 255, 0.33); backdrop-filter: blur(22.5px); }
.create-new-supplier .supplier-form .form-section h5 { font-size: 18px; color: #303f63; margin-bottom: 20px; font-weight: 600; }
.create-new-supplier .supplier-form .form-control { font-size: 14px; padding: 10px; border-radius: 5px; border: 1px solid #ccc; margin-bottom: 20px; box-sizing: border-box; }
.create-new-supplier .supplier-form select.form-control { height: 45px; font-size: 14px; }
.create-new-supplier .supplier-form .badge { background: var(--dusty-blue); color: var(--pure-white); padding: 5px 10px; border-radius: 20px; margin-right: 5px; }
.create-new-supplier .supplier-form .badge span.remove-port { cursor: pointer; color: var(--pure-white); margin-left: 10px; }
.create-new-supplier .btn-save { padding: 10px 25px; font-size: 16px; color: var(--pure-white); background-color: #007bff; border-radius: 5px; border: none; }
.create-new-supplier .btn-save:hover { background-color: #0056b3; }
.create-new-supplier .logistics-commercial { display: flex; flex-direction: column; gap: 30px; }
.create-new-supplier .usual-ports .input-group { border-radius: 12px; border: 1px solid #EEE; padding: 20px; }
.create-new-supplier .preferred-channel-options { display: flex; gap: 30px; margin-top: 10px; align-items: center; }
.create-new-supplier .channel-option { position: relative; }
.create-new-supplier .channel-radio { display: none; }
.create-new-supplier .channel-label { display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all 0.2s ease; }
.create-new-supplier .custom-checkbox { width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #fff; transition: all 0.2s ease; position: relative; }
.create-new-supplier .custom-checkbox i { color: white; font-size: 12px; opacity: 0; transition: opacity 0.2s ease; }
.create-new-supplier .app-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--pure-white); font-size: 18px; }
.create-new-supplier .app-name { font-size: 16px; font-weight: 400; color: #333; }
.create-new-supplier .channel-radio:checked+.channel-label .custom-checkbox { background: #333; border-color: #333; }
.create-new-supplier .channel-radio:checked+.channel-label .custom-checkbox i { opacity: 1; }
.create-new-supplier .selected-ports-tags { display: flex; flex-wrap: wrap; gap: 8px; min-height: 20px; }
.create-new-supplier .port-tag { background: var(--steel-mist); color: var(--pure-white); padding: 8px 12px; border-radius: 20px; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.create-new-supplier .port-tag .remove-port { background: rgba(255, 255, 255, 0.3); border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; transition: background 0.2s ease; }
.create-new-supplier .port-tag .remove-port:hover { background: rgba(255, 255, 255, 0.5); }
.create-new-supplier .select2-container--default .select2-selection--multiple::after { content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid var(--steel-mist); pointer-events: none; }
.create-new-supplier .select2-container--default .select2-selection--multiple { position: relative; }
.create-new-supplier .select2-container--default .select2-selection--multiple:after { content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; pointer-events: none; }
.create-new-supplier .channel-option .fa-whatsapp, .create-new-supplier .channel-option .fa-weixin, .create-new-supplier i.fa-brands.fa-square-whatsapp { font-size: 40px; }
.create-new-supplier .contacts .fa-trash-alt.remove-btn { color: var(--light-coral); border-radius: 5px; border: 1px solid var(--soft-light-gray); background: var(--pure-white); width: auto; height: max-content; padding: 8px; position: absolute; top: -15px; right: -12px; cursor: pointer; }
.create-new-supplier .contact-main { position: relative; }
.create-new-supplier .usual-ports .select2.select2-container.select2-container--default { width: -webkit-fill-available !important; }
.create-new-supplier .selected-ports-tags { display: flex; flex-wrap: wrap; gap: 8px; min-height: 20px; }
.create-new-supplier .port-tag { background: var(--steel-mist); color: var(--pure-white); padding: 8px 12px; border-radius: 20px; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.create-new-supplier .port-tag .remove-port { background: rgba(255, 255, 255, 0.3); border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 12px; transition: background 0.2s ease; }
.create-new-supplier .port-tag .remove-port:hover {background: rgba(255, 255, 255, 0.5);}
.create-new-supplier .whatsapp-bg img,.create-new-supplier .wechat-bg img { width: 100%; height: 100%; object-fit: contain; }
.create-new-supplier .whatsapp-bg, .create-new-supplier .wechat-bg { width: 40px; height: 40px; }
.create-new-supplier .country-select .select2.select2-container.select2-container--default { font-size: 14px; /* padding: 7px; */border-radius: 5px; border: 1px solid #ccc; margin-bottom: 20px; box-sizing: border-box; }
.create-new-supplier .country-select .select2-selection.select2-selection--single { border:none; }
.create-new-supplier .country-select .select2-selection__arrow {top:7px;}
.select2-dropdown.select2-dropdown--below {border-radius: 5px;border: 1px solid var(--overcast-light);box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);top: 10px;}
input.select2-search__field {border-radius: 5px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {border-radius: 6px;background: #F1F1F1;color:black}
input.form-control, .select2-container--default .select2-selection--single .select2-selection__placeholder { color:  #99a1b7;font-family: Inter;font-size: 15px;font-style: normal;font-weight: 400;}

/* purchase-order */
.material-cell {border-radius: 6px;background: #F5F5F5;padding: 2px 6px 2px 8px;}
.material-tab-btn.active {border-right: 1px solid var(--overcast-light);background: var(--cultured);}
.material-details-container .material-tabs-container { border-radius: 8px; border: 1px solid  var(--overcast-light); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); display: inline-flex ; margin-bottom: 13px; }
.material-tabs-container .material-tab-btn.active { border-right: 1px solid var(--overcast-light); background: var(--cultured); display: flex ; padding: 10px 16px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px 0px 0px 8px; color: var(--steel-blue) !important; }
.material-tabs-container .material-tab-btn { border-right: 1px solid var(--overcast-light); background: var(--pure-white); padding: 10px 16px; border-radius: 0; color: var(--dark-grayish-blue); font-size: 14px; font-weight: 500; line-height: 20px; opacity: 0.7; }
.material-tabs-container .nav-item {margin: 0;}
.material-tabs-container .nav-item:last-child .material-tab-btn {border-radius: 8px ;border-right: none;}
/* .material-tabs-container .nav-item:first-child .material-tab-btn {border-radius: 10px 0px 0px 10px;} */
/* Agar sirf ek hi tab ho */
.material-tabs-container .nav-item:only-child .material-tab-btn {border-radius: 10px;}
/* Agar multiple tabs ho (pehli wali tab ke liye) */
.material-tabs-container .nav-item:first-child:not(:only-child) .material-tab-btn { border-radius: 10px 0 0 10px;}

.tabs-inner-card {border-radius: 5px;border: 1px solid  var(--cloud-gray);background: #FFF;padding: 14px 15px; width: 100%;}
/* Bagde */
.badge { border-radius: 6px; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; padding: 2px 8px 2px 6px; }
.draft-badge { background: #F5F5F5; color: var(--dark-grayish-blue);}
.dot { width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; }
.draft-dot {background-color: var(--grayish-green);}
.assigned-dot {background: #F79009;}
.assigned-badge {background: #FFFAEB;color: #B54708;}
.used-dot {background-color: #2E90FA;}
.used-badge {background:  #EFF8FF; color: #175CD3;}
.stock-badge {background: var(--soft-seafoam);color: var(--forest-green);}
.stock-dot {background-color: var(--vibrant-green);}
.filter-dropdown i {color: var(--pure-white);}

/* add-container-repeater  */
.material-row { border-radius: 12px; border: 1px solid rgb(154 168 175 / 40%); background: var(--pure-white); backdrop-filter: blur(22.5px); padding: 20px; }
.add-container-btn, .container-btn-dlete .delete-btn { border-radius: 8px; border: 1px solid var(--overcast-light); background: var(--pure-white); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); display: flex; padding: 10.5px; justify-content: center; align-items: center; gap: 8px; }
.container-btn-dlete i {color: #F04438;}

/* jumbo-detail */
.jumbo-stock-detail, .roll-stock-detail { border-radius: 12px; border: 1px solid var(--silver-mist); background: rgba(255, 255, 255, 0.33); backdrop-filter: blur(22.5px); padding: 25px; }
.jumbo-search-filter .custom-search {width: 400px;}
.calednar_filter .input-group-append { position: absolute; border: none; top: 5px; right: 5px; pointer-events: none; }
.calednar_filter .dropdown-item {position: relative;/* width: 350px;border-radius: 8px;border: 1px solid var(--overcast-light); */}
.calednar_filter .input-group-append .input-group-text { border: none; pointer-events: none; }
.trash-icon {color: var(--light-coral) !important;}

/* loader */
.logo {animation: zoomInOut 3s ease-in-out infinite;}
.newtons-cradle-loader.hidden { opacity: 0; pointer-events: none; }
[data-bs-theme="dark"] .newtons-cradle-loader {background-color: #F5891F;}
.newtons-cradle-loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000;display: flex;align-items: center;justify-content: center;z-index: 9999;opacity: 1;pointer-events: all;transition: opacity 0.3s ease;}

@keyframes zoomInOut {0%, 100% {transform: scale(1);}50% {transform: scale(1.2); /* Zoom in */}}
.logo-shimmer {position: relative;display: inline-block;}
.logo-shimmer::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 80%) 50%, rgba(255, 255, 255, 0) 100%);animation: shimmerEffect 2s infinite;}
@keyframes shimmerEffect {100% {left: 100%;}}

/* material-calendar */
.material-calendar .calendar-sec, .material-calendar .inner_section_calendar, .material-calendar .period-overview { border-radius: 12px; border: 1px solid var(--silver-mist); backdrop-filter: blur(22.5px); padding:20px; background: #FAFAFA; }
.material-calendar .inner_section_calendar, .material-calendar .period-overview { background: var(--white);}
.material-calendar .fc-today-button.fc-button.fc-button-primary { border-radius: 8px; background: #71838D; color: var(--white); }
.material-calendar #calendar .fc-toolbar-chunk .fc-button-group .fc-prev-button.fc-button.fc-button-primary, .material-calendar #calendar .fc-toolbar-chunk .fc-button-group .fc-next-button.fc-button.fc-button-primary { border-radius: 8px; border: 1px solid var(--overcast-light) !important; background: none; padding: 8px;margin-right: 10px !important; }
#calendar .fc-event-main { padding: 10px;color: black;text-wrap: wrap; }
#calendar .fc-event.fc-event-draggable { margin: 5px; }
#calendar button.fc-dayGridMonth-button.fc-button.fc-button-primary,#calendar button.fc-timeGridWeek-button.fc-button.fc-button-primary,#calendar button.fc-timeGridDay-button.fc-button.fc-button-primary { background: none; border: 1px solid lightgray !important; }
.material-calendar #calendar button.fc-button.fc-button-primary.fc-button-active { background: #FAFAFA;}
.material-calendar .overview-period .periods, .material-calendar .all-materials .materials, .material-calendar .upcoming-arrivals .arrivals { border-radius: 6px; border: 1px solid #F1F1F1; padding: 10px; background: #FAFAFA; }

/* Date-range */
.daterangepicker .ranges { border-right: 1px solid #F0F0F0; display: flex ; padding: 16px 24px 16px 12px; flex-direction: column; justify-content: space-between; align-items: flex-start; align-self: stretch; }
#kt_app_body .daterangepicker .ranges li.active, #kt_app_body .daterangepicker .ranges li:hover { border-radius: 6px; background-color: rgba(48, 79, 92, 0.10); color: #304F5C; }
#kt_app_body .daterangepicker .drp-calendar td.active { border-radius: 50px; background: var(--steel-blue) !important; color: var(--white) !important; height: 31px !important; }
#kt_app_body .daterangepicker .ranges li {margin-bottom: 4px;}
#kt_app_body .daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {border-radius: 0; color: #000; background: rgba(48, 79, 92, 0.10); }
#kt_app_body button.applyBtn { border-radius: 100px; background: var(--steel-blue); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10); }
#kt_app_body button.cancelBtn {border-radius: 100px;border: 1px solid rgba(0, 0, 0, 0.10);}
#kt_app_body span.drp-selected {display: none;}
.date-picker-wrapper {position: relative; max-width: 300px;}
.date-picker-input {width: 100%; padding: 10px 40px 10px 10px;border: 1px solid #ccc;border-radius: 6px;font-size: 16px; color: var(--grayish-green);}
.calendar-icon {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none; color: var(--grayish-green);font-size: 16px;}
input.date-picker-input:focus { outline: none; border-color: #007BFF;}

.price-box p { border-radius: 8px; border: 1px solid var(--overcast-light); background: var(--pure-white); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); padding: 11px 14px; width: fit-content; }

/* radio-btn */
.customer-form-check {display: flex;gap: 8px;align-items: center;}
.customer-form-check-input {cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 50%; border: 2px solid #ccc; width: 18px; height: 18px; position: relative; background-color: #fff; cursor: pointer; transition: all 0.3s; }
.customer-form-check-input:checked {background-color: var(--steel-blue);border-color: var(--steel-blue);}
.customer-form-check-input:checked::before { content: ''; position: absolute; top: 2.5px; left: 2.4px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; }
.customer-form-check-input:hover {border-color: var(--steel-blue);}
.customer-form-check-input:focus {outline: none;box-shadow: 0 0 0 2px rgba(48, 79, 92, 0.5);}
.shuffle-content .nav-link:focus, .nav-link:hover { color: var(--dark-grayish-blue); }

/* Modals */
#jumboTableBody td input { padding:0px; }
#addJumboModal .modal-content {height: 92%; width: 90%; margin: auto; top: 30px; border-radius: 8px; border: 1px solid var(--cloud-gray); background: var(--pure-white); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); }
#addJumboModal .modal-header {border-radius: 8px 8px 0px 0px;border-bottom: 1px solid var(--cloud-gray);}
#addJumboModal .modal-footer {border-radius: 0 0px 8px 8px;border-top: 1px solid var(--cloud-gray); background-color: var(--pale-fog);padding: 10px;}
.jumbo-modal-add-row-btn { border-radius: 8px; border: 1px solid var(--overcast-light); background: var(--pure-white); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); padding: 8px 58px; }
.jumbo-modal-add-row-btn:hover { background-color: var(--steel-blue); color: var(--pure-white); transition: .5s; }
#jumboTable td .jumbo-box { border-radius: 4px; border: 1px solid var(--cloud-gray); background: var(--pure-white); height: 32px; padding: 6px 10px; }

/* Pallets Preparation */
.scanner-img { width: 80px; height: 80px; }
.pallets-preparation .shipped-dot { font-size: 7px; }
.scanner-img img { width: 100%; height: 100%; object-fit:contain; }
.choose-file-btn { border-radius: 5px; border: 1px solid var(--overcast-light); background: var(--pale-fog); padding: 2px 12px; }
.file-upload-container { border-radius: 8px; border: 1px solid var(--overcast-light); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); padding: 7px; }

/* login-page */
body#kt_body { background: var(--deep-ocean);}
.login-page {width: 460px;padding: 40px 48px 50px 48px;border-radius: 12px;background: var(--pure-white); height:fit-content;}
.input-password-field #passwordIcon { color: transparent;  background: linear-gradient(90deg, #F79643 0%, #915827 100%);-webkit-background-clip: text; background-clip: text;}

.login-page label.error { color: red; margin: 45px 0 9px 0; display: block; position: absolute; }
/*label.error { color: red; margin: 5px 0px; display: block; position: absolute; }*/
label.error { color: red; margin: 17px 0px; display: block; }


/* select-dropdown-ui */
.select2-container .select2-selection--single .select2-selection__rendered { padding: 0; }
.select2-container--default .select2-selection--single { display: flex ; height: 40px; width:200px; padding: 8px 14px; justify-content: space-between; align-items: center; border-radius: 8px; border: 1px solid #D5D7DA; background: var(--pure-white); box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05); }
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 9px;}

/* Remove number input arrows */
#amount_1_new::-webkit-outer-spin-button,
#amount_1_new::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
#amount_1_new[type='number'] { -moz-appearance: textfield;}

/* warehous-add-transfer-modal */
#fileUploadModal .modal-header .modal-title {color: #fff;}
#fileUploadModal .modal-footer {padding: 10px;border-radius: 0 0 13px 13px;}
#fileUploadModal .modal-header .btn-close {background-color: #ffff;opacity: 1;}
#fileUploadModal .modal-header {background-color: #1d2f37; color: #fff; padding: 18px 15px; border-radius: 13px 13px 0 0;}



.form-section .iti--separate-dial-code .iti__selected-flag {background-color: transparent;}
.form-section .iti--separate-dial-code .iti__selected-flag:hover {background-color: transparent;}

label#departurePorts-error { bottom: 3px;left: 26px;}
.generate-label-btn{ width: auto; color: var(--dark-peach); border-radius: 5px; border: 0; padding: 5px 10px;}
.generate-label-btn.generate { background: none; border: 1px solid var(--soft-light-gray); }
.generate-label-btn.generate i { color: var(--dark-peach); margin-right: 3px;}
 .manufature-dropdown-menu{padding: 5px 13px !important;}
.perform-button .manufature-dropdown-btn{padding: 5px 10px !important;}
.swal2-popup { position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;}
.swal2-container {display: flex !important;align-items: center !important;justify-content: center !important; min-height: 100vh !important;}

.select2-container--default .select2-selection--single .select2-selection__rendered {color: #717680;font-family: Inter;font-size: 15px;font-style: normal;font-weight: 400;line-height: 24px;}


/* Material Prices */

.e-shop-card-img img { width: 100%; height: 100%;object-fit: cover; }
.e-shop-card-img { width: 100%; height: 270px; object-fit: cover; }
.edit-material-btn:hover, .edit-material-btn:focus { background: var(--teal); color: var(--white); }
.edit-material-btn { background: none; color: var(--teal); }
.roll-image { width: 235px; height: 160px; position: relative;}
.roll-image img,.material-image img { width: 100%; height: 100%; object-fit: cover; }
.edit-image-btn .trash-icon { background: white; padding: 6px; border-radius: 20px; cursor: pointer; }
.edit-image-btn { position: absolute; top: 5px; right: 5px; }
.material-image { width: 130px; height: 95px; }
.material-img, .product-img { width: 85px; height: 60px; }
.material-img img, .product-img img { width: 100%; height: 100%; object-fit: cover; }
.checkout-btn:hover, .checkout-btn:focus, .checkout-btn:active {background: var(--teal); border-radius: 10px;}


/* Timer */

/*.cart-timer .countdown { display: grid; place-items: center; margin: 1em auto; width: 50px; height: 50px; position: relative; } */
/*.cart-timer .bg-circle { fill: none; stroke: var(--silver-mist) } */
/*.cart-timer .fg-circle { fill: none; stroke: var(--dark-peach); stroke-linecap: round; stroke-dasharray: 0 1; transform: rotate(-90deg); animation: countdown 600s linear forwards; } */
/*.cart-timer .timer { font-size: 12px; position: absolute; text-align: center; color: var(--steel-blue); font-weight: 700; } */
/*@keyframes countdown { from { stroke-dasharray: 0 1; } to { stroke-dasharray: 1 0; } }*/

#add-to-cart-btn { cursor: pointer; }

.create-user-form .image-radio-wrapper { position: relative; }
.create-user-form .image-radio-input { display: none; }
.create-user-form .image-radio-label { position: relative; display: inline-block; cursor: pointer; border: 1px solid #dbdfe9; border-radius: 10px; overflow: hidden; transition: all 0.3s ease; width: 100%; }
.create-user-form .image-radio-label:hover { border-color: #ef9141; }
.create-user-form .image-radio-input:checked + .image-radio-label { border-color: #ef9141; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); }
.create-user-form .image-checkbox { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background-color: #ffffff; border: 1px solid #dbdfe9; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: all 0.3s ease; }
.create-user-form .image-checkbox i { display: none; color: white; }
.create-user-form .image-radio-input:checked + .image-radio-label .image-checkbox { background-color: #ef9141; border-color: #ef9141; }
.create-user-form .image-radio-input:checked + .image-radio-label .image-checkbox i { display: block; }
.create-user-form .image-radio-img { width: 100%; height: 200px; object-fit: contain; display: block; }
.pagination{margin-top: 15px;}

body .app-navbar-item .notify-icon {background: #304f5c;border:1px solid #304f5c; color: #fff;text-align: center;padding: 6px 12px;border-radius:8px}
body .app-navbar-item .notify-icon:hover {background: #fff;border:1px solid #304f5c;}
body .app-navbar-item .notify-icon i{padding:0px;color:#fff;}
body .app-navbar-item .notify-icon:hover i{color:#304f5c;}
.image-upload-wrapper {display: flex;align-items: center;gap: 15px;}
.image-circle {width: 80px;height: 80px;border-radius: 50%;background-color: #f2f2f2;background-size: cover;background-position: center;position: relative;}
.image-circle input[type="file"] {position: absolute;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.remove-btn {position: absolute;top: -2px;right: -7px;color: white;border: none;border-radius: 50%;width: 20px;height: 20px;font-size: 14px;line-height: 20px;text-align: center;cursor: pointer;display: none;}
.add_row_btn, .delete_row_btn { background: none; padding: 5px 10px; border-radius: 20px; border: 1px solid var(--steel-blue); } 
.add_row_btn i { color: var(--steel-blue); }
.delete_row_btn i { color: var(--red); }
.delete_row_btn {border-color: var(--red);}