/*[data-bs-theme=dark] {
    background-color: #f3bdc6;
    --bs-body-bg-gradient: linear-gradient(180deg, rgba(243, 189, 198, 1) 0%, rgb(243, 189, 198, 1) 100%);*/
/*    --bs-body-color: #333333;
    --bs-border-color-translucent: #f3bdc6;
    --bs-card-color: #333333;
    --bs-border-color: #f3bdc6;
    --bs-inverse: #333333;*/
/*}
.card:not(.border-0):before {
    border-color: #a1a0de;
}
.pos-menu {
    padding: 0.25rem;
    background: #a1a0de;
}
.pos-primary-menu-wrapper .w-8 {
    border-color: var(--bs-border-color-translucent);
    color: var(--bs-body-color);
}
.pos .pos-sidebar .pos-sidebar-footer {
    background: #a1a0de;
}
.pos-container .card-body, .pos-container .pos-sidebar-footer {
    background: #a1a0de;
}
.btn-default {
    --bs-btn-bg: #a3a0dd;
    --bs-btn-hover-bg: #a3a0dd;
}*/
/* CSS for scrollbar */
/* width */
/*::-webkit-scrollbar {
    width: 4px;*/ /* Adjust the width as needed */
/*}*/

/* Track */
/*::-webkit-scrollbar-track {
    background: #ffffff;*/ /* Color of the scrollbar track */
/*}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
    background: rgba(63, 131, 248, 0.5);*/ /* Color of the scrollbar handle */
/*}*/

    /* Handle on hover */
    /*::-webkit-scrollbar-thumb:hover {
        background: rgba(63, 131, 248, 0.5);*/ /* Color of the scrollbar handle on hover */
    /*}*/
body {
    background: #f4f4f4;
    font-family: Josefin, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#app {
    background: #ffffff;
}
.adminApp {
    background: #f1f1f1 !important;
    min-height: 100vh;
}
.border-rounded {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
}
.cursorLink {
    cursor: pointer;
}
.form-control {
    line-height: 1.85;
}
.form-control, .select2-container {
    border: 2px solid #dbdde6 !important;
}
.form-control, .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    font-size: 1rem;
    color: #656565 !important;
}
.form-control:focus, span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    border: none !important;
    box-shadow: 0 0 0 .25rem rgb(226 123 153 / 25%);
}
span.select2-container.select2-container--default.select2-container--open {
    border: none !important;
}
#loader, #saver {
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 999999;
        overflow: visible;
        background: rgba(39, 49, 59, 0.9); /* Semi-transparent white background */
        display: none;
        justify-content: center;
        align-items: center;
    }
    #loader:after {
        content: 'Loading in progress, please wait';
        position: absolute;
        color: #ffffff; /* Adjust the text color as needed */
        font-size: 1.25rem; /* Adjust the font size as needed */
        font-weight: bold;
        text-transform: uppercase;
        animation: loadingDots 1.5s infinite; /* Apply the animation */
    }
.loader:after {
    content: 'Loading in progress, please wait';
    font-size: 1rem; /* Adjust the font size as needed */
    animation: loadingDots 1.5s infinite; /* Apply the animation */
    font-weight: bold;
    text-transform: uppercase;
}
.loading:after {
    content: 'Loading in progress, please wait';
    font-size: 1rem; /* Adjust the font size as needed */
    animation: loading_Dots 1.5s infinite; /* Apply the animation */
    font-weight: bold;
    text-transform: uppercase;
}
.saving:after {
    content: 'Saving in progress, please wait';
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    animation: saving_Dots 1.5s infinite; /* Apply the animation */
}
.loadercategory:after {
    content: 'Loading categories, please wait';
    font-size: 1rem; /* Adjust the font size as needed */
    font-weight: bold;
    text-transform: uppercase;
    animation: loadingCatDots 1.5s infinite; /* Apply the animation */
}
#saver:after {
    content: 'Saving in progress, please wait';
    position: absolute;
    color: #ffffff; /* Adjust the text color as needed */
    font-size: 1rem; /* Adjust the font size as needed */
    font-weight: bold;
    text-transform: uppercase;
    animation: savingDots 1.5s infinite; /* Apply the animation */
}
@keyframes loadingDots {
    0% {
        content: 'Loading in progress, please wait';
    }

    33% {
        content: 'Loading in progress, please wait.';
    }

    66% {
        content: 'Loading in progress, please wait..';
    }

    100% {
        content: 'Loading in progress, please wait...';
    }
}
@keyframes loadingCatDots {
    0% {
        content: 'Loading categories, please wait';
    }

    33% {
        content: 'Loading categories, please wait.';
    }

    66% {
        content: 'Loading categories, please wait..';
    }

    100% {
        content: 'Loading categories, please wait...';
    }
}
@keyframes savingDots {
    0% {
        content: 'Saving in progress, please wait';
    }

    33% {
        content: 'Saving in progress, please wait.';
    }

    66% {
        content: 'Saving in progress, please wait..';
    }

    100% {
        content: 'Saving in progress, please wait...';
    }
}
@keyframes loading_Dots {
    0% {
        content: 'Loading in progress, please wait';
    }

    33% {
        content: 'Loading in progress, please wait.';
    }

    66% {
        content: 'Loading in progress, please wait..';
    }

    100% {
        content: 'Loading in progress, please wait...';
    }
}
@keyframes saving_Dots {
    0% {
        content: 'Saving in progress, please wait';
        text-transform: uppercase;
    }

    33% {
        content: 'Saving in progress, please wait.';
        text-transform: uppercase;
    }

    66% {
        content: 'Saving in progress, please wait..';
        text-transform: uppercase;
    }

    100% {
        content: 'Saving in progress, please wait...';
        text-transform: uppercase;
    }
}
.card-body{
    flex:unset !important;
}
.strikethrough {
    text-decoration: line-through;
}
.properText {
    text-transform: capitalize;
}
.bigCheckBox {
    width: 2rem;
    height: 2rem;
}
.payableAmountLbl {
    font-weight: bold;
    font-size: 1.2rem;
}
.text-right {
    text-align: right;
}
.hide {
    display: none !important;
}
.btn-calc {
    padding: 1.5rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    margin-right: 0.25rem;
}
.evenJustiedBtn {
    display: flex;
    justify-content: space-between;
}
.pos .pos-sidebar {
    width: 560px !important;
    flex: 0 0 560px;
}
.relative-div{position:relative;}
#tempContentHolder {
    display: none !important;
    visibility: hidden !important;
}
.lightInput .lightbg {
    background: #f5f5f5;
    color: #1d2431;
}
.defaultInput {
    border: solid 1px #6f6f6f !important;
}
.additionalInfo, .priceUpdate {
    position: absolute;
    background: rgb(255 255 255);
    left: 0;
    right: 0;
    margin-top: 4px;
    z-index: 999;
    padding: 1rem;
    border-radius: 5px;
}
    .additionalInfo, .additionalInfo .form-control, .additionalInfo .table, .priceUpdate, .priceUpdate .form-control {
        color: #1e2835 !important;
        border-color: rgb(30 40 53 / 25%);
        text-align: left;
    }
        .additionalInfo .table td, .additionalInfo .table th {
            color: #6f6f6f !important;
        }
        .additionalInfo .form-control, .priceUpdate .form-control {
            padding: 0.05rem;
        }
        .priceUpdate{
            top:0;
        }
        .border-left-btn, .border-right-btn {
            border: none;
        }

.border-left-btn {
    border-left: 1px solid #ced0d1;
}

.border-right-btn {
    border-right: 1px solid #ced0d1;
}
/* Select the input field or textarea */
.lightInput input[type="text"]::placeholder,
textarea::placeholder {
    /* Add your styles here */
    color: #1d2431; /* Change the color of the placeholder text */
    font-style: italic; /* Make the placeholder text italic */
}
.border-square:hover {
    border: none !important;
    border-radius: 0;
}
.pos .pos-sidebar .pos-order .pos-order-product .img {
    width: 2.5rem;
    height: 2.5rem;
}
.pos .pos-sidebar .pos-order {
    border-top: none !important;
    border-bottom: 1px solid var(--bs-border-color);
}
.pos-order-product-update {
    position: relative;
    left: 0;
    margin-top: .5rem;
}
.modal.modal-pos .modal-pos-product .modal-pos-product-info .option-list .option {
    width: 33.3%;
    max-width: 33.3%;
}

.pos .pos-product .img {
    min-height: 7rem;
}

.pos .pos-product .info {
    padding: 0.5rem;
}

    .pos .pos-product .info .title {
        font-size: 0.85rem;
    }

.pos .pos-sidebar-footer {
    border-top: 1px solid var(--bs-border-color);
    padding: 1rem 1.5rem;
}

.pos-primary-menu-wrapper .w-8 {
    width: 25%;
    padding: 0.58rem;
}

.btn-table {
    display: inline-table;
    width: 100%
}

.user-options .nav.nav-tabs .nav-item .nav-link {
    padding: 0.5rem !important;
    border-top: 1px solid var(--bs-border-color) !important;
    color: var(--bs-card-color) !important;
}

.border-bottom {
    border-bottom: 1px solid var(--bs-border-color) !important;
}

.dropdown-menu-end[data-bs-popper].mainMenu {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100% !important;
    opacity: 0.1;
}

.mainMenu .text-left {
    text-align: left !important;
}

.user-options .mainMenu .navbar-sticky .nav-link.active {
    color: var(--bs-theme) !important;
}
.counterInfo {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom:0.5rem;
}
.counterInfo .title {
        flex: 1;
}
.payment-methods {
    display: inline-block;
    align-items: center;
    justify-content: center;
}
.payment-methods label {
        text-align: center;
        align-items: center;
        padding: 20px;
        border: solid 1px #686868;
        border-radius: 5px;
        margin: 4px;
}
.payment-methods img {
        width: 100px;
        height: 100px;
        display: block;
}
.payment-methods input[type="checkbox"] {
        margin-right: 5px;
}
.toasts-container {
    bottom: 0rem;
    top: auto;
    z-index: 9999999;
}
.completeOrder {
    display: block;
    position: relative;
    top: 64px;
    text-align: center;
}
.completeOrder span.bi {
        font-size: 56px;
}
.completeOrder span.text {
        font-weight: bold;
        text-transform: capitalize;
        font-size: 1.3rem;
}
.paymentSummary > .btn {
    border-radius: 4px !important;
    margin: 4px;
}
.payableAmountWrapper {
    background: #ffffff;
    padding: 1rem;
    padding-top:0;
    border-radius: 5px;
    color: #1e2834 !important;
    position: relative;
}
.flexBox {
    display: flex;
    justify-content: space-between;
}
.payableAmountWrapper input, .payableAmountWrapper .form-control {
}
    .payableAmountWrapper input:focus, .payableAmountWrapper .form-control:focus {
        color: #1e2834 !important;
        background-color: transparent;
        border-color: #1e283480;
        outline: 0;
        box-shadow: 0 0 0 0.15rem #1e283480;
    }
.requiredIcon:after {
    content: ' *';
    color: red;
}
.halfWidth{width:50%}
.calculatorContainerInput {
    width: fit-content;
}
.absoluteBtn{position:absolute;bottom:0;}
.inputContainer ::-webkit-input-placeholder  { /* Edge */
    color: #1e283480;
}
.inputContainer :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1e283480;
}
.inputContainer ::placeholder {
    color: #1e283480;
}
#changeAmountPayMethod{color:#ffffff !important;}
.modal-pos-product-info {
    position: relative;
}
.overLap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff85;
}
@media only screen and (max-width: 1400px) {
.pos .pos-sidebar {
    width: 464px !important;
    flex: 0 0 464px;
}
.pos .pos-sidebar,.pos .pos-sidebar .btn {
    font-size: 0.75rem;
}
.pos .pos-sidebar .h6, .pos .pos-sidebar h6, .pos .pos-sidebar .small, .pos .pos-sidebar small {
    font-size: 0.625rem;
}
.pos .pos-sidebar .pos-order {
    padding: .5rem;
}
.pos .pos-sidebar .nav-wizards-container{display:none;}
.pos .pos-sidebar .smallPad {
    padding:0 !important
}
}
@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1rem;
    }
}
.autoImageHeight .img{
    height:auto !important;
}
.fullwidth-modifierInfo {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.5rem !important;
    border: none !important;
}
.relative {
    position: relative;
}
.absolutePos {
    position: static;
    bottom: 1.5rem;
    right: 1.5rem;
    left: 1.5rem;
}
.selectModifier {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-theme-light-overlay);
    width: 50%;
    z-index: 999;
    border: 1px solid var(--bs-border-color);
    border-right: none;
    padding: 1.5rem;
}

/*CUSTOM CSS TBC*/
.nav-container .nav-tabs .nav-item .card {
    border: solid 3px #e5e5e5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;
    font-weight: 500 !important;
    transition: opacity 1s ease 0s;
}
.pos .pos-menu .nav.nav-tabs .nav-item .nav-link .card:hover {
    background: #8b85ca;
    color: #ffffff;
    transition: opacity 1s ease 0s;
}
:root, [data-bs-theme=light] {
    --bs-body-color-rgb: 0, 0, 0;
    --bs-border-color-rgb: 3,3,3;
    --bs-body-font-family: "Poppins", sans-serif;
    --bs-theme: #ea7898;
    --bs-theme-cancel: #d9d9d9;
    --bs-theme-cancel-border: #d9d9d9;
    --bs-theme-dark-text: #333333;
    --bs-theme-rgb: 239, 190, 198;
    --bs-theme-secondary: #8b85ca;
    --bs-theme-light-overlay: #ffffff;
    --bs-border-color: rgb(225 173 181 / 0.7);
    --bs-border-color-light: rgb(0 0 0 / 0.3);
    --bs-app-header-bg: #a47fb0;
    --bs-app-sidebar-menu-link-color: rgba(var(--bs-inverse-rgb), 0.9);
    --bs-modal-bg: #ffffff;
}
.modal-content {
    background-color: #ffffff;
}
.app-header .brand .brand-logo .brand-img {
    background: none;
    width: 100%;
    height: 2.625rem;
}
.app-sidebar {
    background: #ffffff;
}
hr {
    color: var(--bs-theme);
    opacity: 0.75;
}
.pos .pos-container > div + div {
    border-color: var(--bs-border-color-light);
}
.btn-outline-danger, .btn-outline-danger:hover {
    background: #f5a8a8;
    color: #ffffff;
    border: none;
}
.btn-outline-yellow {
    background: #fff78c;
    color: var(--bs-theme-dark-text);
}
.cancelBtn {
    background: var(--bs-theme-cancel);
    color: var(--bs-theme-dark-text);
    border-color: var(--bs-theme-cancel-border);
}
    .cancelBtn.active, .cancelBtn:active, .cancelBtn:focus, .cancelBtn:hover {
        background: var(--bs-theme-cancel);
        color: var(--bs-theme-dark-text);
        border-color: var(--bs-theme-cancel-border);
    }
.btn-theme-secondary.active, .btn-theme-secondary:active, .btn-theme-secondary:focus, .btn-theme-secondary:hover {
    background-color: var(--bs-theme-secondary);
    border-color: var(--bs-theme-secondary);
}
.pos .pos-product .info .title {
    letter-spacing: normal;
}
#ProductList-Container .card, #modalPosItem .card {
    box-shadow: rgba(239, 190, 199, 0.16) 0px 1px 4px;
    background: #ffffff;
    border: 1px rgb(239 190 198) solid;
}
.bordered-Card .card:before, .bordered-Card .card:after {
    content:none;display:none
}
.btn-default {
    --bs-btn-bg: #8b85ca;
    --bs-btn-border-color: #8b85ca;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #a89fdc;
    
}
.pos-sidebar-header {
    background: #F4F4F4;
   /* color: #ffffff;
     border-radius: 0 0 10px 10px;*/
    border: none !important;
}

.btn-theme-secondary {
    background-color: var(--bs-theme-secondary);
    border-color: var(--bs-theme-secondary);
}
.pos .pos-menu .nav.nav-tabs .nav-item .nav-link .card .card-body {
    text-wrap: initial;
}
.adminLayoutHeaerContainer {
    display: flex;
    justify-content: flex-start;
    justify-content: space-between;
}
.modal-right .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 360px;
    max-width: 100%;
    margin: 0;
    -webkit-transform: translate(100%, 0) !important;
    transform: translate(100%, 0) !important;
    -webkit-transition: .5s;
    transition: .5s;
}

.modal-right.show .modal-dialog {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.modal-right .modal-dialog.halfWidth {
    width: 50%;
}

.modal-right .modal-dialog.Width34 {
    width: 90%;
}

.modal-right .modal-dialog.fullHeight {
    height: 100%;
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-right .modal-content {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border-radius: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
    /*CUSTOM CSS TBC END*/

    /*DASHBOARD*/
.card.grd-card {
    margin-bottom: 1.875rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 2px solid #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
      /* height: calc(100% - 30px);
  background: #f2bdc7;
    background: linear-gradient(147deg, rgba(242, 189, 199, 1) 0%, rgba(241, 189, 199, 1) 99%);*/
    background-color: #d9b7e2;
   /* background: linear-gradient(180deg, #b890c4 0%, #dcbce6 100%);
    box-shadow: -3px 0px 20px rgba(139, 133, 202, 0.4);*/
}
.card.grd-card .card-body {
        padding: 1.875rem;
    }
    .card.grd-card .card-body .media {
        display: flex;
        align-items: flex-start;
    }
    .card.grd-card .card-body .align-items-center {
        align-items: center !important;
    }
    
    .card.grd-card .me-2 {
        margin-right: 0.5rem !important;
    }
    .card.grd-card .media-body {
        flex: 1;
    }
.grd-card .media .media-body h2, .grd-card .media .media-body .h2 {
    font-size: 40px;
}
.grd-card .d-inline-block {
    display: inline-block !important;
}
.grd-card .position-relative {
    position: relative !important;
}
.grd-card .donut-chart-sale {
    position: relative;
}
.grd-card .donut-chart-sale {
    z-index: 1;
}
.donut-chart-sale small, .donut-chart-sale .small {
    font-size: 16px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    top: 0;
    justify-content: center;
    font-weight: 600;
}
.donut-chart-sale small, .donut-chart-sale .small {
    font-size: 14px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    top: 0;
    justify-content: center;
    font-weight: 600;
}
.card.grd-card:after, .card.grd-card:before{
    content:none;
}
.donut-chart-sale .circle {
    height: 72px;
    width: 72px;
    z-index: -1;
    content: "";
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.screen-center {
    height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    z-index: 999999;
    position: relative;
    width: 100%;
}
.centered-text {
    position: absolute;
}

.btn-outline-secondary {
    background-color: #d0d0e7;
    border-color: #d0d0e7;
    color: #3E3F7A;
}

.btn-outline-warning {
    background-color: #ffeae6;
    border-color: #ffeae6;
    color: #FF6D4D;
}

    .btn-outline-warning:hover {
        color: #ffffff;
        background-color: #f58972;
        border-color: #f58972;
    }

.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: #817fad;
    border-color: #817fad;
}

.btn-outline-theme {
    background-color: #fbe8ee;
    border-color: #fbe8ee;
    color: #EA7A9A;
}

    .btn-outline-theme:hover {
        background-color: #EA7A9A;
        border-color: #EA7A9A;
        color: #fff;
    }
.flexEqualBtn {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.flex-grow-1 {
    flex-grow: 1;
    margin-right: 2px;
}
.filled-in:not(:checked), .filled-in:checked {
    position: absolute;
}
.filled-in + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
.select2-container {
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border:none !important;
}
.tbcposcounter .card:after, .tbcposcounter .card:before{
    content:none;
}
.tbcposcounter .nav-container .nav-tabs .nav-item .card {
    border-radius: 10px;
}
    .tbcposcounter .nav-container .nav-tabs .nav-item .card .card-body {
        flex: auto !important;
        align-content: start;
    }
.tbcposcounter .shadow-style {
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    border-radius: 14px;
}

.tbcposcounter .catagory-product-card-2, .tbcposcounter .kioskCard {
    margin-top: 30px;
    padding: 40px 30px;
    position: relative;
    background: rgb(184, 144, 196);
    background: linear-gradient(180deg, rgba(184, 144, 196, 1) 0%, rgba(238, 238, 237, 1) 100%);
    /* background-image: url(https://modinatheme.com/foodking/wp-content/themes/foodking/assets/img/shape/catagory-card-shape.jpg); */
    overflow: auto;
    border: solid 2px #ffffff;
}

.tbcposcounter .catagory-product-card-2 {
    height: 304px;
    overflow: hidden;
}

    .tbcposcounter .catagory-product-card-2:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 65%;
        border-radius: 14px;
        background-color: transparent;
        transition: all .35s ease-in-out;
    }

    .tbcposcounter .catagory-product-card-2 .catagory-product-image {
        position: relative;
        z-index: 1;
        height: 124px;
    }

.tbcposcounter .lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
}

.tbcposcounter .catagory-product-card-2 .catagory-product-image img {
    object-fit: contain;
    height: 100%;
    max-width: 100%;
    margin-top: -40px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.tbcposcounter .catagory-product-card-2 .catagory-product-content {
    position: relative;
    z-index: 9;
    font-size:1rem;
}
    .tbcposcounter .catagory-product-card-2 a, .tbcposcounter .catagory-product-card-2 .catagory-product-content h4 {
        font-size: .85rem;
        text-decoration:none;
        text-transform: capitalize;
    }
    .tbcposcounter .catagory-product-card-2 .catagory-product-content .catagory-button {
        margin-bottom: 20px;
        opacity: 1;
        transition: all .4s ease-in-out;
        border-radius: 30px;
        color: #ffffff !important;
        background-color: #f2bdc7;
        position: relative;
        width: 100%;
    }

        .tbcposcounter .catagory-product-card-2 .catagory-product-content .catagory-button .theme-btn-2 {
            color: #ffffff !important;
            z-index: 2;
            position: relative;
          
        }
        .tbcposcounter .catagory-product-card-2 .catagory-product-content .catagory-button .theme-btn-2 {
            color: #ffffff !important;
            z-index: 2;
            position: relative;
           
        }
.displayleft{
    left:0;
}
.white-card{
    background:#ffffff !important;
}
.dateContainer {
    border: solid 1px #e3e3e3;
    padding: 10px;
    border-radius: 25px;
    padding-left: 12px;
    padding-right: 12px;
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
    background: #ffffff;
    /* margin-top: 8px; */
    position: relative;
    top: 4px;
    /* right: -20px; */
}
.blurbackdrop, #prepareLoader, #adminscreenSaving {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: red;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    display: none;
    z-index: 99;
}
#prepareLoader {
    background: rgb(239 221 151);
}
.prepareloading {
    font-size: 1.15rem;
    /* font-family: LuckiestSoftieProExtraBold; */
    font-weight: 900;
    color: #a280af;
}
#adminscreenLoading .fixedloader, #prepareLoader .fixedloader, #adminscreenSaving .fixedloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    align-content: center;
}
.form-control.disabled {
    background: #f4f4f4;
}
.form-control.disabled:hover {
        cursor: not-allowed;
}
tr.peritem{
    border-bottom:solid 1px #f4f4f4;
}
.border-bottom-dashed {
    border-bottom: solid 1px #e4e4e4;
    border-bottom-style: dashed !important;
}
.fs-14 {
    font-size: 14px !important;
}
.height-320 {
    height: 330px;
    overflow: auto;
}
.leftborder-analytics {
    border-color: #e2e8f0;
    border-left: solid 1px #e2e8f0;
}
.mdi-container {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    position: relative;
    display: inline-flex;
    margin-bottom: 1rem;
}
.mdi-cart-container{
    background: #ddeafd;
}
.mdi-briefcase-container {
    background: #f3e8ff;
}
.mdi-shopping-container {
    background: #d5f3ee;
}
.mdi-scissors-container {
    background: #fce3e2;
}
.mdi--cart {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235180f4' d='M17 18c-1.11 0-2 .89-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2M1 2v2h2l3.6 7.59l-1.36 2.45c-.15.28-.24.61-.24.96a2 2 0 0 0 2 2h12v-2H7.42a.25.25 0 0 1-.25-.25q0-.075.03-.12L8.1 13h7.45c.75 0 1.41-.42 1.75-1.03l3.58-6.47c.07-.16.12-.33.12-.5a1 1 0 0 0-1-1H5.21l-.94-2M7 18c-1.11 0-2 .89-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
    margin: auto;
}
.mdi--briefcase-variant {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a756f5' d='M10 16v-1H3v4c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2v-4h-7v1zm10-9h-4V5l-2-2h-4L8 5v2H4c-1.1 0-2 .9-2 2v3c0 1.11.89 2 2 2h6v-2h4v2h6c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2m-6 0h-4V5h4z'/%3E%3C/svg%3E");
}
.mdi--shopping {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233a9682' d='M12 13a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3a3 3 0 0 0 3-3h2a5 5 0 0 1-5 5m0-10a3 3 0 0 1 3 3H9a3 3 0 0 1 3-3m7 3h-2a5 5 0 0 0-5-5a5 5 0 0 0-5 5H5c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
}
.mdi--scissors {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23eb706d' d='m19 3l-6 6l2 2l7-7V3m-10 9.5a.5.5 0 0 1-.5-.5a.5.5 0 0 1 .5-.5a.5.5 0 0 1 .5.5a.5.5 0 0 1-.5.5M6 20a2 2 0 0 1-2-2a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2M6 8a2 2 0 0 1-2-2a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m3.64-.36c.23-.5.36-1.05.36-1.64a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14a4 4 0 0 0-4 4a4 4 0 0 0 4 4a4 4 0 0 0 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1z'/%3E%3C/svg%3E");
}
.kotStatsTitle {
    background: #e5e1e1;
    padding: 0.5rem;
    margin-bottom: 1rem;
}
    .kotStatsTitle h2 {
        font-size: 2rem;
    }
.statusConteiner {
    background: #e5e1e1;
    padding: 0.5rem;
    margin-bottom: 1rem;
    text-align: center;
    padding: 2rem;
    border-radius: 15px;
}
    .statusConteiner h4 {
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: bold;
        color: #e37b99;
    }
    .statusConteiner h3 {
        font-size: 2.5rem;
        text-transform: uppercase;
        font-weight: bold;

    }
.adminApp .btn-theme {
    border-radius: 4px;
}
.select2-container {
    width: 100% !important;
}
.Width90 {
    width: 90% !important;
}
.custom-confirm {
    background-color: var(--bs-theme);
    border-color: var(--bs-theme);
    color: white !important;
    border: none;
    border-radius: 5px;
}
.custom-confirm:hover {
    background-color: var(--bs-theme);
    border-color: var(--bs-theme);
}
.custom-cancel {
    background-color: #c0cacf !important; /* Red */
    color: #000000 !important;
}
.custom-cancel:hover {
    background-color: #9b9fa1 !important; /* Darker red */
}
.bg-f1f1f1 {
    background: #f1f1f1 !important;
}
.bigtouchSelectBox {
    width: 32px;
    height: 32px;
}
    /*DASHBOARD*/