/* input(111,25): run-time error CSS1046: Expect comma, found '255'
input(111,32): run-time error CSS1046: Expect comma, found ')'
input(121,30): run-time error CSS1046: Expect comma, found '40'
input(121,36): run-time error CSS1046: Expect comma, found '/' */
#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 */
        animation: loadingDots 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: 1.25rem; /* Adjust the font size as needed */
        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 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...';
    }
}
.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: 25%;
    max-width: 25%;
}

.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;
    border-radius: 5px;
    color: #1e2834 !important;
    position: relative;
}
.flexBox {
    display: flex;
    justify-content: space-between;
}
.payableAmountWrapper input, .payableAmountWrapper .form-control {
    border: 1px solid #1e2834;
    color: #1e2834 !important;
}
    .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;
    }
}