/*!
Script: SaaS
Author: Papon IT Solution
Support: paponapp2244@gmail.com
Version: 4.2
*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); :root { --bs-secondary-rgb: color-mix(in srgb, var(--bs-secondary), transparent 80%) !important; --bs-blue: #0d6efd; --bg-date: #ececec; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #000000; --bs-secondary: #2C1F71; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 45, 41, 66; --bs-secondary-rgb: 241, 90, 31; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif:"Montserrat", sans-serif !important; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #495057; --bs-body-bg: #f8f8fb; --bs-border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: var(--bs-primary); --bs-link-hover-color: #374366; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; --bs-box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%); --bs-primary-rgb: color-mix(in srgb, var(--bs-primary), transparent 80%); } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } .direction-ltr { direction: ltr; } .direction-rtl { direction: rtl; } .justify-items-end { justify-items: end !important; } .justify-items-center { justify-items: center !important; } .fs-7 { font-size: 14px !important; } .fs-8 { font-size: 12px !important; } .fw-600 { font-weight: 600 !important; } .fw-500 { font-weight: 500 !important; } .w-100vw { width: 100vw; } .h-100vh { height: 100vh; } .h-fit-content { height: fit-content; } .box-shadow { box-shadow: 0 6px 30px rgb(182 186 203 / 30%); } .d-content { display: contents; } .object-fit-cover { object-fit: cover; object-position: center; } .object-fit-contain { object-fit: contain; } h1, h2, h3, h4, h5, h6, p { margin: 0; } .btn-rounded { border-radius: 30px; } .form-group, .form-check { margin-bottom: 0.8rem; } *:focus { outline: none !important; box-shadow: none !important; } input::placeholder { font-size: 14px; } ul { list-style: outside none none; margin: 0; padding: 0; } li { list-style: none; } .btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active { background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary); color: #fff;
} .bg-secondary { background-color: var(--bs-secondary) !important; color: #fff;
} .btn-primary:hover,
.btn-primary:focus { background-color: var(--bs-primary); color: #fff; border-color: var(--bs-primary);
} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: #f15a1f20 !important; box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
} .form-switch-success .form-check-input:checked { background-color: var(--bs-success); border-color: var(--bs-success); } .form-check-input-secondary:checked { background-color: var(--bs-secondary); border-color: var(--bs-secondary); } .cursor-pointer { cursor: pointer; } .dn { display: none; } .hw-70 { height: 70px;
} .h-40 { height: 40px;
} .overflow-auto { overflow: auto; } .loader { width: 20px; height: 20px; border: 2px solid var(--bs-secondary); border-bottom-color: transparent; border-radius: 10px; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite;
} @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
} /* Auth Pages */ .bg-primary-light { background-color: rgba(var(--bs-secondary-rgb), 0.25); } .social-list-item { height: 2rem; width: 2rem; line-height: calc(2rem - 0px); display: block; border-radius: 50%; color: var(--bs-white); text-align: center; -webkit-transition: all .4s; transition: all .4s; } .bg-facebook { background-color: #1773EA; } .bg-google { background-color: #d24639; } /* Header */ .page-topbar { position: sticky; top: 0; right: 0; left: 0; z-index: 1030; background-color: var(--bs-white); box-shadow: var(--bs-box-shadow); } .page-topbar .navbar-header { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; } .page-topbar .navbar-header .navbar-header-logo { background-color: var(--bs-primary); padding: 0 1.5rem; text-align: center; width: 250px; } .page-topbar .navbar-header .navbar-header-logo a { line-height: 70px; color: var(--bs-white); } .page-topbar .navbar-header .header-item { position: relative; cursor: pointer; display: inline-block; overflow: hidden; border: 0; color: #555b6d; } .page-topbar .navbar-header .header-item img { width: 36px; height: 36px; border: var(--bs-border); border-radius: 50%; object-fit: cover; object-position: center; } /* Sidebar */ .sidebar { background-color: var(--bs-primary); width: 16.8rem; z-index: 1031; position: fixed; bottom: 0; top: 0; margin-top: 0; height: 100vh; padding: 0.8rem; } .sidebar .navbar-nav .nav-item .nav-link { color: rgba(var(--bs-white-rgb), 0.8); padding-left: 10px; padding-right: 10px; border-radius: 7px; } .sidebar .navbar-nav .nav-item .nav-link:hover { background: linear-gradient(141.55deg, var(--bs-white) 3.46%, var(--bs-white) 99.86%), var(--bs-white); color: var(--bs-primary); transition: .3s ease-in-out; } .sidebar .navbar-nav .nav-item .nav-link.active { background: linear-gradient(141.55deg, var(--bs-white) 3.46%, var(--bs-white) 99.86%), var(--bs-white); color: var(--bs-primary); } /* Default */ .main-content { margin-left: 16.8rem; } .page-content { padding: calc(0px + 24px) calc(36px / 2) 70px calc(36px / 2); } /* Dashboard page */ .dashboard-card { display: flex; justify-content: space-between; align-items: center; } .dashboard-card .card-icon { width: 3rem; height: 3rem; background-color: var(--bs-secondary); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--bs-white); } /* User Page */ .search-box { display: inline-block; padding: 0 10px; } .search-box .form-control { border-radius: 30px; padding-left: 40px; } .search-box .search-icon { font-size: 16px; position: absolute; left: 13px; top: 0; line-height: 38px; } /* Pricing Plan page*/ .theme-selection li { display: inline-block; /* margin: 10px 5px; width: 165px; */ } .theme-selection li input[type=checkbox], .theme-selection li input[type=radio] { display: none; } .theme-selection li label { padding: 5px; display: block; position: relative; cursor: pointer; width: 100%; margin: auto; border-radius: 5px; } .theme-selection li input:checked+label::before { content:"✓"; transform: scale(1); z-index: 2; } .theme-selection li label::before { font-size: 15px; background-color: var(--bs-white); color: var(--bs-primary); content:""; display: block; border-radius: 50%; border: 1px solid var(--bs-primary); position: absolute; top: -6px; right: -6px; width: 25px; height: 25px; line-height: 25px; text-align: center; transition-duration: 0.4s; transform: scale(0); } .theme-selection li input:checked+label img { z-index: -1; /* transition: 0.5s all ease-in-out; */ border: 2px dotted var(--bs-primary); } .theme-selection li label:hover img { object-position: bottom; } .theme-selection li label img { width: 100%; transition-duration: 0.2s; transform-origin: 50% 50%; object-fit: cover; object-position: top; height: 300px; transition: 2s all ease-in-out; } .available-btn { position: absolute; left: 5%; right: 5%; bottom: 5%; } /* Setting Page */ .settings .card-sticky-top { position: sticky; top: 80px; z-index: 1020; max-height: 78vh; overflow-y: auto;
} .settings .list-item-secondary.active,
.settings .list-item-secondary.active a { z-index: 2; font-weight: 500; color: #000; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary);
} .settings .list-item-primary.active,
.settings .list-item-primary.active a { z-index: 2; color: #000; font-weight: 500; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary);
} .list-options { --bs-list-group-color: #000 !important;
} .settings .list-group-item .tab:hover, .settings .list-group-item .tab.active { color: var(--bs-white); } .payments .card .cod-card, .payments .card .wallet-card { padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); display: flex; justify-content: space-between; } /* Pricing plan checkout page */ .stripe-form #card-element .__PrivateStripeElement iframe { height: 40px !important; width: 100% !important; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); display: block; padding: 10px; margin-bottom: 16px; } /* Business Page */ .contact-info-modal { display: grid; grid-template-columns: repeat(auto-fill, minmax(6.25rem, 1fr)); } .contact-info-item { border: var(--bs-border); border-radius: 5px; cursor: pointer; display: flex; align-items: center; flex-direction: column; margin: 5px; outline: none !important; overflow: visible; padding: 1rem; text-align: center; transition: .3s; width: auto; box-shadow: var(--bs-box-shadow); } .contact-info-modal .contact-info-item:hover { background-color: #e6ecfd; } .contact-info-modal .contact-info-item i { font-size: 22px; margin: 5px 0; } #service_repeater .img-overlay, #services_card .img-overlay, #testimonials_info .img-overlay, #testimonial_repeater .img-overlay { position: absolute; top: 2%; right: 2%; } #reorder_section ul.list-group li.list-group-item { cursor: move; } /* Switch On/Off */ .checkbox-switch { display: none;
} .switch { align-items: center; background-color: gray; border-radius: 500px; cursor: pointer; display: flex; height: 30px; justify-content: space-between; position: relative; user-select: none; width: 60px;
} .checkbox-switch:checked~.switch { background-color: var(--bs-primary);
} .checkbox-switch:not(:checked)~.switch { background-color: gray;
} .switch__left,
.switch__right { color: white; font-size: small; text-transform: uppercase;
} .checkbox-switch:checked~.switch .switch__left { visibility: hidden;
} .checkbox-switch:not(:checked)~.switch .switch__right { visibility: hidden;
} .switch__circle { height: 30px; padding: 5px; position: absolute; transition: all 0.1s linear; width: 30px;
} .switch__circle-rtl { height: 30px; padding: 5px; position: absolute; transition: all 0.1s linear; width: 30px;
} .checkbox-switch:checked~.switch .switch__circle { left: 0; right: calc(100% - 30px);
} .checkbox-switch:checked~.switch .switch__circle-rtl { left: calc(100% - 30px); right: 0;
} .checkbox-switch:not(:checked)~.switch .switch__circle { left: calc(100% - 30px); right: 0;
} .checkbox-switch:not(:checked)~.switch .switch__circle-rtl { right: calc(100% - 30px); left: 0;
} .switch__circle-inner { background-color: white; border-radius: 50%; display: block; height: 100%; width: 100%;
} .hw-50 { width: 50px; height: 50px; } .service-image { height: 150px; } /* extra....apexa */ /* FOR SIDEBAR -- START */ .sidebar .navbar-nav { height: 100vh; overflow-y: auto; padding-bottom: 100px; padding-right: .8rem; } .sidebar .navbar-nav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
} .sidebar .navbar-nav::-webkit-scrollbar { width: 2px; background-color: #495057;
} .sidebar .navbar-nav::-webkit-scrollbar-thumb { background-color: #fff;
} .sidebar .navbar-nav .nav-item .nav-link:hover { background: rgba(255, 255, 255, 1) !important; color: var(--bs-primary); transition: .3s ease-in-out; } .sidebar .navbar-nav .nav-item .nav-link.active, .sidebar .navbar-nav .multimenu .active-main { background: rgba(255, 255, 255, 1) !important; color: var(--bs-primary); } .sidebar .navbar-nav .nav-item ul li a { border-bottom: 1px solid transparent; color: rgba(var(--bs-white-rgb), 0.8); background: transparent !important; } .sidebar .navbar-nav .nav-item .nav-link i { -webkit-box-flex: 0; flex: 0 0 1.5rem; -ms-flex: 0 0 1.5rem; } /* FOR SIDEBAR -- START */ /* ----------------------------------------------------------------------------- ------------------------- EXTRA-CSS-BY-RAHUL ---- START ----------------------- -------------------------------------------------------------------------------- */ .text-underline { text-decoration: underline; } .hw-20 { height: 20px; width: 20px; } /* FOR_SIDEBAR_START */ .sidebar .navbar-nav .nav-item .multimenu-menu-indicator i { -webkit-box-flex: 0; flex: 0 0 1rem; -ms-flex: 0 0 1rem; font-size: 10px; } .sidebar .navbar-nav .nav-item .nav-link[aria-expanded=true]:after { transform: rotate(-180deg); } .sidebar .navbar-nav .nav-item .nav-link:after { transition: all .3s; } /* FOR_SIDEBAR_END */ /* tracking-bar-start */ .progress-barrr { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(20px, 1fr)); } .progress-step { text-align: center; position: relative; z-index: 1; } .progress-step:before, .progress-step:after { background-color: var(--bs-secondary); content:""; height: 2px; position: absolute; z-index: -1; top: 15px; } .progress-step:after { left: 50%; width: 100%; } .progress-step:last-of-type.is-active:after { background-color: var(--bs-secondary); } .progress-step:last-of-type:after { left: 50%; width: 50%; } .progress-step .step-count { background-color: #fff; height: 35px; width: 35px; margin: 0 auto; border-radius: 50%; color: var(--bs-secondary); line-height: 35px; z-index: 100; border: 1px solid var(--bs-secondary); font-size: 1rem; font-weight: 500; } .progress-step.is-active~.progress-step:not(.is-active) .step-count { background-color: #fff; height: 35px; width: 35px; margin: 0 auto; border-radius: 50%; color: gray; line-height: 35px; z-index: 100; border: 1px solid gray; font-size: 1rem; font-weight: 500; } .progress-step.is-active .step-description { font-weight: 500; } .progress-step.is-active:after { background-color: gray; } .progress-step.is-active~.progress-step .step-count { background-color: #fff; } .progress-step.is-active~.progress-step:after { background-color: gray; } .step-description { font-size: 0.8rem; } @media screen and (min-width: 640px) { .progress-step:first-of-type:before { right: 50%; width: 50%; } } @media screen and (max-width: 640px) { .progress-step:first-of-type:before, .progress-step:last-of-type:after { display: none !important; } } /* RTL */ .progress-step-rtl { text-align: center; position: relative; z-index: 1; } .progress-step-rtl:before, .progress-step-rtl:after { background-color: var(--bs-secondary); content:""; height: 2px; position: absolute; z-index: -1; top: 15px; } .progress-step-rtl:after { right: 50%; width: 100%; } .progress-step-rtl:last-of-type.is-active:after { background-color: var(--bs-secondary); } .progress-step-rtl:last-of-type:after { left: 50%; width: 50%; } .progress-step-rtl .step-count { background-color: #fff; height: 35px; width: 35px; margin: 0 auto; border-radius: 50%; color: var(--bs-secondary); line-height: 35px; z-index: 100; border: 1px solid var(--bs-secondary); font-size: 1rem; font-weight: 500; } .progress-step-rtl.is-active~.progress-step-rtl:not(.is-active) .step-count { background-color: #fff; height: 35px; width: 35px; margin: 0 auto; border-radius: 50%; color: gray; line-height: 35px; z-index: 100; border: 1px solid gray; font-size: 1rem; font-weight: 500; } .progress-step-rtl.is-active .step-description { font-weight: 500; } .progress-step-rtl.is-active:after { background-color: gray; } .progress-step-rtl.is-active~.progress-step-rtl .step-count { background-color: #fff; } .progress-step-rtl.is-active~.progress-step-rtl:after { background-color: gray; } @media screen and (min-width: 640px) { .progress-step-rtl:first-of-type:before { left: 50%; width: 50%; } } @media screen and (max-width: 640px) { .progress-step-rtl:first-of-type:before, .progress-step-rtl:last-of-type:after { display: none !important; } } /* tracking-bar-end */ /* FOR_ERRORS_PAGE_START */ .error-content { font-size: 30px; font-weight: bold; } @media (max-width:767px) { .error-sec-order { order: 2; } } /* FOR_ERRORS_PAGE_END */ /* ----------------------------------------------------------------------------- ------------------------- EXTRA-CSS-BY-RAHUL ---- END ------------------------- -------------------------------------------------------------------------------- */ /* New login form */ /* New login form start */ .login-page-img { width: 100%; } .login-form-bg-color { background-color: white; } .login-form-bottom-icon { gap: 5px; } .login-with-bottom-title { font-family: var(--bs-body-font-family); font-weight: 500; } .icon-btn-facebook { background-color: #3d5a9e !important; border: none !important; } .icon-btn-twitter { background-color: #1ba1f4 !important; border: none !important; } .icon-btn-google { background-color: #d82433 !important; border: none !important; } .dropdown-hover a:hover { background-color: white !important; } .login-imag { width: 120px; height: 120px; } /* New login form End */ .dropdown-menu-language { position: absolute !important; left: -60px !important; top: 15px !important; box-shadow: 0px 0px 13px -3px rgb(0 0 0 / 10%);
} /* admin rtl css */
.main-content-rtl { margin-right: 16.5rem;
} .dropdown-toggle-rtl { white-space: nowrap;
} .dropdown-toggle-rtl::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content:""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;
} .accordion-button-rtl { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition);
} .accordion-button-rtl::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-right: auto; content:""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition);
} .accordion-button-rtl:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: #f15a1f20 !important; box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
} .input-group-rtl { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
} .input-group-icon-rtl { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
} .breadcrumb-rtl::before { float: right !important; padding-left: var(--bs-breadcrumb-item-padding-x) !important; padding-right: var(--bs-breadcrumb-item-padding-x) !important; color: var(--bs-breadcrumb-divider-color) !important; content: var(--bs-breadcrumb-divider, "/") !important;
} div.dataTables_wrapper div.dataTables_filter input { margin-right: 5px !important;
} /* EXTRA-CSS-BY-KISHOR START*/ .drop-menu { top: 7px !important;
} /* EXTRA-CSS-BY-KISHOR END*/ .icon-bar { position: fixed; top: 90%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; right: 2%;
} /*=========================================================================== POS
=============================================================================*/ /*================= pos section header start =================*/ .pos-header { position: sticky; top: 0; right: 0; left: 0; z-index: 1030; background-color: var(--bs-white); box-shadow: var(--bs-box-shadow); padding: 5px 0px;
} .pos-header img { width: 145px; object-fit: cover; object-position: center;
} /*================= pos section search box start =================*/ .search-input { background-color: transparent; border: none; border-radius: 5px; width: 100%; position: relative;
} .pos-card-input i { color: #c3c8da;
} .pos-card-input { background-color: var(--bs-body-bg); display: flex; align-items: center; border: none; box-shadow: none;
} .card-body .search-button { right: 20px; font-size: 16px; font-weight: 400; color: #fff; border: none; padding: 15px 50px; border-radius: 6px; background-color: var(--bs-primary); cursor: pointer;
} /*================= pos categorys start =================*/ .pos-categorys .scroll-wrapper { overflow-x: auto; white-space: nowrap; max-width: 100%; height: auto; background-color: #fff; padding: 16px;
} .pos-categorys .scroll-wrapper ul li { display: block;
} .pos-categorys .scroll-wrapper .cats,
.pos-categorys .scroll-wrapper .cats:focus { width: 100%; text-transform: capitalize; padding: 8px 6px; font-size: 13px; font-weight: 400; border-radius: 8px; display: block; margin: 7px 0px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
} /*----- Pos header active class -----*/ .pos-categorys .scroll-wrapper ul li .active { background-color: var(--bs-primary); color: #fff;
} /*----- Pos header active class -----*/ /* .offcanvas { max-width: 100% !important;
} */ /*================= pos menu start =================*/
.pos-menu { overflow-y: auto; overflow-x: hidden; height: 73vh; padding: 0px 10px;
} .pos-menu .pro-img img { width: 150px; height: 150px; object-fit: cover; border-radius: 10px;
} .pos-menu .pro-title { font-size: 16px; font-weight: 400; color: #000; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
} .pos-menu p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 300; font-size: 14px;
} .pos-menu .pro-price { font-size: 18px; font-weight: 500; color: var(--bs-primary);
} .pos-img img { width: 80px; height: 80px; border-radius: 10px; overflow: hidden; object-fit: cover;
} /*------- pos invoice css -------*/ .pos-modal { color: #000;
} .pos-modal .order-details,
.pos-modal .store-details { border-bottom: 2px dotted lightgray;
} .pos-modal .items-details .items,
.pos-modal .total-amount .items { display: flex; align-items: center; justify-content: space-between; border-bottom: 2px dotted lightgray;
} .pos-menu .pagination .page-item input { max-width: 60px; width: 100%; text-align: center;
} .righ-side .input-group span,
.righ-side .input-group input { background-color: var(--bs-body-bg) !important;
} /*=========================== righ-side ===========================*/
.righ-side { margin-left: auto;
} /*================ price-range ================*/ .righ-side .price-range .circle,
.offcanvas .offcanvas-body .price-range .circle,
.modal .modal-footer .price-range .circle { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; color: var(--bs-primary); border: 1px solid var(--bs-primary);
} .righ-side .price-range .fa-minus,
.righ-side .price-range .fa-plus,
.offcanvas .offcanvas-body .price-range .fa-minus,
.offcanvas .offcanvas-body .price-range .fa-plus,
.modal .modal-footer .price-range .fa-minus,
.modal .modal-footer .price-range .fa-plus { font-weight: 400 !important;
} .righ-side .price-range .circle:hover,
.offcanvas .offcanvas-body .price-range .circle:hover,
.modal .modal-footer .price-range .circle:hover { background-color: var(--bs-primary); color: #fff;
} .righ-side.righ-side .price-range input,
.offcanvas .offcanvas-body .price-range input,
.modal .modal-footer .price-range input { width: 20%; margin: 0px 5px; border: none; text-align: center; font-size: 18px; font-weight: 500; background-color: transparent;
} /*================ total-sec ================*/
.righ-side .total-sec h6,
.offcanvas .offcanvas-body .total-sec h6 { color: #000; font-weight: 400; font-size: 14px;
} .righ-side .total-sec span,
.offcanvas .offcanvas-body .total-sec span { color: #000; font-weight: 600; font-size: 14px;
} /*================ pro-itmes ================*/
.offcanvas .offcanvas-body .pro-itmes .m-scroll { height: calc(38vh + (100 - 44) * ((100vw - 320px) / (1920 - 320))); overflow: auto; margin: 10px 0px;
} .m-empty-scroll { height: 80vh;
} .righ-side .pro-itmes .d-scroll { height: calc(44vh + (100 - 44) * ((100vw - 320px) / (1920 - 320))); overflow: auto;
} .empty-scroll { height: calc(77vh + (100 - 44) * ((100vw - 320px) / (1920 - 320))); overflow: auto;
} #cartview .card .desktop-card-body { overflow-y: auto; overflow-x: hidden; height: 93vh;
} .righ-side .payment-option .payment-title h5,
.offcanvas .offcanvas-body .payment-option .payment-title h5 { color: #000;
} .righ-side .pro-itmes .card,
.righ-side .total-sec .card,
.offcanvas .offcanvas-body .pro-itmes .card,
.offcanvas .offcanvas-body .total-sec .card { background-color: var(--bs-body-bg);
} .righ-side .pro-itmes .card .card-body,
.offcanvas .offcanvas-body .pro-itmes .card .card-body { padding: 12px;
} .pro-itmes .pro-title { font-size: 14px; font-weight: 400; color: #000; margin-bottom: 15px;
} .pro-itmes .card .pro-price { font-size: 16px; font-weight: 500; color: var(--bs-primary);
} /*================= payment-option =================*/
.righ-side .payment-option label,
.offcanvas .offcanvas-body .payment-option label { width: 100%;
} .righ-side .payment-option .card-input-element,
.offcanvas .offcanvas-body .payment-option .card-input-element { display: none;
} .righ-side .payment-option .card,
.offcanvas .offcanvas-body .payment-option .card { cursor: pointer;
} .righ-side .payment-option .card-input-element:checked+.card,
.offcanvas .offcanvas-body .payment-option .card-input-element:checked+.card { box-shadow: 0 0 1px 1px #000;
} /*----------------- Scrollbar css -----------------*/ .pos-categorys .scroll-wrapper::-webkit-scrollbar,
.pos-menu::-webkit-scrollbar,
.desktop-card-body::-webkit-scrollbar { width: 5px; height: 5px;
} .pos-categorys .scroll-wrapper::-webkit-scrollbar-track,
.pos-menu::-webkit-scrollbar-track,
.desktop-card-body::-webkit-scrollbar-track { background-color: transparent !important;
} .pos-categorys .scroll-wrapper::-webkit-scrollbar-thumb,
.pos-menu::-webkit-scrollbar-thumb,
.desktop-card-body::-webkit-scrollbar-thumb { background: lightgray !important; border-radius: 10px !important;
} /*----------------- Scrollbar css -----------------*/ .currency input { background-color: #ecf0fa;
} /*---------------- floating-label ----------------*/ /* .floating-label {} */ .floating-label { width: 60px; height: 60px; position: fixed; bottom: 5%; left: 5%; border: 2px solid var(--bs-primary); background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 999; box-shadow: 0px 0px 10px 2px var(--bs-primary); color: var(--bs-primary); font-size: 18px;
} .variants .title { text-transform: capitalize; font-weight: 500; font-size: 16px; color: var(--bs-primary);
} .pos-menu .card .active { border: 1px solid grey; border-radius: var(--bs-border-radius-xl) !important;
} /*********************** load css ***********************/ .load { width: 20px; height: 20px; border: solid 3px #000; border-radius: 50%; border-right-color: transparent; border-bottom-color: transparent; -webkit-transition: all 0.5s ease-in; -webkit-animation-name: rotate; -webkit-animation-duration: 1.0s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; transition: all 0.5s ease-in; animation-name: rotate; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: linear; margin: 0px 8px !important;
} @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); }
} @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }
} .h-24 { height: 24px;
} .card .pro-content .fa-circle-plus { font-size: 24px;
} /*********************** pos btn css ***********************/ /* .righ-side .btn.active,
.righ-side .btn:active,
.righ-side .btn:focus { color: #fff !important; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important;
} */ .cuppon-offer { font-size: 16px; line-height: 20px; white-space: nowrap; font-weight: 500; color: #17b31b; cursor: pointer;
} .coupon_codewrapper { position: relative; overflow: hidden;
} .coupon_codewrapper .coupon_circle1 { left: -6px; border: 1px solid var(--bs-primary); height: 12px; width: 12px; background-color: #fff; position: absolute; top: 12px; border-radius: 50%; z-index: 1;
} .coupon_codewrapper .coupon_circle2 { right: -6px; border: 1px solid var(--bs-primary); height: 12px; width: 12px; background-color: #fff; position: absolute; top: 12px; border-radius: 50%; z-index: 1;
} .coupon_codewrapper .coupon_couponcode { padding: 5px 12px; border: 1px solid var(--bs-primary); border-radius: 2px; color: #000;
} .plan-card-active { border: 1px solid var(--bs-primary) !important;
} /* share css */
div#social-links { margin: 0 auto; max-width: 500px;
} div#social-links ul li { display: inline-block;
} div#social-links ul li a .fa-facebook-square { color: #3b5998;
} div#social-links ul li a .fa-twitter { color: #00acee;
} div#social-links ul li a .fa-linkedin { color: #0072b1;
} div#social-links ul li a .fa-telegram { color: #0088cc;
} div#social-links ul li a .fa-whatsapp { color: #25D366;
} div#social-links ul li a .fa-reddit { color: #FF4500;
} div#social-links ul li a { padding: 12px; margin: 4px; font-size: 30px;
} #DataTables_Table_0_length { margin-bottom: 10px; text-align: end; margin-right: 10px;
} /* START TOOLTIP STYLES */
[tooltip] { position: relative;
} [tooltip]::before,
[tooltip]::after { text-transform: none; font-weight: 200; font-size: 13px; line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0;
} [tooltip]::before { content: ''; border: 5px solid transparent; z-index: 1001;
} [tooltip]::after { content: attr(tooltip); min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000;
} /* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after { display: block;
} /* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="down"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333;
} [tooltip]:not([flow])::after,
[tooltip][flow^="down"]::after { bottom: calc(100% + 5px);
} [tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, -.5em);
} /* KEYFRAMES */
@keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); }
} @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); }
} /* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after { animation: tooltips-vert 300ms ease-out forwards;
} .input-custom { padding: .675rem 1.1rem; font-size: 18px; border-radius: 8px; color: #000; text-transform: capitalize;
} .login-btn { padding: .675rem 1.1rem !important; text-transform: capitalize; font-size: 18px;
} .logo-h-45-px { width: 145px;
} .page-topbar .dropdown-toggle::after { display: none;
} .bg-gradient-color { background-image: linear-gradient(to right, var(--bs-secondary), var(--bs-primary));
} .subtitle { line-height: 30px; font-size: 18px; transition: .2s all ease;
} .lag-img { width: 20px !important; height: 20px !important; border-radius: 50%; object-fit: cover !important;
} .theme-label { color: var(--white); /* background: var(--bs-secondary); */ width: auto; height: auto; cursor: pointer; z-index: 1024; border-radius: 8px 8px 0 0; padding: 8px 40px; position: fixed; top: 50%; right: -64px; transform: rotate(270deg); display: flex; align-items: center; transition: .3s all ease;
} .theme-label-name { color: #fff; margin-left: 10px; font-size: 18px; font-weight: 500; line-height: 28px; text-transform: capitalize;
} .them-name-images { width: 100%; transform-origin: 50% 50%; object-fit: cover; object-position: top; height: 200px; transition: 2s all ease-in-out; cursor: pointer; border-radius: 2rem; border: 1px solid #000;
} .them-name-images:hover { object-position: bottom;
} .offcanvas-body .card-title { font-size: 18px; margin: 0px;
} .admin-menu { display: flex; justify-content: center; gap: 1rem; padding: .5rem; flex-wrap: wrap; color: #fff;
} .admin-menu li a { color: #fff; font-weight: 500;
} .sidebar-max-w { max-width: 400px;
} .form-h { height: calc(100vh - 68px);
} .overflow-x-auto { overflow-x: scroll;
} .overflow-x-auto::-webkit-scrollbar { display: none;
} body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5;
} body::-webkit-scrollbar { width: 3px; background-color: #F5F5F5;
} body::-webkit-scrollbar-thumb { background-color: var(--bs-primary);
} /* top btn hover */
.btn-hover:is(:hover, :active, :focus, .show) { background-color: transparent !important; color: var(--bs-primary) !important; border: 1px solid var(--bs-primary);
} .btn-hover i { color: var(--bs-primary) !important;
} .payment-accordian .accordion-button::after { display: none !important;
} .sort_menu .card .card-header { color: #000; background-color: var(--bs-secondary) !important; /* background-color: rgb(from var(--bs-secondary) r g b / .2); */ box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); font-size: 18px; padding: 16px 20px;
} .theme-selection li:hover img { object-position: bottom; } #themeinfo .theme-selection:hover img { object-position: bottom; } .theme-selection img { transition-duration: 0.2s; transform-origin: 50% 50%; object-fit: cover; object-position: top; height: 300px; transition: 2s all ease-in-out; } .w-70px { width: 90px; height: 70px;
} .item-stock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 9; border-radius: 10px;
} .table-responsive { padding-bottom: 10px;
} .payment_description { height: 250px; overflow: auto;
} .plan-themes:hover img { object-position: bottom; } .plan-themes img { transition-duration: 0.2s; transform-origin: 50% 50%; object-fit: cover; object-position: top; height: 300px; transition: 2s all ease-in-out; } /* new one */
.one-card { background-color: #eff3f6; height: 100%; width: 200px; padding: 0px; border: none; border-radius: 0px; position: relative;
} .one-card .one-img { height: 200px; overflow: hidden;
} .one-card img { height: 200px;
} .one-card .card-body { display: flex; align-items: center; justify-content: center; padding: 0px;
} .one-card .card-footer { border: none; background-color: #f0f0f0; display: flex; align-items: center; justify-content: space-between; padding: 8px;
} .one-card .card-footer p { font-weight: 600; text-transform: capitalize; color: #000; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 1px; word-break: break-all; font-size: 14px;
} .one-card .dropdown { position: absolute; top: 8px; right: 8px;
} .one-card .one-card-dropdown,
.one-card .one-card-dropdown:is(:hover, :active, :focus, .show) { width: 25px; height: 25px; background-color: var(--bs-secondary) !important; color: #fff; font-size: 15px; border-radius: 0px; cursor: pointer; border: none !important; padding-top: 2px;
} .one-card .dropdown-toggle::after { display: none;
} .one-card .dropdown-menu { min-width: fit-content; border-radius: 0px; border: none; margin-top: 2px !important;
} .one-card .dropdown-menu li .dropdown-item { font-size: 14px; font-weight: 500; cursor: pointer;
} .one-card .dropdown-item:hover { background-color: var(--bs-secondary); color: #fff;
} .dropdown-menu.ltr { top: 0px !important; right: 0px !important;
} .dropdown-menu.rtl { top: 0px !important; left: 0px !important;
} /*--- recharge payment option ---*/
.recharge_payment_option label.radio-card .card-content-wrapper { border-radius: 0px; padding: 0px; border: 2px solid rgba(219, 215, 215, 0.04); transition: 200ms linear; cursor: pointer;
} .recharge_payment_option label.radio-card .check-icon { width: 20px; height: 20px; display: inline-block; border: solid 2px var(--bs-secondary); border-radius: 50%; transition: 200ms linear; position: absolute; top: 8px; right: 8px;
} .recharge_payment_option label.radio-card .check-icon:before { content:""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 12px; background-position: center center; transform: scale(1.6); transition: 200ms linear; opacity: 0;
} .recharge_payment_option label.radio-card input[type=checkbox] { appearance: none !important; -webkit-appearance: none; -moz-appearance: none;
} .recharge_payment_option label.radio-card input[type=checkbox]:checked+.card-content-wrapper { border: 1px solid var(--bs-primary);
} .recharge_payment_option label.radio-card input[type=checkbox]:checked+.card-content-wrapper .check-icon { background: var(--bs-primary); border-color: var(--bs-primary); transform: scale(1.2);
} .recharge_payment_option label.radio-card input[type=checkbox]:checked+.card-content-wrapper .check-icon:before { transform: scale(1); opacity: 1;
} #rechargewallet .radio-card input { padding: 0px !important;
} #rechargewallet .payment_option_img img { width: 40px; height: 40px;
} #rechargewallet .card-content p { margin-bottom: 0px; font-size: 16px; font-weight: 600;
} #rechargewallet .card-content { display: flex; align-items: center; gap: 10px;
} .wallet-sec .transaction-card .wallet_icon_box { display: flex; justify-content: center; align-items: center; width: calc(60px + (70 - 60) * ((100vw - 320px) / (2560 - 320))); height: calc(60px + (70 - 60) * ((100vw - 320px) / (2560 - 320))); margin: auto;
} .wallet-sec .transaction-card .wallet_icon_box i { font-size: 30px;
} .wallet-sec .transaction-card h5 { font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (2560 - 320)));
} .modal-w { --bs-modal-width: 90%;
} #oneaddimg .one-card { width: 192px;
} @media (max-width:1186px) { #oneaddimg .one-card { width: 190px; }
} @media (max-width:768px) { #oneaddimg .one-card { width: 204px; }
} @media (max-width:576px) { #oneaddimg .one-card { width: 228px; }
} @media (max-width:425px) { #oneaddimg .one-card { width: 175px; }
} @media (max-width:375px) { #oneaddimg .one-card { width: 150px; height: 160px !important; }
} @media (max-width:320px) { #oneaddimg .one-card { width: 122px; height: 140px !important; }
} #oneaddimg .modal-body { overflow-y: auto; height: 80vh;
} #oneaddimg .modal-body::-webkit-scrollbar { width: 5px; height: 5px;
} #oneaddimg .modal-body::-webkit-scrollbar-track { background-color: transparent !important;
} #oneaddimg .modal-body::-webkit-scrollbar-thumb { background: lightgray !important; border-radius: 10px !important;
} /*----- new login page -----*/ .login-right-content { overflow-x: hidden; overflow-y: scroll; height: 100vh; align-items: center; justify-content: center;
} .register-padding { padding: 48px;
} .login-forgot-padding { padding: 48px;
} .login-right-content::-webkit-scrollbar { display: none;
} /* ====== login title ======= */
.title-text { font-size: 35px;
} .text-decoration { text-decoration: underline !important;
} .login-with-border { height: 1px; width: 100%; background-color: #B8B8B8;
} .text-color { color: #121212;
} .icon-btn-google { width: 40px; height: 40px; border-radius: 50%; background-color: #d82433 !important; border: none !important;
} .icon-btn-facebook { width: 40px; height: 40px; border-radius: 50%; background-color: #3d5a9e !important; border: none !important;
} .btn-primary.padding,
.btn-secondary.padding { padding: 13px 26px;
} .text-secondary { color: var(--bs-secondary) !important;
} /* ============== Dhruvil desai =============== */
.btn-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary)
} .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-secondary); --bs-btn-hover-border-color: var(--bs-secondary); --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-secondary); --bs-btn-active-border-color: var(--bs-secondary); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-secondary); --bs-btn-disabled-border-color: var(--bs-secondary)
} .btn-info { --bs-btn-color: #fff; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: ##fff; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px #fff(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0;
} .btn-outline-secondary { --bs-btn-color: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-secondary); --bs-btn-hover-border-color: var(--bs-secondary); --bs-btn-focus-shadow-rgb: 45, 41, 66; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-secondary); --bs-btn-active-border-color: var(--bs-secondary); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--bs-secondary); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--bs-secondary); --bs-gradient: none
} .btn-outline-primary { --bs-btn-color: var(--bs-primary) !important; --bs-btn-border-color: var(--bs-primary) !important; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-primary) !important; --bs-btn-hover-border-color: var(--bs-primary) !important; --bs-btn-focus-shadow-rgb: 45, 41, 66; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-primary) !important; --bs-btn-active-border-color: var(--bs-primary) !important; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--bs-primary) !important; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--bs-primary) !important; --bs-gradient: none
} .btn-info { --bs-btn-color: #fff; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: ##fff; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px #fff(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0;
} .btn.hov:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color);
} .card { --bs-card-bg: #fff;
} .form-select { background-color: #fff !important;
} .form-control:focus,
.form-select:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #ced4da;
} .form-control:disabled { background-color: var(--bs-secondary-bg) !important; opacity: 1;
} .btn-outline-info { --bs-btn-hover-color: #fff !important;
} .form-control { font-size: 14px !important; background-color: #fff !important;
} .pagination { --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary);
} .progress { --bs-progress-bar-bg: var(--bs-primary);
} .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
} .active>.page-link,
.page-link.active { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff !important;
} .text-primary { --bs-text-opacity: 1; color: var(--bs-primary) !important
} a { color: var(--bs-link-color); text-decoration: none
} .nav-tabs { --bs-nav-tabs-link-active-bg: #fff !important;
} .table { --bs-table-bg: transparent !important;
} .list-group { --bs-list-group-bg: #fff !important;
} .list-group-item { background-color: var(--bs-list-group-bg) !important;
} .form-check-input:checked { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;
} .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;
} .checkbox-reviw input[type='checkbox'] { accent-color: #000;
} .custom-control-input[type=checkbox]:indeterminate { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;
} .lag-img { width: 25px !important; height: 25px !important; object-fit: cover !important; object-position: center !important; border-radius: 50%;
} .min-dropdown-ltr { position: absolute !important; left: -93px !important;
} .min-dropdown-rtl { position: absolute !important; left: 0px !important;
} .icon_box { width: 35px; height: 35px; border-radius: 5px; display: flex; justify-content: center; align-items: center; border: 1px solid #000 !important;
} .fs-15 { font-size: 15px !important;
} .fs-13 { font-size: 13px !important;
} .login-admin .image-1 { width: 100%; height: 100%;
} .img-logo img { height: 60px;
} .login-admin .row { width: 100%; height: 100%;
} .object { object-fit: cover !important; object-position: center !important;
} .login-admin .image-1 img { width: 100%; height: 100%;
} .text-muted { --bs-text-opacity: 1; color: #848c92 !important;
} .dataTables_empty { font-size: 15px; font-weight: 600;
} .dataTables_info { font-size: 14px; font-weight: 500; color: #000;
} .sorting { font-size: 15px !important; font-weight: 500;
} .form-group label,
.form-label { font-size: 15px !important; font-weight: 400; color: #000; /* margin: 0px !important; */
} .filter-option { font-size: 14px !important;
} .form-group input { font-size: 14px !important;
} .form-group .form-select { font-size: 14px !important;
} .form-group textarea { font-size: 14px !important;
} .dataTables_paginate .pagination .page-item .page-link { font-size: 14px !important; font-weight: 500;
} .pagination .page-item .page-link { font-size: 14px !important; font-weight: 500;
} .fs-16 { font-size: 16px !important;
} .header-bar .navbar .min-dropdown-ltr { position: absolute !important; left: -128px !important; top: 100% !important;
} .header-bar .navbar .min-dropdown-rtl { position: absolute !important; left: 0px !important; top: 100% !important;
} .hov { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;
} .hight-50 { height: 50px !important;
} .card-title { color: #000;
} .modal-content { background-color: #fff;
} .header-btn-icon { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center;
} .left-side { border-right: 2px dotted rgb(215, 214, 214); padding-right: 1px;
} .right-side { border-left: 2px dotted rgb(215, 214, 214); padding-left: 1px;
} .right-side { /* width: 40% !important; */ position: relative;
} /* ======== Alert Warning ======= */
.alert-warning { --bs-alert-color: var(--bs-primary); --bs-alert-bg: rgb(from var(--bs-secondary) r g b / .2); --bs-alert-border-color: rgb(from var(--bs-secondary) r g b / .2); --bs-alert-link-color: var(--bs-warning-text-emphasis);
} .coupon .coupn-circle-up-left { position: absolute; width: 20px; height: 20px; background: rgb(215, 214, 214); border-radius: 100%; left: -11px;
} .coupon .coupn-circle-up-right { position: absolute; width: 20px; height: 20px; background: rgb(215, 214, 214); border-radius: 100%; right: -11px;
} .bg-gray { background-color: rgb(229 229 229);
} .form-check-input:focus { border-color: var(--bs-border-color);
} .text-dark { color: #000 !important;
} .btn-light { --bs-btn-color: #000000; --bs-btn-bg: #ffffff; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000000; --bs-btn-hover-bg: #ffffff; --bs-btn-hover-border-color: #ffffff;
} .form-check { display: flex; align-items: center; gap: 0.5rem;
} .form-check-label { font-size: 15px !important;
} .settings-color { color: #333 !important;
} /* General Settings accordion layout */
.settings-accordion-page #settingmenuContent > div { margin-bottom: 0;
} .settings-accordion-page #settingmenuContent .row.mb-5 { margin-bottom: 0 !important;
} .settings-accordion-page .settings-accordion-card,
.settings-accordion-page .card.box-shadow,
.settings-accordion-page .card.border-0.box-shadow { border: 1px solid #dce8c8 !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 12px;
} .settings-accordion-page .settings-accordion-header,
.settings-accordion-page .card-header.bg-secondary { background-color: #d8e8b8 !important; border-bottom: 1px solid #c5d9a0 !important; cursor: pointer;
} .settings-accordion-page .settings-accordion-title,
.settings-accordion-page .card-header.bg-secondary h5 { color: #2f3a1f !important; font-size: 15px;
} .settings-accordion-page .settings-accordion-chevron { color: #2f3a1f; transition: transform 0.2s ease;
} .settings-accordion-page .settings-accordion-header[aria-expanded="true"] .settings-accordion-chevron,
.settings-accordion-page .settings-accordion-header:not(.collapsed) .settings-accordion-chevron { transform: rotate(180deg);
} .settings-accordion-page .settings-save-btn,
.settings-accordion-page .btn-primary.settings-save-btn { background-color: #111 !important; border-color: #111 !important;
} .settings-accordion-page .settings-save-btn:hover,
.settings-accordion-page .btn-primary.settings-save-btn:hover { background-color: #333 !important; border-color: #333 !important;
} .settings-accordion-page .btn-primary:not(.hov):not(.btn-danger):not(.btn-secondary) { background-color: #111 !important; border-color: #111 !important;
} .settings-accordion-page .btn-primary:not(.hov):not(.btn-danger):not(.btn-secondary):hover { background-color: #333 !important; border-color: #333 !important;
} .settings-accordion-page .card-body { background: #fff;
} .settings-accordion-page .settings-accordion-section .row.mb-3 { margin-bottom: 0 !important;
} .settings-accordion-page .dokan-settings-sidebar { border: 1px solid #e8e8e8; border-radius: 0; box-shadow: none;
} .settings-accordion-page .dokan-settings-sidebar .list-group-item { border: none; border-bottom: 1px solid #eee; color: #555; font-size: 14px; padding: 12px 16px; background: #fff;
} .settings-accordion-page .dokan-settings-sidebar .list-group-item:last-child { border-bottom: none;
} .settings-accordion-page .dokan-settings-sidebar .list-group-item.active { background-color: #d8e8b8 !important; color: #2f3a1f !important; font-weight: 600; border-color: #c5d9a0;
} .settings-accordion-page .dokan-settings-sidebar .list-group-item:hover:not(.active) { background-color: #f5f5f5;
} .settings-accordion-page .dokan-settings-sidebar .badge.bg-danger { font-size: 10px; padding: 2px 6px; border-radius: 3px;
} .settings-accordion-page .card-header.bg-secondary:not(.settings-accordion-header) { cursor: pointer;
} .bootstrap-select>.dropdown-toggle { padding: .375rem .75rem;
} .dropdown-item.active,
.dropdown-item:active { color: var(--bs-dropdown-link-active-color) !important; text-decoration: none; background-color: #000000;
} .sub-plan { padding: 16px 20px;
} /* ========= */
.dasbord-img { width: 35px; height: 35px;
} .quer-code { width: 100px; height: 100px;
} .line-2 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
} .line-1 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
} .line-3 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
} .h-10-px { height: 10px;
} .gradient-6 { background-image: linear-gradient(135deg, #97ABFF 10%, #123597 100%);
} .rainbowText { font-family: arial black; font-size: 12px; background-image: linear-gradient(to right, red, orange, rgb(255, 234, 0), green, rgb(0, 0, 255), rgb(149, 0, 255), violet); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: move 1000s linear infinite;
} @keyframes move { to { background-position: 4500vh; }
} /* ================ New Pos Dhruvil Desai start=================== */ .logo-size { height: 50px;
} .product-text-size { font-size: .75rem !important;
} .sidebares { position: fixed; left: 0; z-index: 100; padding: 30px 0; border-right: 1px solid var(--bs-secondary); background-color: var(--bg-white); overflow: auto; /* display: flex; */ width: auto; transition: all 0.3s; padding: 20px;
} .sidebares .nav-item { display: inline-block;
} .catagory-size { width: 45px; height: 45px;
} .sidebr-box { width: 100px; height: 100px; border-radius: 10px; border: 1px solid #c9c9c9; transition: all .3s ease-in-out; padding: 5px; color: var(--text-secondary);
} .main-product { margin-left: 150px;
} .underline { border-bottom: 1px solid var(--bs-secondary);
} ::-webkit-scrollbar { width: 2px !important; height: 2px;
} ::-webkit-scrollbar-track { background: #d2d2d2; border-radius: 10px;
} ::-webkit-scrollbar-thumb { background: var(--bs-secondary); border-radius: 10px;
} ::-webkit-scrollbar-thumb:hover { background: var(--bs-secondary);
} .actives { /* box-shadow: 1px 1px 15px 1px rgb(144, 144, 144); */ border-radius: 10px; border: 1px solid var(--bs-secondary); transition: all .3s ease-in-out; background-color: var(--bs-secondary-rgb); color: var(--bs-secondary) !important;
} .product-name { font-size: calc(14px + (18 - 13) * ((100vw - 320px) / (1920 - 320))) !important;
} .font-8px { font-size: 8px;
} .checkbox-inline input { display: none;
} .pro-text { padding-right: 0; color: var(--bs-secondary); margin: 0; font-size: 28px; line-height: 1.4; font-weight: 600;
} .pro-modal .pro-org-value { font-size: 16px; font-weight: 500; margin: 0px 7px; text-decoration: line-through; color: lightslategrey !important;
} .extra-food li { position: relative; margin-bottom: 8px !important;
} .extra-food li { position: relative; margin-bottom: 8px !important;
} .extra-food li input { position: absolute; top: 1px; left: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; margin-bottom: 0;
} .extra-food li p { padding-left: 26px; /* padding-top: 5px; */ position: relative; font-size: 14px;
} .extra-title { font-size: 16px; color: #121212;
} .extra-food li p::before { content:""; top: 1px; left: 0; width: 18px; height: 18px; position: absolute; border-radius: 5px; border: 1px solid var(--bs-secondary);
} .extra-food { margin-right: 60px;
} .extra-food li input:checked+p::after { opacity: 1;
} .extra-food li p::after { content:""; position: absolute; top: 4px; left: 3px; width: 12px; height: 12px; opacity: 0; border-radius: 3px; transition: all 0.5s; background-color: var(--bs-primary);
} .size-variation .checkbox-inline { padding: 6px 15px; border: 1px solid var(--bs-secondary); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 15px; color: var(--bs-primary); border-radius: 6px;
} .product-variations-wrapper .active { border-color: var(--bs-primary) !important; background-color: var(--bs-primary); color: #fff !important;
} .qty-input2 { border: 1px solid var(--bs-primary); flex-wrap: nowrap; padding: 5px; justify-content: space-between;
} .qty-input2 .change-qty-2 { margin: 0; font-size: 10px; height: 28px; width: 40px; font-weight: 500; color: #fff !important; border: 0; background: var(--bs-primary); border-radius: 6px !important; display: flex; align-items: center; justify-content: center;
} .qty-input2 input { border-radius: 0% !important; font-size: 16px; padding: 0; margin: 0; color: #121212; line-height: 20px; border: 0 !important; width: 56.4% !important; margin: 0px 5px !important;
} .btn-check:checked+.btn,
.btn.active,
.btn:first-child:active,
:not(.btn-check)+.btn:active { background-color: var(--bs-primary); border-color: var(--bs-btn-active-border-color);
} .btn-store,
.btn-store:is(:hover, :focus, :active) { padding: 12px 24px; border-radius: 6px; background-color: var(--bs-primary) !important; color: #fff !important; z-index: 1; position: relative; display: flex; justify-content: center; align-items: center; text-transform: capitalize; margin: 0px; font-weight: 500;
} .badge.text-bg-primary { background-color: var(--bs-secondary) !important; color: var(--bs-primary) !important; font-weight: 600 !important;
} .offer-box { width: 65px; top: 10px; display: flex; justify-content: center; left: 10px; padding: 3px; border-radius: 12px; font-size: 11px !important; border: 1px solid #000; font-weight: 600 !important; background-color: var(--bs-secondary); color: var(--bs-primary) !important;
} .offer-box h6 { line-height: 1;
} .cart-btn { right: 10px; bottom: 20px; width: 70px; height: 70px; border: none; background-color: var(--bs-secondary); animation: mymove 2s infinite;
} @keyframes mymove { 50% { box-shadow: 0px 0px 10px 5px #00000052; } } .cart-count { position: absolute; top: -13px; width: 30px; height: 30px; right: 0px;
} .price-total { font-size: 16px; font-weight: 600; color: #000;
} .closing-button-1 { position: absolute; right: 100%; width: 50px; height: 50px; border: 1px solid var(--bs-secondary); border-top-left-radius: 25px; border-bottom-left-radius: 25px;
} .imgs { height: 230px;
} .qty-container .qty-btn-minus { margin-right: -1px;
} .qty-container .qty-btn-minus,
.qty-container .qty-btn-plus { border: 1px solid #d4d4d4; font-size: 10px; height: 18px; margin: 0px 0px; width: 18px; border-radius: 50%; transition: 0.3s;
} .button-modal { width: 100%; padding: 12px 0.75rem; font-size: 16px; border-radius: 0.375rem; background-color: var(--bs-primary);
} .qty-container .input-qty { text-align: center; max-height: 50px; background-color: transparent; border: none; max-width: 30px;
} .text-sm { font-size: .790rem;
} .underline-2 { border-top: 2px dotted #808080; border-bottom: 2px dotted #808080;
} .offcanvas { background-color: var(--bs-white) !important;
} .total-pay { width: 100%; padding: 10px;
} .bg-primary { background-color: #000 !important;
} .box-product-2 { width: 100%; max-height: 190px !important; overflow-y: scroll;
} .notes-box { border: 2px dotted var(--bg-date);
} .modal-price { font-size: 13px !important;
} .from-name { font-size: 13px !important;
} .customer::placeholder { font-size: 13px !important;
} .closing-button-2 { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center;
} .total-pay1 { padding: 10px;
} .thanks-order-btn { background-color: var(--bs-primary); color: var(--bs-white);
} .modal-img { width: 90px; height: 90px; border-radius: 10px;
} .font-8px { font-size: 10px;
} .cursor-pointer { cursor: pointer;
} .category-name { background-color: #C8C8C8; font-size: 22px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: auto;
} .extra-padding { padding: 13px 26px !important;
} .lag-btn .dropdown-menu { --bs-dropdown-min-width: 8rem !important; padding: 0px 0px !important; overflow: hidden !important; font-size: 12px !important;
} .header-store-avatar { width: 36px; height: 36px; border-radius: 50%; background: #2f6b3a; flex-shrink: 0;
} .page-topbar .navbar-header .btn.btn-dark.header-btn-icon { background-color: #111; border-color: #111; color: #fff;
} .dashboard-stat-products .card-icon { background-color: #28a745 !important;
} .dashboard-stat-plan .card-icon { background-color: #17a2b8 !important;
} .dashboard-stat-orders .card-icon { background-color: #6c757d !important;
} .dashboard-stat-revenue .card-icon { background-color: #e83e8c !important;
} html[data-bs-theme="dark"] body,
html[data-bs-theme="dark"] .main-content,
html[data-bs-theme="dark"] .card { background-color: #1e1e1e; color: #f1f1f1;
} html[data-bs-theme="dark"] .page-topbar,
html[data-bs-theme="dark"] footer { background-color: #121212 !important; color: #f1f1f1;
} html[data-bs-theme="dark"] .text-dark,
html[data-bs-theme="dark"] .card-title { color: #f1f1f1 !important;
} .order-stat-card { border-radius: 12px; transition: transform .15s ease, box-shadow .15s ease;
} .order-stat-card:hover { transform: translateY(-2px);
} .order-stat-card.is-active { outline: 2px solid var(--bs-primary);
} .order-stat-total { background: #eef6ff;
} .order-stat-processing { background: #fff6e8;
} .order-stat-completed { background: #e9f8ef;
} .order-stat-cancelled { background: #fdecee;
} .order-stat-revenue { background: #f3eefc;
} .order-stat-total .card-icon { background-color: #4f8cff !important;
} .order-stat-processing .card-icon { background-color: #f0a500 !important;
} .order-stat-completed .card-icon { background-color: #28a745 !important;
} .order-stat-cancelled .card-icon { background-color: #dc3545 !important;
} .order-stat-revenue .card-icon { background-color: #6f42c1 !important;
} .media-select-btn { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; opacity: 0.85;
} .media-select-btn.active,
.media-select-btn:hover { opacity: 1;
} .media-card .card-footer { background: #fff; border-top: 1px solid #eee;
}