:root {
    --white: #ffffff;
    --black: #000000;
    --off-white: #f3f3f3;
    --steel-blue: #767676;
    --default-color: #100b00;
    --text-muted: #686868;
    --d-flex: flex;
    --flex-wrap: wrap;
    --flex-column: column;
    --align-items-center: center;
    --justify-content-between: space-between;
    --justify-content-center: center;
}

* {box-sizing: border-box;}
h1,h2,h3,h4,h5,h6, p, ol, ul {margin: 0;}
img {max-width: 100%;}
a, span {display: inline-block;}
.btn {font-size: .85rem; border-radius: .35rem; padding: .6rem .85rem; box-shadow: none; font-weight: 500; border: 0; text-decoration: none; cursor: pointer; font-family: "Poppins", sans-serif; line-height: 1.5; min-width: 75px; text-align: center; display: inline-flex; justify-content: center;}
.btn.disabled, .btn[disabled] {opacity: 0.7; cursor: not-allowed !important;}
.btn-primary { background-color: #AC640C; border-color: #AC640C; color: var(--white);}
.btn-primary:hover {background: #96580c; border-color: #96580c;}
.btn-secondary {background: #005C99; border-color: #005C99; color: var(--white);}
.btn-secondary:hover {background: #01558d; border-color: #01558d; color: var(--white);}
.btn-danger {background-color: #e6533c; border-color: #e6533c; color: var(--white);}
.btn-danger:hover {background-color: #dd6b59; border-color: #dd6b59; color: var(--white);}

.d-flex {display: flex;}
.align-items-center {align-items: center;}
.align-items-start {align-items: flex-start !important;}
.justify-content-between {justify-content: space-between;}
.justify-content-end {justify-content: flex-end;}
.flex-column {flex-direction: column;}
.flex-grow-1 { flex-grow: 1; }
.flex-wrap {flex-wrap: wrap;}
.list-unstyled {list-style: none; padding: 0; margin: 0;}
.fw-semibold {font-weight: 600;}
.fw-bold {font-weight: 700;}
.fw-medium {font-weight: 500;}
.d-block {display: block;}
.flex-fill {flex: 1 1 auto;}
.mb-2 {margin-bottom: 8px;}
.mb-3 {margin-bottom: 16px;}
.lh-1 {line-height: 1;}
.p-0 {padding: 0 !important;}
.p-3 {padding: 16px;}
.h6 {font-size: 16px;}
.text-center {text-align: center !important;}

.flex-nowrap {flex-wrap: nowrap !important;}

.dropdown { position: relative; display: inline-block; }
.dropdown-toggle {color: var(--black); padding: 10px 15px; border: none; cursor: pointer;}
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; font-size: 13px; min-width: 160px; background-color: var(--white); border: 1px solid #edf1f5; border-radius: 4px; box-shadow: 0 0.25rem 0.625rem rgba(20, 20, 20, 0.1); }
.text-muted { color: #686868;}
.gap-2 { gap: 8px;}
.gap-3 { gap: 16px ; }
.input-group { position: relative; display: flex ; flex-wrap: wrap; align-items: stretch; width: 100%; }
.gap-1 {gap: 4px;}
.mb-4 {margin-bottom: 24px}
.mt-2 {margin-top: 8px;}
.me-2 {margin-right: 8px;}
.ms-2 {margin-left: 8px;}
.text-success { color: #26bf94 ; opacity: 1; }
.text-danger { color: #f84238; opacity: 1;}
.fs-11 {font-size: 11px;}
.mt-auto {margin-top: auto;}
.align-items-center {align-items: center;}

.container-fluid {padding: 0 15px; width: 100%; max-width: 100%;}
body {margin: 0; background: #f9f9f9; font-family: "Poppins", sans-serif; line-height: 1.5; font-size: 13px; color: var(--default-color);}
input, textarea, select {font-family: "Poppins", sans-serif;}

.row {--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex ; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));}
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }

.header {padding-inline-start: 15rem; max-width: 100%; height: 3.75rem; z-index: 100; display: var(--d-flex); align-items: var(--align-items-center); position: fixed; inset-block-start: 0; inset-inline: 0; background: var(--white); border-block-end: 2px solid var(--off-white); transition: all 0.1s ease;}
.sidemenu-toggle {cursor: pointer; padding: 16px 12px; margin: 5px 0; width: 32px; position: relative; display: var(--d-flex); align-items: var(--align-items-center);}
.sidemenu-toggle span {cursor: pointer; height: 0.125rem; width: 0.75rem; background: #AC640C; position: absolute; display: block; content: ""; transition: all 0.05s ease-in-out;}
.sidemenu-toggle span::before, .sidemenu-toggle span::after {cursor: pointer; height: 0.125rem; width: 1.0625rem; background: #AC640C; position: absolute; display: block; content: "";transition: all 0.05s ease-in-out;}
.sidemenu-toggle span::before {inset-block-start: -0.375rem;}
.sidemenu-toggle span::after {bottom: -0.375rem;}
.hide-sidebar .sidemenu-toggle span {background: none;}
.hide-sidebar .sidemenu-toggle span::before {bottom: 0px; transform: rotate(45deg); inset-block-start: -1px;}
.hide-sidebar .sidemenu-toggle span::after {transform: rotate(-45deg); width: 1.0625rem; inset-block-start: -1px;}
.hide-sidebar .sidebar-text {display: none;}

.header-search {margin: 10px 0 10px 20px;}
.header-search-wrap {position: relative; display: inline-block;}
.header-search-wrap input {background-color: var(--white); border: 1px solid #e9edf6; color: var(--steel-blue); outline: none; border-radius: 40px;  min-width: 320px; padding: 8px 28px 8px 13px; line-height: 1.5; font-size: 14px; outline: none !important;}
.header-search-icon {width: 18px; height: 18px; position: absolute; inset-inline-end: 10px; inset-block-start: 10px; color: #7c7c7c; fill: #7c7c7c; z-index: 2; cursor: pointer;}
.header-search-icon svg {width: 18px; height: 18px;}
.header-content-left, .header-content-right {display: var(--d-flex); align-items: var(--align-items-center);}
.header-toggle {display: var(--d-flex); align-items: var(--align-items-center);}
.header-wrap {display: var(--d-flex); justify-content: var(--justify-content-between);}
.notifications-dropdown {display: var(--d-flex);}
.notifications-dropdown .header-icons {display: var(--d-flex); align-items: var(--align-items-center); padding: 16px 12px;}
.notifications-dropdown .header-icons svg {width: 20px; height: 20px; font-size: 20px; color: var(--steel-blue); fill: var(--steel-blue); transition: all ease 0.05s; position: relative;}
.notifications-dropdown .notification-menu {left: initial; right: 0; width: 350px;}
.notification-head {background: #f6f8fbbf; padding: 12px 16px;}
.notification-head p {width: 100%; line-height: 1.4; font-size: 16px;}
.notification-menu-list li {border-bottom: 1px solid #edf1f5; padding: 16px;}
.notification-user {padding-right: 8px;}
.dot {position: absolute; width: 8px; height: 8px; inset-block-start: 14px; inset-inline-end: 13px; background: #e6533c; border-radius: 50%;}
.notification-user span {width: 40px; height: 40px; background: #001422; color: var(--white); border-radius: 50%; display: var(--d-flex); align-items: var(--align-items-center); justify-content: var(--justify-content-center); overflow: hidden;}
.notification-user span svg {width: 18px; fill: currentColor;}
.notification-user span img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.notification-info {width: 100%;}
.notification-info p {line-height: 1.4;}
.header-notification-text {font-size: 13px;}
.notification-date {font-size: 11px; color: #8492b5;}
.notification-menu-list ul {max-height: 320px; overflow-y: auto;}
.notification-menu-list ul::-webkit-scrollbar {width: 5px;}
.notification-menu-list ul::-webkit-scrollbar-track {background: transparent;}
.notification-menu-list ul::-webkit-scrollbar-thumb {background: #f6f8fbbf;}
.notification-menu-list ul::-webkit-scrollbar-thumb:hover {background: #f6f8fbbf;}
.profile-dropdown .header-icons span {background: #005C99; color: var(--white); width: 28px; height: 28px; border-radius: 50%; display: var(--d-flex); align-items: var(--align-items-center); justify-content: var(--justify-content-center);}
.profile-dropdown .header-icons span img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.profile-dropdown .header-icons span svg {fill: currentColor; width: 16px;}
.profile-dropdown .header-icons {text-decoration: none;}
.profile-dropdown .profile-menu {left: initial; right: 0; width: 215px;}
.profile-head {background: #f6f8fbbf; padding: 16px;}
.profile-head p {width: 100%; line-height: 1.4; font-size: 14px;}
.profile-dropdown-list a {padding: 12px; font-weight: 500; font-size: 13px; text-decoration: none; color: var(--default-color); display: var(--d-flex); align-items: var(--align-items-center);}
.profile-dropdown-list a:hover {color: #005c99; background-color: rgba(0,92,153,0.1);}
.profile-dropdown-list li:last-child {border-top: 1px solid #edf1f5;}
.profile-dropdown-list svg {height: 20px; margin-right: 8px; display: inline-flex; fill: currentColor;}
.account-setting-menu svg {height: 18px;}
.input-group input {min-width: 205px; padding: 6px 12px; font-size: 14px; line-height: 1; outline: none !important; border: 1px solid #e9edf6; border-radius: 0 6px 6px 0;}
.date-filter .input-group-text img {width: 14px;}
.date-filter .input-group-text {width: 40px; padding: 10px 13px; background: var(--white); display: inline-flex ; border: 1px solid #e9edf6; border-radius: 6px 0 0 6px; margin-right: -1px;}
.main-content {padding: 24px 0.5rem; min-height: calc(100vh - 111.5px); min-height: calc(100dvh - 111.5px); margin-block-end: 0; margin-block-start: 3.75rem; margin-inline-start: 15rem; transition: all 0.2s ease;}
.footer {text-align: center; padding-inline-start: 15rem; background: var(--white); box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.1); padding-top: 16px; padding-bottom: 16px;}
.sidebar-sec {width: 15rem; height: 100%; background: #001422; background: url(../images/laser-owner/sidebar-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-inline-end: 1px solid  rgba(255, 255, 255, 0.1); position: fixed; inset-block-start: 0; inset-inline-start: 0; z-index: 103; transition: all 0.2s ease;}
.sidebar-header {height: 3.75rem; width: 15rem; position: fixed; display: flex ; z-index: 9; align-items: center; justify-content: center; padding: 0.813rem 1.25rem; border-inline-end: 2px solid  rgba(255, 255, 255, 0.1); border-block-end: 2px solid  rgba(255, 255, 255, 0.1); transition: all 0.2s ease;}
.main-sidebar-block {margin-block-start: 3.72rem; padding-block-start: 1rem; padding-block-end: 5rem; height: 100vh; height: 100dvh; overflow: auto;}
.main-sidebar-listing li { padding-inline-end: 0.75rem; }
.main-sidebar-listing a {cursor: pointer; text-decoration: none; border-radius: 0 32px 32px 0; margin-block: 0.25rem; font-size: 14px; padding: 12px 12px 12px 24px; display: var(--d-flex); align-items: var(--align-items-center); width: 100%; position: relative; font-weight: 500; text-transform: capitalize; color:var(--white);}
.main-sidebar-listing a svg {fill: #AC640C; width: 20px; height: 20px; margin-right: 10px;}
.main-sidebar-listing>li>a:hover, .main-sidebar-listing>li.active>a {color: var(--white); background: var(--black);}
.main-sidebar-listing a:hover {color: var(--white);}
.header-logo img {height: 30px;}
.header-logo {color: var(--white);}
.toggle-logo {display: none;}
.hide-sidebar .header {padding-inline-start: 5rem;}
.hide-sidebar .sidebar-sec {width: 5rem;}
.hide-sidebar .sidebar-header {width: 5rem;}
.hide-sidebar .toggle-logo {display: block;}
.hide-sidebar .toggle-logo svg {margin: 0;}
.hide-sidebar .desktop-logo {display: none !important;}
.hide-sidebar .has-sub .down-arrow {display: none;}
.hide-sidebar .main-content {margin-inline-start: 5rem;}
.hide-sidebar .footer {padding-inline-start: 5rem;}
.hide-sidebar .child-menu {display: none !important;}
.page-header-breadcrumb {margin: 0 0 24px;}
.welcome-text p {font-size: 18px;}
.alert-warning {background-color: rgba(255, 192, 65, 0.1); color: #ffc041; border-color: #ffc0411a;}
.common-notice {padding: 0px 0px 0px 20px;}
.common-notice .alert {background: #fff1bf; color: var(--black); display: var(--d-flex); align-items: var(--align-items-center);  padding: 10px 20px; border: 0;} 
.common-notice a {margin-left: 10px; text-decoration: none; background: #005c99 !important; border-radius: 4px;}
.custom-card {border-radius: 0.5rem; border: 0; background-color: var(--white); box-shadow: rgba(143, 155, 166, 0.08) 0px 12px 24px -4px; position: relative; margin-block-end: 1.5rem; width: 100%;}
.custom-card .card-body {flex: 1 1 auto; padding: 20px;}
.card-icon {width: 40px; height: 40px; border-radius: 50%; display: var(--d-flex); align-items: var(--align-items-center); justify-content: var(--justify-content-center); background: #005c99; color: var(--white); box-shadow: 0 0.25rem 1rem rgba(0,92,153,0.3);}
.card-icon span {display: inline-flex;}
.card-icon span img, .card-icon span svg {height: 20px;}
.total-earning .card-icon {background: #005c99; color: var(--white); box-shadow: 0 0.25rem 1rem rgba(0, 92, 153, 0.3);}
.total-earning .custom-card-link a {background: #005c99;}
.all-store .card-icon { background: #AC640C; color: var(--white); box-shadow: 0 0.25rem 1rem rgba(172,100,12, 0.3);}
.all-store .custom-card-link a {background: #AC640C;}
.total-orders .card-icon {background: #100b00; color: var(--white); box-shadow: 0 0.25rem 1rem rgba(16,11,0,0.3);}
.total-orders .custom-card-link a {background: #100b00;}
.total-wallet .card-icon {background: #067672; box-shadow: 0 0.25rem 1rem rgba(6, 118, 114, 0.3);}
.total-wallet .custom-card-link a {background: #067672;}
.custom-card h4 {font-size: 24px;}
.custom-card-link a {font-size: 12px; text-decoration: underline; text-transform: capitalize; font-size: 12px; text-transform: capitalize; background: #005c99; color: #fff; text-decoration: none; padding: 2px 10px; border-radius: 80px;}
.card-summary-box span {text-transform: capitalize;}
.custom-card .card-header {padding: 1rem 1.25rem; background-color: transparent !important; border-block-end: 1px solid #edf1f5; display: flex ; align-items: center; position: relative; flex-wrap: wrap; gap: 0.25rem;}
.custom-card .card-title {position: relative; margin-block-end: 0; font-size: 1.05rem; font-weight: 600; text-transform: capitalize;}
.circle-content { position: relative; margin-right: 10px; background: #005c99; border-radius: 50%; width: 40px; height: 40px; display: flex ; align-items: center; justify-content: center;}
.circle-content img {width: 20px;}
.top-sellers {background: rgba(132,90,223,0.25);}
.sales-by-store li::before {content: ""; position: absolute; width: 8px; height: 8px; inset-inline-start: 0; inset-block-start: 6px; border-radius: 50%;}
.sales-by-store li {margin-block-end: 0.75rem; position: relative; padding-inline-start: 1.1rem;}
.sales-by-store li::before {background: #AC640C;}
.sales-by-store li:last-child {margin-bottom: 0;}
.store-info {max-width: calc(100% - 90px);}
/*.revenue-graph { height: 185px !important; width: auto !important; margin: auto;}*/
.text-overflow {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.store-name::first-letter {text-transform: uppercase;}
.down-arrow {display: inline-flex ; margin-left: auto; margin-right: 12px; align-items: center; display: none; transition: all 0.3s ease-in-out;}
.main-sidebar-listing .down-arrow svg {width: 8px; height: 10px; margin: 0;}
.has-sub .down-arrow {display: inline-flex;}
.child-menu {display: none;}
.child-menu a {margin: 0;}
.main-sidebar-listing li.open .down-arrow {rotate: 90deg;}
.child-menu li {padding: 0 0 0 24px;}
.child-menu li a {position: relative;}
.child-menu li a::before {content:""; width: 6px; height: 6px; border: 1px solid currentColor; position: absolute; top: 18px; left: 8px; border-radius: 50%;}
.header-logo svg {height: 22px; width: auto; fill: currentColor; margin-right: 10px;}
.header-logo {color: var(--white); text-decoration: none;}
.header-logo .desktop-logo {display: flex; align-items: center; font-size: 20px;}
.sales-by-store-block .card-body {height: 214px; overflow-y: auto;}
/* .sales-by-store-block .card-body {max-height: 268px; overflow-y: auto;} */
.custom-scroll::-webkit-scrollbar {
  width: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: #d6eefe; 
  border-radius: 6px;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background: #005C99; 
  border-radius: 6px;
}
.revenueChartEmpty {display: none;}
.revenueChartEmpty.show {display: block;}

.legend {
    margin: 10px 0 30px;
    font-size: 14px;
    user-select: none;
    text-align: center;
  }
  .legend span {
    display: inline-flex;
    align-items: center;
    margin-right: 24px;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }
  .legend .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
  }
  .profit-dot { background: #7c77f9; }
  .revenue-dot { background: #f6ab27; }
  .sales-dot { background: #34b0a0; }
canvas#salesChart {
    width: 100% !important;
    height: 480px !important;
  }

.laser-login-block {display: var(--d-flex); min-height: 100vh; min-height: 100dvh;}
.login-image-wrap {text-align: center; width: 100%; display: flex;}
.login-image-wrap img {height: 100vh; height: 100dvh;}
.laser-owner-login .row.small-collapse {margin: 0;}
.laser-owner-login .small-12.columns {padding: 0;}
.my-account-login-wrap {width: 50%; background: var(--white); display: var(--d-flex); flex-direction: var(--flex-column); align-items: var(--align-items-center); justify-content: var(--justify-content-center);}
.login-image {width: 50%; display: var(--d-flex); align-items: var(--align-items-center); justify-content: var(--justify-content-center); background: #130340;}
.my-account-top {max-width: 500px; width: 100%;}
.my-account-top .top-icon {margin-bottom: 25px; display: flex;}
.my-account-top h2 {margin: 0 0 8px !important; color: #140040 !important; font-size: 38px !important; line-height: 1.2;}
.my-account-top p {font-size: 16px; color: #95929c;}
.laser-owner-login .my-account-login-main {background: #f0f1f7;}
.laser-owner-login .my-account-login-main .container-fluid {max-width: 100%; padding: 0;}
.laser-owner-login .my-account-login-main .my-account-login {background: var(--white); box-shadow: none;  max-width: 500px; width: 100%; border-radius: 0; padding: 60px 12px 0; margin: 0;}
.laser-owner-login .login-logo img {max-width: 250px;}
.laser-owner-login .woocommerce h2 {font-size: 20px; text-align: left; text-transform: capitalize; color: var(--default-color); margin-bottom: 25px;}
.laser-owner-login .woocommerce label {font-size: 16px; margin: 0 0 8px; color: var(--default-color); font-weight: 600;}
.laser-owner-login .login input[type="text"], .laser-owner-login .login input[type="password"], 
.laser-owner-login .lost_reset_password input[type="text"] {background: var(--white) !important; border-radius: 4px; border: 1px solid #eeeaf8; font-size: 16px; min-height: initial; padding: 12px 20px; font-family: "Poppins", sans-serif;}
.laser-owner-login .login .button, .laser-owner-login .lost_reset_password .button {border-radius: 4px; font-size: 18px; padding: 12px 16px; text-transform: capitalize; font-family: "Poppins", sans-serif; background: #001422; border-color: #001422; color: var(--white);}
.laser-owner-login .password-input {width: 100%;}
.laser-owner-login input:-internal-autofill-selected , .laser-owner-login input:-webkit-autofill{background-color: var(--white) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--white) inset !important;
  -webkit-text-fill-color: var(--black) !important; }
.laser-owner-login .login .woocommerce-form-row, .laser-owner-login .lost_reset_password .woocommerce-form-row {margin-bottom: 18px;}
.laser-owner-login .login .button:hover, .laser-owner-login .lost_reset_password .button:hover {background: rgba(252,91,39,0.9); border-color:  rgba(252,91,39,0.9);}
.laser-owner-login .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before {width: 14px; height: 14px; border: 1px solid #eeeaf8; border-radius: 4px; top: 3px;}
.laser-owner-login .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {padding-left: 25px;}
.laser-owner-login .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before {background:#001422; border-color: #001422;}
.laser-owner-login .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after {top: 6px; width: 2.5px; height: 6px; left: 6px;}
.laser-owner-login .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {font-weight: 400; color: #95929c;}
.laser-owner-login .login .lost_password a {color: #001422; text-decoration: none;}

.settings-block {display: none;}
.settings-block a {padding: 16px 12px; display: inline-flex; color: var(--steel-blue); fill: var(--steel-blue);}
.settings-block svg {width: 20px; height: 20px;}

.common-notice .alert svg {height: 12px; fill: currentColor; display: inline-flex; margin-left: 5px;}
.revenue-wrap {display: var(--d-flex); flex-wrap: var(--flex-wrap); align-items: var(--align-items-center); justify-content: var(--justify-content-center);}
.revenue-value {position: absolute; text-align: center; font-weight: 600; font-size: 25px; color: var(--default-color);}
.hq-id-text p {background: #e6f5ff; padding: 5px 15px; border-radius: 30px;}
.hq-id-text.hq-name p {background: rgba(245,184,73,0.2); padding: 5px 15px; border-radius: 30px;}
.hq-id-text span {font-weight: 700;}
.popoverBtn {width: 20px; height: 20px; border: 1px solid #e1e1e1; color: #9e9e9e; border-radius: 50%; display: inline-flex ; align-items: center; cursor: pointer; position: relative; z-index: 9;} .popoverBtn svg {fill: currentColor;}
.card-summary-box .popoverBtn {position: absolute; top: 15px; right: 15px;}
.hq-id-text {padding: 0 12px;}
.sidebar-text {width: calc(100% - 30px); }
.sales-head-info {display: inline-flex; align-items: center;}
select {padding: 5px 10px; outline: none !important; box-shadow: none; margin-right: 15px; border: 1px solid #e9edf6; background: var(--white); border-radius: 5px; font-size: 13px; cursor: pointer; text-transform: capitalize;}
select:focus, select:focus-visible {outline: none !important; box-shadow: none !important;}
select:last-child {margin-right: 0;}
.common-dropdown-list {display: inline-flex;}
.sales-head-info .common-dropdown-list {margin-right: 15px;}

.store-group-main>.store-row {row-gap: 24px;}
/*border: 1px solid #f3f3f3;*/
.store-box { background: var(--white); padding: 24px; border-radius: 8px; display: flex ; flex-direction: column; align-items: center;}
.store-row {display: flex; flex-wrap: wrap; margin: 0 -12px; row-gap: 12px;}
.store-col {padding: 0 12px; width: 100%;}
.store-group-main .store-col {width: 16.6667%;} 
.store-box-img {width: 114px; height: 94px; margin-bottom: 10px; display: flex ; background: rgba(0,92,153,0.1); padding: 15px; border-radius: 10px; color: #005c99; justify-content: center; align-items: center; }
.store-name a {color: var(--default-color); text-decoration: none; font-size: 15px; font-weight: 600; text-align: center;}
.store-box-img svg {width: 35px; height: 35px;}

.common-h-tab-head {display: flex; list-style: none; padding: 0; margin-bottom: -1px;}
.common-h-tab-head li {padding: 14px 32px; font-weight: 600; position: relative; cursor: pointer;}
.common-h-tab-head li.active {color: #005c99;}
.common-h-tab-head li.active::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #005c99; border-radius: 50px;}
.common-h-tab .card-header {padding: 0;}
.store-count {display: inline-flex; align-items: center; margin-right: 10px;}
.clone-store {display: inline-flex;}
.btn svg {width: 20px; height: 20px; margin-right: 6px;}
.basic-store-setting {display: var(--d-flex); flex-wrap: var(--flex-wrap); gap: 24px;}
.store-setting-box {flex: 1 1 calc(25% - 24px); display: var(--d-flex); flex-direction: var(--flex-column); position: relative;}
.basic-store-setting .store-setting-box {width: calc(25% - 24px);}
.suggestion-box {position: absolute;}
.form-label {font-size: 13px; font-weight: 600; margin-bottom: 5px; text-transform: capitalize; display: block;}
.form-control {border: 1px solid #e9edf6; background: var(--white); font-size: 14px; border-radius: 6px; padding: 6px 12px; width: 100%; outline: none !important; box-shadow: none; position: relative; z-index: 2;}
.form-control:focus, .form-control:focus-visible {outline: none !important; box-shadow: none;}
.form-control[type="date"] {cursor: pointer;}
.suggestion-box {position: absolute; top: 100%; background: #fff; left: 0; right: 0; padding: 11px 0px 5px; z-index: 1; transition: all 0.3s ease-in-out; display: none; box-shadow: rgba(143, 155, 166, 0.08) 0px 12px 24px -4px; border-radius: 6px; margin-top: -7px; border: 1px solid #e9edf6; cursor: pointer;}
.suggestion-not-found {padding: 5px 10px; font-weight: 600;}
.suggestion-item {padding: 5px 10px;}

.upload-file-btn {background: #f7f8f9; font-size: 14px; line-height: 15px; border-radius: 6px 0px 0px 6px; display: inline-flex; padding: 9px 12px; width: 103px; cursor: pointer; border-right: 1px solid #e9edf6;}
.store-logo-sec-wrap {border: 1px solid #e9edf6; display: flex; align-items: center; border-radius: 6px; position: relative;}
.common-store-input-text {padding: 6px 12px; font-size: 14px; width: calc(100% - 103px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.upload-file-btn input[type="file"] {position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; height: 100%; width: 100%; }
.img-note {font-size: 11px; color: var(--text-muted); display: block; margin-top: 2px;}
.common-uploaded-img {max-height: 70px; max-width: 70px; display: inline-flex ; align-items: center; border: 1px solid #e9edf6; padding: 5px; border-radius: 6px; position: relative; margin-top: 5px;}
.common-uploaded-img img {width: 100%; height: 100%; object-fit: contain; object-position: center; max-width: 70px; max-height: 70px;}
.common-uploaded-img a {width: 14px; height: 14px; position: absolute; top: -5px; right: -5px; color: #000; background: #e1e8ff; border-radius: 20px; display: flex ; align-items: center; justify-content: center; padding: 2px;}
.custom-checkbox {position: relative; padding-left: 24px; cursor: pointer; display: inline-flex;}
.custom-checkbox span {display: inline-block;}
.custom-checkbox span::before {content: ""; position: absolute; left: 0; width: 14px; height: 14px; border: 1px solid #005C99; border-radius: 4px; top: 2px;}
.custom-checkbox span::after {content: ""; border-width: 0 2px 2px 0; border-style: solid; border-color: var(--white); position: absolute; top: 5px; width: 2.5px; height: 6px; left: 6px; transform: rotate(45deg);}
.custom-checkbox input {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; margin: 0;  cursor: pointer;}
.custom-checkbox input:checked ~ span::before {background: #005C99; border-color: #005C99;}

.custom-radio {position: relative; padding-left: 24px; cursor: pointer; display: inline-flex;}
.custom-radio span::before {content: ""; position: absolute; left: 0; width: 14px; height: 14px; border: 1px solid #e2e3e5; border-radius: 50%; top: 2px;}
.custom-radio span::after {content: ""; background: var(--white); position: absolute; top: 6px; width: 8px; height: 8px; left: 4px; border-radius: 50%;}
.custom-radio input {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; margin: 0;  cursor: pointer;}
.custom-radio input:checked ~ span::before {background: #005C99; border-color: #005C99;}


.configure-list ul {list-style: none; padding: 16px; margin: 0;}
.configure-list ul li {padding: 10px 12px; width: 100%; font-size: 13px; font-weight: 500; text-transform: capitalize; display: flex ; align-items: center; border-radius: 8px; cursor: pointer;}
.configure-list ul li .right-arrow {margin: 0 8px; display: inline-flex;}
.configure-list ul li .right-arrow svg {fill: currentColor; height: 12px;}
.configure-list ul li:not(:last-child) {margin-bottom: 3px;}
.configure-list ul li svg {display: inline-flex; width: auto; height: 20px;}
.configure-list ul li>svg { color: #005c99;}
.configure-list span {display: flex; width: calc(100% - 24px); padding-left: 8px}
.configure-list ul li.active {color: #005c99; background-color: rgba(0,92,153,0.1);}
.configure-list ul li:hover {color: #005c99; }
.configure-list-sec {display: var(--d-flex); flex-wrap: var(--flex-wrap); min-height: calc(100vh - 280px); min-height: calc(100dvh - 280px);}
.configure-list {width: 330px;}
.configure-list .custom-card {margin: 0; height: 100%;}
.configure-list-body {width: calc(100% - 330px); padding-left: 24px;}
.configure-list-wrap { margin: 0; height: 100%; background: #fff; box-shadow: rgba(143, 155, 166, 0.08) 0px 12px 24px -4px; border-radius: 0.5rem;}
.configure-list-wrap>.custom-card {box-shadow: none; border-radius: 0.5rem; margin: 0;}
.configure-list-wrap .card-header {padding: 16px;}
.configure-list-wrap .card-body {padding: 16px;}
.configure-list-wrap .accordion-head {display: var(--d-flex); align-items: var(--align-items-center); justify-content: var(--justify-content-between); padding: 15px 0 15px 15px; width: 100%; cursor: pointer;}
.configure-list-wrap .accordion-head.active {color: #005c99;}
.configure-list-wrap .accordion-head.active .minus-icon {opacity: 1; visibility: visible; transition: all 0.3s ease-in-out;}
.configure-list-wrap .accordion-head.active .plus-icon,  .configure-list-wrap .accordion-head .minus-icon{opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;}
.configure-list-wrap .accordion-body {display: none;}
.configure-list-wrap .accordion-arrows {position: relative; width: 25px; height: 15px;}
.configure-list-wrap .accordion-arrows .minus-icon, .configure-list-wrap .accordion-arrows .plus-icon {position: absolute; top: 0; left: 0; display: inline-flex;}
.configure-list-wrap .accordion-arrows svg {width: 15px; height: 15px; line-height: 1;}
.configure-list-wrap .accordion-head-wrap {display: var(--d-flex); align-items: var(--align-items-center);}
.configure-list-wrap .accordion-head-wrap .custom-checkbox {padding: 0; width: 16px; height: 16px;}
.configure-list-wrap .accordion-head-wrap .store-common-title {line-height: 1; font-size: 16px; font-weight: 600;}
.configure-list-wrap .accordion-box {border-bottom: 1px solid #edf1f5;}
.configure-list-wrap .accordion-body {padding: 16px 0; border-top: 1px solid #edf1f5;}
.configure-list-wrap .accordion-head-wrap .custom-checkbox span::before {top: 0;}
.configure-list-wrap .accordion-head-wrap .custom-checkbox span::after {top: 3px;}

.configure-list-wrap table {width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #edf1f5;}
.configure-list-wrap table th, .configure-list-wrap table td {text-align: left; border: 1px solid #edf1f5; padding: 12px;}
.configure-list-wrap .admin-product-size-main {display: flex; flex-wrap: wrap; align-items: center;}
.configure-list-wrap .admin-product-img {    width: 40px; height: 40px; padding: 4px; border-radius: 50%; display: flex ; align-items: center; justify-content: center; background: #000000; margin-right: 12px;}
.configure-list-wrap .admin-product-img img {    border-radius: 50%; width: 100%; height: 100%; object-fit: contain; object-position: center;}
.configure-list-wrap table td {font-weight: 500;}
.configure-list-wrap .admin-product-size {display: flex; flex-wrap: wrap; width: calc(100% - 52px);}
.configure-list-wrap .admin-product-size span {margin-bottom: 0; background: #f7f8f9; padding: 4px 12px; border-radius: 6px 6px 0 0; border: 1px solid #e9edf6; display: flex; flex-shrink: 0; align-items: center; border-bottom: 0;}
.configure-list-wrap .admin-product-size .form-control {border-radius: 0px 6px 6px 6px;}
.configure-list-wrap .common-form-group {display: flex; align-items: center;}
.configure-list-wrap .common-form-group span {width: 40px; height: 35px; border-radius: 6px 0 0 6px; background: #f7f8f9; display: inline-flex ; align-items: center; justify-content: center; border: 1px solid #e9edf6; border-right: 0;}
.configure-list-wrap .common-form-group input {width: calc(100% - 42px); border-radius: 0 6px 6px 0; border-left: 0; min-width: 80px;}

.lightbase-list {list-style: none; padding: 0; margin: 0;}
.active-product-item {    text-align: center; display: inline-flex ; justify-content: center; width: 16px; margin: auto; height: 16px; margin-top: 2px;}
.active-product-item .custom-checkbox {padding: 0px 0px 0px 16px;}

.configure-list-wrap table thead th {width: 14%;}
.configure-list-wrap table thead th:first-child {width: 34%;}
.configure-list-wrap table thead th:nth-child(2) {width: 14%;}
.configure-list-wrap table thead th:nth-child(3) {width: 14%;}
.configure-list-wrap table thead th:last-child {text-align: center; width: 10%;}
.configure-list-wrap table tbody td:last-child {text-align: center;}

hr {border: 0; border-bottom: 1px solid #edf1f5; margin-block-start: 20px; margin-block-end: 20px; width: 100%;}
.secondary-store-settings {display: var(--d-flex) ; flex-wrap: var(--flex-wrap); gap: 24px;}
.secondary-store-settings .store-setting-box {flex: initial; width: initial; flex-direction: row; gap: 10px; align-items: center;}

input[type="color"] {width: 20px; height: 20px; padding: 0; border: none; border-radius: 6px; cursor: pointer; }
input[type="color"]::-webkit-color-swatch-wrapper {padding: 0; border-radius: 6px; }
input[type="color"]::-webkit-color-swatch {border-radius: 6px; border: none; }
input[type="color"]::-moz-color-swatch {border-radius: 6px; border: none; }
.mb-0 {margin-bottom: 0;}

.table {border-collapse: collapse; border-spacing: 0; width: 100%;}
.table th, .table td {text-align: left; border: 1px solid #edf1f5; padding: 12px; position: relative;}

.payment-transaction thead th {width: 9%;}
.payment-transaction thead th:first-child {width: 14%;}
.payment-transaction thead th:nth-child(7) {width: 21%;}
.payment-transaction thead th:nth-child(8) {width: 21%;}
.payment-transaction thead th:last-child {width: 12%;}


.modal {position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: none; z-index: 999;}
.modal-content {background: var(--white); border-radius: 8px; width: 100%;}
.modal-dialog {max-width: 500px; min-height: calc(100% - 28px * 2); margin: 28px auto; display: flex ; align-items: center; position: relative; width: 100%;}
.modal-backdrop {position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.modal-header {padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf1f5;}
.modal-title {font-size: 18px; font-weight: 600; margin: 0;}
.close-modal {display: inline-flex; cursor: pointer;}
.close-modal svg {width: 18px; height: 18px;}
.modal-body {padding: 16px 20px;}

.receipt-modal .modal-dialog {max-width: 1060px;}
.transaction-receipt {display: inline-flex ; align-items: center; background: rgba(0, 92, 153, 0.1);
    color: #005C99; border: 0; border-radius: 6px; padding: 6px 10px; text-transform: capitalize; margin: auto; cursor: pointer; white-space: nowrap;}
.transaction-receipt:hover {background: rgba(0, 92, 153, 1); color: #fff;}
.transaction-receipt svg {width: 18px; height: 18px; margin-right: 5px;}
.invoice-block-sec {display: flex; flex-wrap: wrap; margin: 0 -12px; row-gap: 24px;}
.invoice-block {padding: 0 12px; width: 20%;}
.invoice-title {font-weight: 600; margin: 0 0 8px; font-size: 13px;}
.invoice-value {margin: 0; background: #f3f6f8; padding: 12px; border-radius: 6px; font-size: 14px;}
.invoice-note {margin-top: 24px;}
.invoice-table th {width: 10%;}
.print-invoice {text-align: center; margin: 25px 0 10px;}
.print-invoice a {display: inline-flex ; align-items: center; cursor: pointer; text-decoration: none;}
.print-invoice svg {width: 20px; height: 20px; margin-right: 6px;}
.update-balance .btn {box-shadow: none !important; outline: none !important; margin: 0; border: 1px solid #AC640C !important; cursor: pointer; padding: 6.5px 13px;}
.account-balance .form-label {font-size: 16px;}
.account-balance span {font-size: 20px; font-weight: 600;}
.account-balance {position: relative; border-right: 1px solid #edf1f5;}
.payment-top-head .custom-card {margin: 0; height: 100%;}
.payment-top-head>.row>* {margin-bottom: 24px;}
.payment-form-group {display: flex; flex-wrap: wrap; margin: 0 -12px; row-gap: 12px;}
.payment-form-group .form-group {padding: 0 12px;}
.payment-amount-box {display: inline-flex;}
.payment-amount-box select {margin: 0; border-radius: 0px 6px 6px 0px; padding: 6px 10px; width: 100px;     border: 1px solid #e9edf6; border-left: 0; color: var(--default-color); background: #f7f8f9;}
.payment-amount-box .form-control { border-radius: 6px 0px 0px 6px; max-width: 180px; border-right: 0;}
.payment-note {width: 47.9%;}
.payment-col {width: 25%;}
.payment-add-col {width: 50%;}
.download-report a {text-decoration: none;  display: inline-flex; align-items: center;}
.download-report a svg {height: 18px; width: 18px; margin-right: 6px;}

.order-transaction thead th {width: 12%;}
.order-transaction thead th:first-child {width: 15%;}
.order-transaction thead th:last-child {width: 51%;}

.h-tab_content {display: none;}
.h-tab_content:first-child {display: block;}

.payment-tab-wrap .h-tab_content .custom-card {box-shadow: none; margin: 0;}
.payment-tab-wrap .h-tab_content .card-header {margin: 0; border: 0;}
.payment-tab-wrap .h-tab_content .card-body {padding: 0px;}
.credit-amt {color: #26bf94;}
.debit-amt {color: #e6533c;}
.form-col-3 .store-col {width: 33.33%;}
.form-col-4 .store-col {width: 25%;}
.form-col-2 .store-col {width: 50%;}
.row-gap-15 {row-gap: 15px;}
.common-select {margin: 0; width: 100%; border: 1px solid #e9edf6; color: var(--default-color); padding: 6px 10px;}
.form-checbox-col .store-col {width: auto; }
.custom-email-btn a {display: inline-flex ; align-items: center; background: rgba(0,92,153,0.1); border: 0; border-radius: 6px; color: #005c99; padding: 6px 10px; text-transform: capitalize; margin: auto; cursor: pointer; white-space: nowrap; text-decoration: none;}
.custom-email-btn a:hover {background: rgba(0,92,153,1); color: #fff;}
.custom-email-btn {display: inline-flex; margin-left: 10px;}
.my-account .common-error {display: inline;}
.common-error {font-size: 11px; color: #e6533c; display: block; margin-top: 2px;}
.password_generate {    display: block; background: #005C99; color: #fff; text-decoration: none; white-space: nowrap; padding: 12px 10px; margin: 0; line-height: 1; border-radius: 0 6px 6px 0; font-size: 11px;}
.form-password input[type="text"] {border-radius: 6px 0 0 6px;}
.alert {border-radius: 8px; padding: 10px 14px; font-size: 13px; border: 1px solid;}
.primary-alert {background-color: #fff1bf; color: var(--black); border-color: #fff1bf;}
.primary-alert a {color: #005c99;}
.common-top-info {margin-bottom: 20px;}
.required {color: #e6533c;}
.my-account-icons {display: inline-flex; align-items: center; gap: 10px; margin-left: auto; color: #005C99;}
.my-account-icons a {color: #005C99; display: inline-flex; position: relative;}
.my-account-icons svg {width: 18px; height: 18px;}
.my-account .form-label {display: flex; align-items: center;}
.my-account .form-label .required {margin-left: 2px;}
.form-password {display: flex;}
.common-price-block {display: inline-flex;}
.common-price-block input[type="number"] {width: 100px;}

.payment-configuration .common-h-tab  .card-header {padding: 0}
.payment-configuration .common-h-tab .card-body {padding: 20px 0px 0px;}
.mb-15 {margin-bottom: 15px !important;} 
.mt-15 {margin-top: 15px !important;} 
.mb-20 {margin-bottom: 20px !important;}
.my-account-icons .copy-input::before {    content: "Copied"; position: absolute; top: -23px; right: -23px; background: #005C99; padding: 5px 10px; border-radius: 4px; font-size: 11px; line-height: 1; color: #fff; display: none; font-weight: 600;}
.my-account-icons.active .copy-input::before {display: block;}

.addon-name-group .common-img-box-wrap {width: 40px; height: 40px; padding: 4px; border-radius: 50%; display: flex ; align-items: center; justify-content: center; background: #000000; margin-right: 12px;}
.addon-name-group .common-img-box-wrap img {border-radius: 50%; width: 100%; height: 100%; object-fit: contain; object-position: center;}
.addon-name-group {display: flex; align-items: center;}
.addon-name {font-weight: 600;}
.configure-list-wrap .addon-table .table thead th {width: 14%; }
.configure-list-wrap .addon-table .table thead th:first-child {width: 10%; text-align: center;}
.configure-list-wrap .addon-table .table thead th:nth-child(2) {width: 62%}
.configure-list-wrap .addon-table .table tbody td:first-child {text-align: center;}
.addon-config .card-header {padding: 0px;}
.addon-config .card-body {padding: 20px 0px 0px;}

.configure-list-wrap .lightbase-table .table thead th {width: 14%; }
.configure-list-wrap .lightbase-table .table thead th:first-child {width: 72%;}

.shipping-configuration select {width: 100%;}

.save-store-products {display: flex; justify-content: flex-end; gap: 16px; margin-top: 24px;}
.save-store-products .btn {border: 0; outline: none; box-shadow: none; cursor: pointer; font-family: "Poppins", sans-serif; text-transform: capitalize;}

.store-urls {display: flex; justify-content: center; margin-top: 24px;}
.store-urls ul {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 24px;}
.store-urls a {color: #005c99; text-decoration: none;}

.store-qr-btn {text-align: center;}
.store-qr-btn .btn {text-decoration: none;}
.store-urls-wrap .copy-button {padding: 0; background: transparent; border: 0; cursor: pointer; color: #005c99; position: relative;}
.store-urls-wrap .copy-button svg {width: 20px; height: 20px;}

.download-report {display: inline-flex ; justify-content: flex-end; align-items: center;}
.errorMessages {background: #ffe5e5; color: #e00303;}
.successMessages, .successMessage {background-color: rgba(38, 191, 148, .1);
    color: rgb(38, 191, 148);}
.mt-24 {margin-top: 24px !important;}
.mb-15 {margin-bottom: 15px !important;}
.secondary-store-settings .store-setting-box label {line-height: 1;}
.secondary-store-settings .store-setting-box .custom-checkbox {line-height: 1.5;}
.general-setting-inner .card-header {border: 0; padding: 0;}
.general-setting-inner .card-body {padding: 16px 0 0;}
.general-setting-inner .card-title {font-size: 14px;}
.basic-store-checkbox {display: var(--d-flex) ; flex-wrap: var(--flex-wrap); gap: 24px;}
.basic-store-checkbox .store-setting-box {flex: initial; width: initial; flex-direction: row; gap: 10px; align-items: center;}
.basic-store-inner .card-title {font-size: 14px; margin-bottom: 15px;}
.allow-address-countries .card-title {font-size: 14px;}

.store-listing-box .v-tab_content {display: none;}
.sales-report {margin-bottom: 0 !important}
.sales-by-store-block {margin-bottom: 0 !important;}
.common-form-block {display: flex; align-items: center; flex-wrap: wrap;}
.configure-list-wrap .common-form-group.common-right-symbol span {border-radius: 0px 6px 6px 0px; border: 1px solid #e9edf6; border-left: 0;}
.configure-list-wrap .common-form-group.common-right-symbol input {border-radius: 6px 0px 0px 6px; border: 1px solid #e9edf6; border-right: 0;}
.inner-card-title, .custom-card .inner-card-title {font-size: 14px; margin-bottom: 15px; }
.error {color: #ff0000; font-size: 12px;}

.form-row {display: flex; flex-wrap: wrap; margin: 0 -12px;}
.form-col {width: 33.33%; padding: 0 12px;}
.payment-filter {display: flex; justify-content: space-between; margin-bottom: 15px;}
.payment-filter form {width: 100%;}
.payment-filter .form-col {width: auto; margin-bottom: 24px;}
.payment-filter .form-row {align-items: center;}
.payment-filter select {min-width: 150px; min-height: 39.58px; margin: 0;}
.payment-filter .header-search {margin: 0;}
.compare-year-check {margin-right: 15px}
.order-filter-dropdown ul {padding: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 15px;}
.order-filter-dropdown {min-width: 280px; background: var(--white); box-shadow: 2px 10px 10px 0px #00000033; padding: 20px; border-radius: 8px;}
.order-filter-dropdown select {width: 100%;}
.button-group {display: flex; flex-wrap: wrap; gap: 16px;}
.order-filter-dropdown .button-group .btn {width: calc(50% - 8px); text-align: center;}
.button-group .btn[type="submit"], .button-group .btn.reset-btn {background: #005C99; border-color: #005C99;}
.button-group .btn[type="submit"]:hover, .button-group .btn.reset-btn:hover {background: #01558d; border-color: #01558d;}
.button-group .btn[type="reset"], .button-group .btn.reset-btn {background: #AC640C; border-color: #AC640C;}
.button-group .btn[type="reset"]:hover, .button-group .btn.reset-btn:hover {background: #96580c; border-color: #96580c;}
.order-filter-icon span {display: inline-flex; align-items: center; gap: 5px;}
.order-filter-icon {background-color: #AC640C; border-color: #AC640C; color: var(--white); border-radius: 4px; display: inline-flex; padding: .6rem .85rem; font-weight: 500; font-size: .85rem;}
.order-filter-icon svg {width: 20px; height: 20px;}
.orders-found {display: inline-flex ; align-items: center; margin-right: 10px;}
.order-search {display: inline-flex;}
.order-search .header-search-wrap {display: inline-flex;}
.order-top-head {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.order-top-left {display: flex;}

.order-action-wrap {display: inline-flex; flex-wrap: wrap; margin: 0 -5px; row-gap: 10px;}
.order-action-wrap a, .order-action-wrap button {display: inline-flex ; align-items: center; border: 0; border-radius: 6px; background: rgba(0,92,153,0.1);
    color: #005C99; padding: 8px; text-transform: capitalize; cursor: pointer; white-space: nowrap; text-decoration: none; outline: none; box-shadow: none; margin: 0 5px; width: 34px; height: 34px;}
.order-action-wrap svg {width: 18px; height: 18px; fill: currentColor;}
.order-action-wrap .blue-action {background: rgba(0,92,153,0.1); color: #005C99;}
.order-action-wrap .blue-action:hover {background: rgba(0,92,153,1); color: var(--white); }
.order-action-wrap .red-action {background: rgba(230,83,60,0.1); color: rgba(230,83,60,1);}
.order-action-wrap .red-action:hover {background: rgba(230,83,60,1); color: var(--white);}
.order-action-wrap .green-action {background: rgba(38, 191, 148, 0.1); color: rgb(38, 191, 148);}
.order-action-wrap .green-action:hover {background: rgba(38, 191, 148, 1); color: var(--white);}
.order-action-wrap .orange-action {background: rgba(255,122,0,0.1); color: #FF7A00;}
.order-action-wrap .orange-action:hover {background: rgba(255,122,0,1); color: var(--white);}
.order-action-wrap .yellow-action {background: rgba(245,184,73,0.1); color: #f5b849;}
.order-action-wrap .yellow-action:hover {background: rgba(245,184,73,1); color: var(--white);}
.order-action-wrap .sky-blue-action {background: rgba(73,182,245,0.1); color: #49b6f5;}
.order-action-wrap .sky-blue-action:hover {background: rgba(73,182,245,1); color: var(--white);}
.sync-status, .cockpit-sync {background: #005C99; color: #fff; text-decoration: none; padding: 4px 8px; border-radius: 4px; font-size: 12px; text-align: center; line-height: 1.4;}
.purple-btn {background: #005C99; color: #fff;}
.order-status {display: inline-block; text-decoration: none; background: rgba(0,92,153,0.1);
    color: #005C99; padding: 4px 8px; border-radius: 4px; font-size: 12px; text-align: center; line-height: 1.4;}
.woocommerce-orders-table__cell-order-number a {color: var(--default-color); text-decoration: none; font-weight: 600; font-size: 14px;}
.order-table thead th {width: 8%; min-width: 100px;}
.order-table .woocommerce-orders-table__header-order-number {width: 14%; min-width: 160px;}
.order-table .woocommerce-orders-table__header-store-name {width: 9%; min-width: 130px;}
.order-table .woocommerce-orders-table__header-order-date {width: 11%;}
.order-table .woocommerce-orders-table__header-order-status {width: 11%; min-width: 150px;}
.order-table .woocommerce-orders-table__header-view-log {width: 10%;}
.order-table .woocommerce-orders-table__header-view-log {width: 7%;}
.order-table .woocommerce-orders-table__header-delivery-status {width: 6%;}
.order-table .woocommerce-orders-table__header-conversion-duration {width: 7%;}
.order-table .woocommerce-orders-table__header-optimize-option {width: 6%;}
.order-table .woocommerce-orders-table__header-hq-sync {width: 8%;}
.order-table .woocommerce-orders-table__header-enhancement-option {width: 6%;}
.order-table .woocommerce-orders-table__header-hq-sync-id {width: 9%;}
.order-table .woocommerce-orders-table__header-order-total {width: 9%;}
.order-table .woocommerce-orders-table__header-order-actions {width: 12%; min-width: 235px;}
.payment-filter-left {display: inline-flex; gap: 15px;}
.payment-filter-right {display: inline-flex; align-items: center; gap: 15px;}
.order-top-left select {min-height: 39.58px;}

.view-log-popup .modal-dialog {max-width: 1580px; padding: 15px;}
.view-log-comman {margin-bottom: 10px;}

.popoverbody {display:none; position:absolute; background:#fff; border:1px solid #ddd; padding:10px; box-shadow:0px 4px 8px rgba(0,0,0,0.15); border-radius:8px; min-width: 100px; max-width: 220px; z-index:999;}

.order-status.Converting\.\.\. {background: #FFF2E8; color: #D4380D;}
.order-status.Processing {background: rgba(245,184,73,0.1); color: #B76E00;}
.Conversion.ready.for.download {background: rgba(38, 191, 148, 0.1); color: rgb(38, 191, 148);}
.sync-status.sync-done {padding: 0; border-radius: 0; background: transparent; color: rgb(38, 191, 148); pointer-events: none; font-weight: 600;}
.view-log {border: 1px solid #ffc9c1; color: #e6533c; background: transparent; padding: 4px 8px; border-radius: 4px; font-size: 12px; font-weight: 600;}

.store-create-alert-msg .alert {background: #fff1bf; color: var(--black); border: 0;} 
.flex-shrink-0 {flex-shrink: 0;}
.label-with-icon {display: flex; justify-content: space-between;}
.store-urls-wrap.active .copy-button::before {display: block;}
.store-urls-wrap .copy-button::before { content: "Copied"; position: absolute; top: -23px; right: -23px; background: #005c99; padding: 5px 10px; border-radius: 4px; font-size: 11px; line-height: 1; color: #fff; display: none; font-weight: 600;}
.order-id-wrap {display: inline-flex; flex-direction: column; justify-content: center;}
.order-id-wrap time {font-size: 12px;}
body.hide-sidebar[data-overlay="open"] .sidebar-sec {width: 15rem;}
body.hide-sidebar[data-overlay="open"] .sidebar-header {width: 15rem;}
body.hide-sidebar[data-overlay="open"] .sidebar-text {display: inline-block;}
body.hide-sidebar[data-overlay="open"] .desktop-logo {display: flex !important;}
body.hide-sidebar[data-overlay="open"] .toggle-logo {display: none !important;}
body.hide-sidebar[data-overlay="open"] .has-sub.open .child-menu {display: block !important;}
.log-details .table + .table {margin-top: 20px;}
.order-table th, .order-table td {text-align: center;}
.order-table th:first-child, .order-table th:last-child {text-align: left;}
.order-table td:first-child, .order-table td:last-child {text-align: left;}
.canvas-preview-modal iframe {width: 100%; height: 400px;}
.canvas-preview-modal .modal-dialog {max-width: 800px;}
.canvas-preview-modal .canvas-preview-body {display: flex; flex-direction: column;}
.pcus-count {margin-top: 15px; text-align: center; font-weight: 600;}
.preview-btns {justify-content: center; margin-top: 15px;}
.preview-btns .btn {text-transform: capitalize; min-width: 100px;}
.preview-btns .btn.btn-ss-approve {background: #0ebb8b; border-color: #0ebb8b; color: var(--white);}
.preview-btns .btn.btn-ss-approve:hover {background: #0a9f76; border-color: #0a9f76; color: var(--white);}
.reject-textarea  {display: flex; margin-top: 15px;}
.reject-textarea textarea {height: 80px; resize: none;}
.export-order-modal .modal-dialog {max-width: 350px;}
.enter-bulk-order-btn {background: #001422 !important}
.custom-checkbox input[disabled]:checked ~ span::before {background: #a7a7a7; border-color: #a7a7a7;}
.custom-checkbox input[disabled]:checked ~ span::after {border-color: var(--white);}
.custom-checkbox input[disabled] ~ span::before {border-color: #a7a7a7;}
.dark-blue-btn {background: #001422; color: #fff;}
.order-cell-wrap {display: inline-flex;}
.order-img-name {width: 40px; height: 40px; border-radius: 6px; overflow: hidden; flex-shrink: 0; margin-right: 8px;}
.order-img-name img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.refresh-page {background: #0ebb8b; border-color: #0ebb8b; color: var(--white);}
.refresh-page:hover {background: #0a9f76; border-color: #0a9f76; color: var(--white);}
.order-id-cell {display: flex;}
.order-filer-list {padding: 0; margin: 0; gap: 16px; list-style: none;}

.optimize-swich-wrap {display: flex; align-items: center; justify-content: space-between; background-color: var(--white); border: 2px solid var(--white); border-radius: .35rem; padding: 10px 20px; box-shadow: rgba(143, 155, 166, 0.08) 0px 12px 24px -4px; height: 100%; }
.optimize-swich-wrap.active {  }
.optimize-title {font-weight: 600; color: var(--default-color); font-size: 14px; margin-right: 10px; }
.switch-tab {position: relative; display: inline-block; width: 44px; height: 20px; }
.switch-tab input {opacity: 0; width: 0; height: 0; }
.switch-tab-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.3s; border-radius: 34px; }
.switch-tab-slider::before {position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; transition: 0.3s; border-radius: 50%; }
.switch-tab input:checked + .switch-tab-slider {background-color: #1b5fa7; }
.switch-tab input:checked + .switch-tab-slider::before {transform: translateX(24px); }

.custom-checkbox.disabled {cursor: default;}
.custom-checkbox.disabled

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; margin: 0; }
.upload-icon {width: 50px; height: 50px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 5px; background: #AC640C;}
.uploade_btnimg img {margin: 0 !important; width: 20px;}
.uploade_btnimg .upload-img-icon-text {font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; text-transform: capitalize;}
.uploade_btnimg .upload-img-icon-text br {display: none;}
.docs-buttons .btn.btn-primary {padding: 15px 20px 13px; font-weight: 600; background: #AC640C; border-color: #AC640C; font-size: 16px; font-family: "Poppins", sans-serif; line-height: 1.5; border: 0;}
.docs-buttons .btn.btn-primary:hover {background: #96580c; border-color: #96580c;}
.save-canvas button {padding: 15px 20px 13px; font-weight: 600; background: #AC640C; border-color: #AC640C; font-size: 16px; font-family: "Poppins", sans-serif; line-height: 1.5; border: 0;}
.save-canvas button:hover {background: #96580c; border-color: #96580c;}
.order-listing-top {gap: 16px;}

.required {color: red;}

.shipping-cost-input span {width: 40px; height: 35px; border-radius: 6px 0 0 6px; background: #f7f8f9; display: inline-flex ; align-items: center; justify-content: center; border: 1px solid #e9edf6; border-right: 0;}
.shipping-cost-input input {width: calc(100% - 42px); border-radius: 0 6px 6px 0; border-left: 0; min-width: 80px;}

.row-8 {--bs-gutter-x: 8px; --bs-gutter-y: 0; display: flex ; flex-wrap: wrap; margin-right: -8px;
    margin-left: -8px;}
.row-8>* {flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 8px; padding-left: 8px;}

.total-wallet-sale .card-icon {background: #4f2e07; box-shadow: 0 0.25rem 1rem rgba(79, 46, 7, 0.3);}
.total-wallet-sale .custom-card-link a {background: #4f2e07;}

.woocommerce-orders-table__cell-optimize-option .custom-checkbox span, .woocommerce-orders-table__cell-enhancement-option .custom-checkbox span, .woocommerce-orders-table__cell-turbo-option .custom-checkbox span {width: 16px; height: 16px;}
.woocommerce-orders-table__cell-optimize-option .custom-checkbox, .woocommerce-orders-table__cell-enhancement-option .custom-checkbox, .woocommerce-orders-table__cell-turbo-option .custom-checkbox {padding: 0;}
.woocommerce-orders-table__cell-optimize-option .custom-checkbox input, .woocommerce-orders-table__cell-enhancement-option .custom-checkbox input, .woocommerce-orders-table__cell-turbo-option .custom-checkbox input {z-index: 1;}


.payment-top-head>.row .payment-col:first-child {width: 20%;}
.payment-top-head>.row .payment-col:nth-child(2) {width: 30%;}
.payment-top-head .all-store .card-summary-content {position: relative;}
.payment-top-head .all-store .card-summary-content:not(:last-child) {padding-right: 30px;}
.payment-top-head .all-store .card-summary-content:not(:last-child)::after {position: absolute; content: ""; top: 0; bottom: 0; border-right: 1px solid #edf1f5; right: 15px;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; margin: 0; }
.modal-open {overflow: hidden;}
.modal-wrap {width: 100%; height: 100%; overflow-y: auto; position: relative;}

.order-detail-head .card-header, .order-detail-body .card-header {display: block;}
.order-detail-head .card-header .row, .order-detail-body .card-header .row {justify-content: var(--justify-content-between); align-items: var(--align-items-center);}
.order-detail-head .card-header .col-auto, .order-detail-body .card-header .col-auto {width: auto; display: inline-flex; align-items: center;}
.order-detail-head .card-header .back-arrow-btn {display: inline-flex; align-items: center;}
.order-detail-head .card-header .back-arrow-btn svg {width: auto; height: 16px;}
.order-detail-head .card-body .col-auto {width: auto; min-width: 12%;}
.cus-detail-info {display: inline-flex; align-items: center;}
.order-detail-body .table thead th:last-child {width: 10%; min-width: 160px;}
.order-detail-body .table tfoot th {text-align: right;}
.order-detail-imgs img {height: 100px; width: 100px; object-fit: contain; background-position: top; display: block; padding: 5px; border: 1px solid #edf1f5; margin-bottom: 10px;}
.order-detail-imgs img:last-child {margin-bottom: 0;}
.order-detail-imgs-wrap {width: 125px;}
.order-detail-body .table tbody {vertical-align: top;}
.order-detail-body .table tbody td:first-child {border-right: 0;}
.order-detail-body .table tbody td:nth-child(2) {border-left: 0;}
.balance-wrap {width: calc(100% - 56px);}
.balance-wrap .card-summary-content {width: calc(50% - 8px);}
.multiRow {background: #f9f9f9; display: none;}
.multiRow.show {display: table-row;}
.multiple-item-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.multiple-item-btn span {width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: #AC640C; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; transition: all 0.3s ease-in-out; z-index: 9;}

.multiple-item-btn .minus {opacity: 0; visibility: hidden;}
.multiple-item-btn.active .plus {opacity: 0; visibility: hidden;}
.multiple-item-btn.active .minus {opacity: 1; visibility: visible;}

select[name="store_id"] {width: 100%;}

.common-pagination {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; margin-bottom: 8px;}
.common-pagination-wrap {display: inline-flex; align-items: center; gap: 15px;}
.pagination-numbers {display: inline-flex; align-items: center;}
.laser-orders-pagination {display: inline-flex; align-items: center;}
.common-pagination a {display: inline-flex; text-decoration: none; color: #100b00;}
.laser-orders-pagination .pagination-next, .laser-orders-pagination .pagination-prev {padding: 5px 14px; border: 1px solid #e9edf6; color: #100b00; min-height: 32px; align-items: center; justify-content: center;}
.pagination-numbers a, .pagination-numbers span {    width: 32px; height: 32px; justify-content: center; align-items: center; padding: 2px; display: inline-flex; align-items: center; border: 1px solid #e9edf6; border-left: 0;}
.pagination-numbers .pagination-current{background: #AC640C; color: #fff; border-color: #AC640C;}

/*quick guide button taskdate-30-12-2025*/
.quick-guide-btn {position: absolute; bottom: 20px; left: 24px; right: 24px;}
.quick-guide-btn .btn {width: 100%; background: transparent; color: #ffbf00; border-radius: 0; font-size: 18px;}
.quick-guide-wrap {border-radius: .35rem; animation: buttonpulse 1.5s infinite; position: relative; width: 100%; padding: 3px;}
.quick-guide-wrap::after {  content: ""; position: absolute; inset: 0; padding: 3px; border-radius: 10px; background: #AB631C; background: linear-gradient(90deg,rgba(171, 99, 28, 1) 0%, rgba(3, 94, 150, 1) 40%, rgba(245, 178, 15, 1) 80%);; background-size: 300% 300%; animation: animatedGradient 3s linear infinite; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}

@keyframes animatedGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


@keyframes buttonpulse {
0% {
  transform: scale(1);
}
50% {
  transform: scale(1.1);
}
100% {
  transform: scale(1);
}
}
/*quick guide button taskdate-30-12-2025*/


@media (min-width: 1024px) {
    .col-lg-3 {flex: 0 0 auto; width: 25%;}
    .col-lg-9 {flex: 0 0 auto;width: 75%;}
    .col-w-20 {flex: 0 0 auto; width: 20%;}
}


@media (max-width: 1915px) {
  .laser-ownerorder-tbl {width: 100%; overflow-x: auto;}
    .laser-ownerorder-tbl .table {width: 1600px;}
}

@media (max-width: 1900px) {
  .home-summary-box .card-summary-content {width: 100%;}
}

@media (max-width: 1685px) {

  .payment-top-head .all-store .card-summary-content:not(:last-child) {padding-bottom: 1px; padding-right: 0;}
  .payment-top-head .all-store .card-summary-content:not(:last-child)::after {right: 0;}
  .configure-list {width: 21%;}
  .configure-list-body {width: 79%;}
  /*.configure-list-wrap table thead th {width: 10%;}
  .configure-list-wrap table thead th:nth-child(2) {width: 10%;}*/
  .payment-top-head .card-summary-content select {width: 100%;}
  .balance-wrap {width: 100%;}
  .payment-top-head>.row .payment-col:first-child {width: 22%;}
  .payment-top-head>.row .payment-col:nth-child(2) {width: 33%;}
  .payment-add-col {width: 45%;}
  .payment-add-col .payment-note {width: calc(100% - 110px);}
  .payment-amount-box .form-control {max-width: initial;}
  .payment-amount-box {width: 100%;}
  .amt-group-row {width: 100%;}

}

@media (max-width: 1440px) {
    .header {padding-inline-start: 11rem;}
    .sidebar-sec {width: 11rem;}
    .sidebar-header {width: 11rem;}
    .footer {padding-inline-start: 11rem;}
    .main-content {margin-inline-start: 11rem;}
    .card-icon {width: 34px; height: 34px;}
    .card-icon span img { height: 18px;}
    .circle-content {width: 34px; height: 34px;}
    .circle-content img { width: 18px; }
    .form-col-3 .store-col {width: 50%;}
    .form-col-4 .store-col {width: 50%;}
    .store-setting-box {flex: 1 1 calc(50% - 24px);}
    .basic-store-setting .store-setting-box {width: calc(25% - 24px);}
    .configure-list-wrap table thead th:first-child {width: 30%;}
    .configure-list-wrap table thead th {width: 18%;}
    .order-detail-head .card-body .col-auto {min-width: 16%;}
    

}

@media (max-width: 1399px) {
  .card-summary-content {
    width: 100%;
  }


}