html{
    height: 100vh;
    overflow-y: auto;
}
header.pos-header{

    /* margin-bottom: 5px; */
    
    background-color: #5800a9;
    
    }
                    
                    footer.pos-footer{
                        /* border-top:1px solid #ddd; */
                        background-color: #eee;
                        padding: 10px 10px;
                        display: none;
                    }
                    
                    footer .copyright-content{
                        font-size: 12px;
                        text-align: center;
                        /* padding: 10px; */
                    }
                    
                    .main-content-wrapper{
                    height: calc(100vh - 41px);
                    overflow-x: auto;
                    /* padding: 1%; */
                    /* overflow: hidden; */
                    }
                    
                    ul.nav.nav-pills.list-option-menu {
                        border: none;
                        margin-bottom: 0px;
                        /* position: absolute; */
                        /* width: 100%; */
                        background-color: #ffffff;
                    }
                    
                    ul.nav.nav-pills.list-option-menu li.nav-item {
                        background-color: #f5f5f5;
                        /* border-right: 1px solid #bbb; */
                        /* border-top: none; */
                        /* border-bottom: none; */
                        margin: 5px;
                        margin-right: 0px;
                    }

                     ul.nav.nav-pills.list-option-menu li.nav-item:last-child{
                         margin-right:5px;
                     }
            
            .card-body {
                /* padding: 10px!important; */
            }
            
            ul.nav.nav-pills.main-header-mmenu {}
            
            ul.nav.nav-pills.main-header-mmenu li.nav-item {
                margin: 5px;
            }
            
            ul.nav.nav-pills.main-header-mmenu li.nav-item a.nav-link {
                background-color: #5800a9;
                color: #fff;
                padding: 5px 20px;
            }
            
            ul.nav.nav-pills.main-header-mmenu li.nav-item a.nav-link.active {
                background-color: #ffc107;
                color: #000;
            }
        
        table.table.table-product-list {
    margin: 0;
}
        
        table.table.table-product-list .product-name {
            font-size: 14px;
            margin-bottom: 10px;
            width: auto;
        }
        
        table.table.table-product-list .product-price {
            font-weight: normal;
            font-size: 12px;
        }
        
        table.table.table-product-list .product-price span.product-actual-price {
            border: 1px dashed #ddd;
            margin-right: 10px;
            display: inline-block;
            width: auto;
            padding: 4px 5px;
            font-size: 12px;
            /* background-color: #fff; */
            vertical-align: middle;
        }
        
        table.table.table-product-list .product-price span.product-discount-price {border: 1px dashed #ddd;font-weight: normal;font-size: 12px;color: #28a745;margin-right: 10px;display: inline-block;width: auto;padding: 3px 5px;background-color: #fff;}
        table.table.table-product-list tbody tr{
            /* margin-bottom: 10px; */
            width: 100%;
            display: table;
        }
        table.table.table-product-list tbody td {
            vertical-align: middle;
            /* text-align: center; */
            padding: 5px 10px;
            position: relative;
        }
        
        span.input-group-text {
            margin-top: 0px;
        }
        
        .input-group-lg .input-group-prepend span.input-group-text {
            border: 1px solid #ddd;
            height: 42.25px;
        }
        
        table.table.table-product-list thead th {
            background-color: #5800a9;
            border-bottom: none;
            padding: 4px 10px;
            color: #fff;
        }
        
        .breadcrumb-item+.breadcrumb-item::before {
            content: "\f105"!important;
            font-family: "FontAwesome";
            font-size: 19px;
            line-height: normal;
        }
        
        ol.breadcrumb {
            background-color: #fff;
            padding: 5px;
            margin-bottom: 5px;
        }
        
        .search-itemlist-wrapper {
            padding: 0px;
            height: calc(100vh - 140px);
            overflow-x: auto;
        }
        
        ul.search-item-list {
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: center;
        }
        
        ul.search-item-list li {
            border: 1px solid #ddd;
            display: inline-block;
            width: 24%;
            position: relative;
            margin-right: 8px;
            margin-bottom: 8px;
            background-color: #fff;
            text-align: left;
            cursor: pointer;
            vertical-align: middle;
        }
        ul.search-item-list li.item-category .item-img-wrapper{
             height: 150px;
        }
        ul.search-item-list li .item-img-wrapper {
            height: 100px;
        }
        
        ul.search-item-list li .item-name {
            /* position: absolute; */
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: rgb(255 255 255 / 80%);
            font-size: 14px;
            padding: 5px 10px;
            color: #000;
            min-height: 55px;
        }
        
        nav.nav.nav-pills.nav-fill.action-btn-control {
            border: none;
            padding: 5px;
            padding-top: 0px;
        }
        
        nav.nav.nav-pills.nav-fill.action-btn-control a.nav-link{
            border-radius:0px;
            padding:20px 10px;
            cursor: pointer;
        }
        
        nav.nav.nav-pills.nav-fill.action-btn-control a.nav-link.btn-pay {
            background-color: #28a745;
            color: #fff;
        }
        
        nav.nav.nav-pills.nav-fill.action-btn-control a.nav-link.btn-hold {
            background-color: #007bff;
            color: #fff;
        }
        
        nav.nav.nav-pills.nav-fill.action-btn-control a.nav-link.btn-discount {
            background-color: #ffffff;
            color: #000;
        }
        
        nav.nav.nav-pills.nav-fill.action-btn-control a.nav-link.btn-void {
            background-color: #ef5350;
            color: #fff;
        }
        
        ul.search-item-list li .item-img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        .tab-pane {
            padding: 10px 10px;
        }
        
        span.caption-text {
            font-size: 10px;
            display: block;
            padding: 5px 0px;
        }
        
        .autoCompleteDiv {
            position:relative;
        
        }
        .autoCompleteDiv .autoCompleteUL{
            position:absolute;
            left:0;
            top:45px;
            width:100%;
            list-style:none;
            padding:0px;
            margin:0px;
             border:1px solid #ddd;
             background-color:#fff;
             z-index:1;
             height:240px;
             overflow-x:auto;
             box-shadow:1px 1px 10px #ddd;
        }
        .autoCompleteDiv .autoCompleteUL li{
            padding:10px;
            border-bottom:1px solid #ddd;
            cursor: pointer;
        }
        .autoCompleteDiv .autoCompleteUL li:hover{
            background-color: #eee;
        }
        
        .nav-tabs .nav-link {
            background-color: #5800a9;
            border-color: #5800a9 #5800a9 #5800a9!important;
            color: #fff;
        }
        .nav-tabs .nav-link.active{
            border-bottom:1px solid #fff!important;
        }
        li.nav-item {
            /* border: 1px solid #ddd; */
            margin: 0px 1px;
        }
        
        .payment-gateway-tab #v-pills-tab {
            /* background-color: #ddd; */
            /* border-radius: 6px; */
        }
        
        #pay_popup .modal-content {
            background-color: #fff;
        }
        #pay_popup .modal-header{
            border-bottom: 1px solid #ddd;
            background-color: #5800a9;
            color: #ffc107;
        }
        #pay_popup .modal-title{
            font-size: 18px;
            font-weight: bold;
            color: #ffffff;
        }
        #pay_popup .modal-body{
            padding: 15px;
        }
        .payment-gateway-tab .nav .nav-link {
            /* border:1px solid #333; */
            color: #fff;
            padding:20px;
            margin-bottom: 5px;
            background-color: #5800a9;
            border-radius: 6px;
            cursor: pointer;
            width: 100%;
        }
        .payment-gateway-tab .nav .nav-link.active {
            background-color: #ffc107;
            color: #000;
        }
        
        .payment-gateway-tab #v-pills-tabContent {
            background-color: #fff;
            /* height: 70vh; */
            overflow: auto;
            /* border: 1px solid #5800a9; */
            border-radius: 6px;
            /* padding: 5px; */
        }
        
        .payment-gateway-tab #v-pills-tabContent .tab-pane {
            border-radius: 6px;
            background-color: #ffffff;
            /* border: 1px solid #5800a9; */
            padding: 0;
        }
        table.table.qty {
            margin-bottom: 0;
        }
        
        table.table.qty td {
            border: 5px solid #fff;
            padding: 15px 10px;
            background-color: #e0e0e0;
        }
        
        table.table.table-qty.numberkey {
}
        
        table.table.table-qty.numberkey button.btn.btn-keypad {
            width: 100%;
            height: 60px;
            border-radius: 0;
            color: #fff;
            font-size: 18px;
            /* border: 5px solid #fff; */
            background-color: #5800a9;
        }
         table.table.table-qty.numberkey button.btn.btn-keypad:hover {
             background-color:#ffc107;
             color:#000;
         }
        table.table.table-qty.numberkey td{
              vertical-align: middle;
              background-color: #e0e0e0;
              width: 25%;
              padding: 5px;
        }
        table.table.table-qty.numberkey td.btn-keypad-cell {
            padding: 0;
            vertical-align: middle;
            text-align: center;
            width: 20%;
            /* background-color: #5800a9; */
            border: 5px solid #fff;
        } 


        
         table.table.discount {
            margin-bottom: 0;
        }
        
        table.table.discount td {
            border: 5px solid #fff;
            padding: 15px 10px;
            background-color: #e0e0e0;
        }
        
        table.table.table-discount.numberkey {
}
        
        table.table.table-discount.numberkey button.btn.btn-keypad {
            width: 100%;
            height: 60px;
            border-radius: 0;
            color: #fff;
            font-size: 18px;
            /* border: 5px solid #fff; */
            background-color: #5800a9;
        }
         table.table.table-discount.numberkey button.btn.btn-keypad:hover {
             background-color:#ffc107;
             color:#000;
         }
        table.table.table-discount.numberkey td{
              vertical-align: middle;
              background-color: #e0e0e0;
              width: 25%;
              padding: 5px;
        }
        table.table.table-discount.numberkey td.btn-keypad-cell {
            padding: 0;
            vertical-align: middle;
            text-align: center;
            width: 20%;
            /* background-color: #5800a9; */
            border: 5px solid #fff;
        } 
        table.table.table-payment-gateway {
            margin-bottom: 0;
        }
        
        table.table.table-payment-gateway td {
            border: 5px solid #fff;
            padding: 15px 10px;
            background-color: #e0e0e0;
        }
        
        table.table.table-payment-gateway.numberkey {}
        
        table.table.table-payment-gateway.numberkey button.btn.btn-keypad {
            width: 100%;
            height: 60px;
            border-radius: 0;
            font-size: 18px;
        }
        table.table.table-payment-gateway.numberkey td{
              vertical-align: middle;
              background-color: #e0e0e0;
              width: 25%;
              padding: 5px;
        }
        table.table.table-payment-gateway.numberkey td.btn-keypad-cell {
            padding: 0;
            vertical-align: middle;
            text-align: center;
            width: 20%;
            background-color: #e0e0e0;
            border: 5px solid #fff;
        }
        
        #pay_popup  button.close {
            color: #fff;
            box-shadow: none;
            opacity: 1;
            font-size: 32px;
        }
    
    span.price-amt {
        /* display: block; */
        font-size: 14px;
        margin: 0px 5px;
        font-weight: 500;
    }
    
    .card.details-list {
        border: none;
        border-radius: 0;
        position: relative;
        height: calc(100vh - 41px);
    }
    .card.details-list .card-body{
        padding: 0px;
    }
    table.table.table-product-list thead {
        /* display: table-caption; */
        /* width: 100%; */
    }
    table.table.table-product-list thead tr{
        
    display: table;
        
    width: 100%;
    }
    table.table.table-product-list tbody {
        /* height: 40vh; */
        /* overflow-x: hidden; */
        /* display: table-caption; */
        /* width: 100%; */
        /* overflow-y: auto; */
        /* border-bottom: 2px solid #ddd; */
    }
    
    table.table.table-product-list tbody tr td.amt-cell {
        text-align: right;
        vertical-align: top;
        width: 20%;
    }
    
    table.table.table-product-list tbody tr td.qty-cell {
        text-align: center;
        vertical-align: top;
        width: 10%;
        padding: 10px 5px;
    }
    
    ul.order-details {
        list-style: none;
        padding-left: 0;
        /* column-count: 2; */
        /* column-gap: 2px; */
        margin-bottom: 10px;
    }
    
    ul.order-details li {
        font-size: 12px;
        margin-bottom: 0px;
        padding: 3px 0px;
    }
    
    ul.order-details li span {
        font-weight: bold;
    }
    
    ul.list-group.order-list {
    }
    
    ul.list-group.order-list li.list-group-item {
        border: 1px solid #ddd;
        margin: 5px;
        padding: 10px;
        border-radius: 4px;
        border-top: 1px solid #ddd;
        cursor: pointer;
    }
    ul.list-group.order-list li.list-group-item:first-child{
        border-top: 1px solid #ddd;
    }
    ul.list-group.order-list li.list-group-item:last-child{
        border-bottom: 1px solid #ddd;
    }
    
    footer.pos-footer {
        background-color: #fff;
        padding: 8px;
        /* display: none; */
    }
    
    ul.list-group.order-list li.list-group-item .order-title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    
    .order-list-searchbar {
        padding: 0px;
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    table.table.table-product-list .product-price button.btn.btn-remove {
        /* position: absolute; */
        right: 20px;
        top: 8px;
        /* display: none; */
        height: auto;
        padding: 5px 10px;
        font-size: 12px;
    }
    
    table.table.table-product-list tbody tr:hover .product-price button.btn.btn-remove {
        /* display:block; */
    }
    
    .input-group.input-group-lg {}
    
    .input-group.input-group-lg .input-group-append {}
    
    .input-group.input-group-lg .input-group-append button {
        height: 42.25px;
    }
    ul.search-item-list li:hover{
        border-color:#5800a9;
    }
    ul.search-item-list li a {
        color: inherit;
        display:block;
    }
    ul.search-item-list li a:hover {
        color: #5800a9;
    
    }
    
    .input-group.product-searchbar {border: 1px solid #5800a9;padding: 0px;border-radius: 5px;background-color: #fff;margin-bottom: 5px;}
    


    .btn-primary {
    color: #fff;
    background-color: #5800a9;
    border-color: #5800a9
}

.btn-primary:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-primary.focus,.btn-primary:focus {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: 0 0 0 .2rem rgb(255 193 7 / 24%)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #5800a96b;
    border-color: #5800a96b
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgb(88 0 169 / 45%)
}


    ul.nav.nav-pills.list-option-menu a.nav-link {
        background-color: #ffc107;
        color: #000;
        padding: 15px 0px;
    }

.table-product-list-wrapper {
    height: 48vh;
    overflow-y: auto;
    /* border-bottom: 1px solid #5800a9; */
    position: absolute;
    width: 100%;
}

table.table.table-product-list-header {
    margin: 0;
}

table.table.table-product-list-header th {
    border: none;
    padding: 6px 10px;
    background-color: #3e0077;
    color: #fff;
    /* border-radius: 6px; */
}

table.table.table-product-list-header tr {
    /* background-color: #5800a9; */
    /* color: #fff; */
    /* border-radius: 6px; */
}

.product-searchlist-section {
}

.product-searchlist-section .card-body {
    padding: 5px;
    background-color: #f5f5f5;
}

.inventory-content-wrapper {
    padding: 15px 15px;
}

.card-title {
    border-bottom: 1px solid #ddd;
    margin: 1.25rem;
}

.inventory-delivery-time .react-datepicker-wrapper {
    /* display: block; */
    width: 100%;
}
.inventory-delivery-time .react-datepicker__input-container:after{
    top: 14px;
    right: 14px;
}

label.col-form-label {
    font-size: 12px;
}

table.inventory-product-table {}

table.inventory-product-table thead th {
    font-size: 12px;
}

.autoCompleteDiv input.form-control {
    /* height: 38px; */
}
.inventory-product-table-wrapper{
    height: 55vh;
    overflow-x: auto;
}

.login-wrapper {
    padding: 4% 0px;
    height: 100vh;
}

.inventory-content-wrapper .srv-validation-message {
    /* top: 0; */
    bottom: auto;
    /* padding-top: calc(.375rem + 1px); */
    /* padding-bottom: calc(.375rem + 1px); */
    /* right: 15px; */
    position: relative;
}

.link-wrapper {
    position: relative;
}

ul.discount-type-options {}

ul.discount-type-options .nav-link.active, ul.discount-type-options .nav-link:hover.active {
    background-color: #5800a9;
    color:#fff;
}
ul.discount-type-options .nav-link{
    border:1px solid #5800a9;
}
ul.discount-type-options .nav-link:hover{
    color:#5800a9;
}

ul.search-itemcategory-list {
    list-style: none;
    padding-left: 0;
}

ul.search-itemcategory-list li {
    /* padding: 10px; */
    border: 1px solid #ddd;
    display: inline-block;
    width: 18%;
    background-color: #fff;
}

ul.search-itemcategory-list li a {
    padding: 10px;
    display: block;
}

ul.search-itemcategory-list li a .item-img-wrapper {
    height: 130px;
}

.custom-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.custom-modal.show{
    display: block;
    padding-right: 10px;
    background-color: #0000003d;
}
.custom-modal-dialog {
    /* transition: -webkit-transform .3s ease-out; */
    /* transition: transform .3s ease-out; */
    /* transition: transform .3s ease-out,-webkit-transform .3s ease-out; */
    /* -webkit-transform: translate(0,-50px); */
    /* transform: translate(0,-50px); */
    width: 80%;
    margin: auto;
}

.custom-modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.custom-modal-open{
    overflow: hidden;
    padding-right: 10px;
}
.custom-modal.show .custom-modal-dialog {
    -webkit-transform: none;
    transform: none;
}
.custom-modal-closebtn{
    
border: none;
    
background-color: transparent;
    
float: right;
    
padding: 5px 5px;
    
font-size: 22px;
    
line-height: normal;
}

.custom-modal-header {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.custom-modal-header:after{
    content:'';
    display:table;
    clear:both;
}

.custom-modal-body {
    padding: 15px;
}

.custom-modal-footer {
    padding: 15px;
    border-top: 1px solid #ddd;
}

.customModalHeaderTitle{
    float:left;
}

table.table.table-product-list tbody tr td.particular-cell {
    width: 70%;
    padding: 5px 15px;
    padding-bottom: 10px;
}

.input-group.product-searchbar .btn {
    height: 42.25px;
    border:none;
    margin-bottom: 0px;
    border-radius: 0;
}
.input-group.product-searchbar label.btn.btn-primary:last-child{
    border-radius:0;
}

.btn.active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}

ul.search-item-list li  .item-price {
    padding: 0px 10px;
    font-size: 18px;
    color: #5800a9;
    line-height: normal;
}

.item-addtocart {
    padding: 0px 4px;
    display: none;
}

.item-addtocart .item-qty-btngroup {
    padding: 0;
    display: inline-block;
    width: 50%;
    margin-bottom: 4px;
    vertical-align: middle;
}
.item-addtocart .item-qty-btngroup > *{
    width:33%;
}

.item-addtocart .item-qty-btngroup button.btn.btn-removeitem {
    background-color: #5800a9;
    padding: 0px 10px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.item-addtocart .item-qty-btngroup input.input-qtyunit {
    /* width: 30px; */
    padding: 0px 5px;
    height: 34px;
    border: 1px solid #5800a9;
    text-align: center;
    border-radius: .25rem;
    display: inline-block;
    vertical-align: middle;
}

.item-addtocart .item-qty-btngroup button.btn.btn-additem {
    background-color: #5800a9;
    padding: 0px 10px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.item-addtocart button.btn.btn-addtocart {
    display:inline-block;
    height: 34px;
    background-color: #5800a9;
    color: #fff;
    width: 100%;
    margin-bottom: 4px;
    vertical-align: middle;
}

ul.search-item-list li.item-category  .item-name {
    font-size: 14px;
    text-align: center;
    color: #000;
    height: 75px;
}

table.table.table-product-list tbody tr td.qty-cell input.input-qty {
    width: 75px;
    text-align: center;
    height: 34px;
    border: 1px solid #5800a9;
    border-radius: 4px;
}
.unit-submit{
	width: 7rem;
    height: 3rem;
    font-size: 18px;
}
.pos-li-tag{
	margin-bottom : 7px;
}
.pointer{
	cursor : pointer;
}



/*******A4 Print********/


.printA4-content-wrapper{ 
    width: 595px;

    max-width: 595px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Verdana, Helvetica!important;
    color: #000;

}
#toPrinter, #toPrinter * {
    visibility: visible;
}
#toPrinter{
    font-family:  Arial, Verdana, Helvetica!important;
}
.printA4-content-wrapper .header-table-style{
    width:100%;
    text-align: left;
    font-size: 14px;
    padding: 0px 0px;
}
.printA4-content-wrapper .header-table-style td{
    padding: 10px 10px;
    line-height: normal;
}
.printA4-content-wrapper .header-table-style p{
    margin-top:0px;
    margin-bottom: 2px;
    font-weight:normal;
    text-align: revert;
    font-size: 14px;
    line-height: normal;
}
.printA4-content-wrapper .header-table-style p.address{
   margin-bottom: 3px;
}
.printA4-content-wrapper .header-table-style p.whatsapp{
    font-weight:bold;
}
.printA4-content-wrapper .header-table-style p.website{
    width:100%;
    text-align: right;
    font-size: 16px;
    margin: 3px 0px;
}
.printA4-content-wrapper .header-table-style p.title{
    text-align:center;
    align-content:center;
    font-size: 16px;
    margin: 0px 0px;
    line-height: normal;
}
.printA4-content-wrapper      table.invoice-details{
    width: 100%;
    border-top:1px solid #333;
    padding: 10px 10px;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica;
}
.printA4-content-wrapper      table.invoice-details td{
    border-spacing: 0px!important;
    padding: 2px 0px;
    line-height: normal;
}
.printA4-content-wrapper      table.invoice-item-details{
    border-top:1px solid #333;
    width:100%;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica;
}
.printA4-content-wrapper      table.invoice-item-details thead tr{
    border-bottom:1px solid #333;
    /* line-height: normal; */
}
.printA4-content-wrapper      table.invoice-total{
    border-top:1px solid #333;
    padding:5px 5px;
    font-size: 14px;
    font-weight:bold;
    font-family: Arial, Verdana, Helvetica;
    width: 100%;
}
.printA4-content-wrapper table.invoice-item-details  thead td{
    
padding: 12px 3px;
    
line-height: normal;
}
.printA4-content-wrapper    table.invoice-item-details   thead .sno{
    width:2%;
    text-align:center;
    border-bottom:1px solid #333;
    padding: 5px 5px;
}
.printA4-content-wrapper table.invoice-item-details  thead .item-name{
    width:40%;
    text-align:left;
    border-bottom:1px solid #333;
    /* padding: 5px 2px; */
}
.printA4-content-wrapper table.invoice-item-details  thead .qty{
    width:10%;
    text-align:center;
    border-bottom:1px solid #333;
    /* padding: 5px 2px; */
}
.printA4-content-wrapper table.invoice-item-details thead .rate{
    width:15%;
    text-align:center;
    border-bottom:1px solid #333;
    /* padding: 5px 2px; */
}
.printA4-content-wrapper  table.invoice-item-details thead .total{
    width:20%;
    text-align: center;
    border-bottom:1px solid #333;
    /* padding: 5px 4px; */
}

.printA4-content-wrapper  table.invoice-item-details  tbody .sno{
    width: 5%;
    text-align:center;
    /* padding: 5px 5px; */
    font-weight: normal;
    font-size: 12px;
}
.printA4-content-wrapper  table.invoice-item-details  tbody .item-name{
    width:40%;
    text-align:left;
    /* padding: 8px 10px; */
    /* font-weight: bold; */
    font-size: 14px;
}
.printA4-content-wrapper table.invoice-item-details  tbody .qty{
    width:10%;
    text-align:center;
    /* padding: 8px 10px; */
    /* font-weight: bold; */
}
.printA4-content-wrapper table.invoice-item-details  tbody .rate{
    width:15%;
    text-align: right;
    /* padding: 8px 10px; */
    /* font-weight: bold; */
}
.printA4-content-wrapper table.invoice-item-details  tbody td{
     padding: 8px 10px;
     line-height: normal;
}
.printA4-content-wrapper table.invoice-item-details  tbody td b{
    font-weight:normal;
}
.printA4-content-wrapper table.invoice-item-details  tbody .total{
    width:20%;
    text-align:right;
    /* padding: 10px 10px; */
    /* font-weight: bold; */
}
.printA4-content-wrapper   table{
    border-collapse:unset;
}
.printA4-content-wrapper   table.invoice-breakups{
    border-top:1px solid #333;
    padding:5px 5px;
    font-size: 14px;
    font-weight:bold;
    font-family: Arial, Verdana, Helvetica;
    width: 100%;
}
.printA4-content-wrapper   table.invoice-breakups .empty{
    width: 60%;
}
.printA4-content-wrapper   table.invoice-breakups td{
    padding:0px;
}
.printA4-content-wrapper   table.invoice-breakups td.description{
    padding: 5px;
    /* font-size: 14px; */
    /* font-weight:bold; */
}
 .printA4-content-wrapper   table.invoice-breakups .description b{
       font-weight:bold;
 }
.printA4-content-wrapper    table.invoice-breakups .price{
    text-align: right;
    padding: 5px;
    /* font-weight: bold; */
}
.printA4-content-wrapper   table.invoice-footer{
    width: 100%;
    border-top:1px solid #333;padding:5px 5px;font-size: 12px;font-weight:bold;font-family: Arial, Verdana, Helvetica; 
}
.printA4-content-wrapper   .net-total{
    text-align: right;
    /* font-size: 14px; */
    font-weight: bold;
    padding: 5px;
}
  .printA4-content-wrapper   .net-total b{
        font-weight: bold;
  }
.printA4-content-wrapper   .paymode{
    text-align: right;
    padding: 5px;
}
   .printA4-content-wrapper   .paymode b{
        font-weight: bold;
   }
.printA4-content-wrapper   .thanks-txt{
    text-align:center;
    align-content:center;
    font-size: 16px;
    margin: 10px 0px;
    font-weight: normal;
    line-height: normal;
}


.printA4-content-wrapper .header-table-style span.title {
    text-align: left;
    font-size: 18px;
}

.printA4-content-wrapper .header-table-style td.store-name {
    width: 50%;
}

.printA4-content-wrapper .header-table-style td.store-details {
    text-align: right;
}
/*******Thermal Print********/


.print-content-wrapper{
    width: 315px;
    max-width: 315px;
    font-family: Arial, Verdana, Helvetica!important;
    color: #000;
}
#toPrinter, #toPrinter * {
    visibility: visible;
}
#toPrinter{
    font-family:  Arial, Verdana, Helvetica!important;
}
.print-content-wrapper .header-table-style{
    width:100%;
    text-align:center;
    font-size: 14px;
    padding: 0px 0px;
}
.print-content-wrapper .header-table-style td{
    padding: 2px 0px;
    line-height: normal;
}
.print-content-wrapper .header-table-style p{
    margin-top:0px;
    margin-bottom: 2px;
    font-weight:normal;
    text-align:center;
    font-size: 14px;
    line-height: normal;
}
.print-content-wrapper .header-table-style p.address{
   margin-bottom: 3px;
}
.print-content-wrapper .header-table-style p.whatsapp{
    font-weight:bold;
}
.print-content-wrapper .header-table-style p.website{
    width:100%;
    text-align:center;
    font-size: 16px;
    margin: 3px 0px;
}
.print-content-wrapper .header-table-style p.title{
    text-align:center;
    align-content:center;
    font-size: 16px;
    margin: 0px 0px;
    line-height: normal;
}
.print-content-wrapper      table.invoice-details{
    width: 100%;
    border-top:1px solid #333;
    padding: 6px 5px;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica;
}
.print-content-wrapper      table.invoice-details td{
    border-spacing: 0px!important;
    padding: 2px 0px;
    line-height: normal;
}
.print-content-wrapper      table.invoice-item-details{
    border-top:1px solid #333;width:100%;font-size: 12px;font-family: Arial, Verdana, Helvetica; 
}
.print-content-wrapper      table.invoice-item-details thead tr{
    border-bottom:1px solid #333;
    /* line-height: normal; */
}
.print-content-wrapper      table.invoice-total{
    border-top:1px solid #333;padding:5px 5px;font-size: 12px;font-weight:bold;font-family: Arial, Verdana, Helvetica;
    width: 100%;
}
.print-content-wrapper table.invoice-item-details  thead td{
    
padding: 12px 3px;
    
line-height: normal;
}
.print-content-wrapper    table.invoice-item-details   thead .sno{
    width:2%;
    text-align:center;
    border-bottom:1px solid #333;
    /* padding: 5px 2px; */
}
.print-content-wrapper table.invoice-item-details  thead .item-name{
    width:40%;
    text-align:left;
    border-bottom:1px solid #333;
    /* padding: 5px 2px; */
}
.print-content-wrapper table.invoice-item-details  thead .qty{
    width:10%;
    text-align:center;
    border-bottom:1px solid #333;
    /* padding: 5px 2px; */
}
.print-content-wrapper table.invoice-item-details thead .rate{
    width:15%;
    text-align:center;
    border-bottom:1px solid #333;
    /* padding: 5px 2px; */
}
.print-content-wrapper  table.invoice-item-details thead .total{
    width:20%;
    text-align: center;
    border-bottom:1px solid #333;
    /* padding: 5px 4px; */
}

.print-content-wrapper  table.invoice-item-details  tbody .sno{
    width:2%;
    /* text-align:center; */
    /* padding: 8px 2px; */
    /* font-weight: bold; */
    font-size: 12px;
}
.print-content-wrapper  table.invoice-item-details  tbody .item-name{
    width:40%;
    text-align:left;
    /* padding:8px 2px; */
    /* font-weight: bold; */
    font-size: 12px;
}
.print-content-wrapper table.invoice-item-details  tbody .qty{
    width:10%;
    text-align:center;
    /* padding:8px 2px; */
    /* font-weight: bold; */
}
.print-content-wrapper table.invoice-item-details  tbody .rate{
    width:15%;
    text-align: right;
    /* padding:8px 2px; */
    /* font-weight: bold; */
}
.print-content-wrapper table.invoice-item-details  tbody td{
     padding: 10px 2px;
     line-height: normal;
}
.print-content-wrapper table.invoice-item-details  tbody .total{
    width:20%;
    text-align:right;
    /* padding: 10px 2px; */
    /* font-weight: bold; */
}
.print-content-wrapper   table{
    border-collapse:unset;
}
.print-content-wrapper   table.invoice-breakups{
    border-top:1px solid #333;
    padding:5px 5px;
    font-size: 12px;
    font-weight:bold;
    font-family: Arial, Verdana, Helvetica;
    width: 100%;
}
.print-content-wrapper   table.invoice-breakups .empty{
    width: 45%;
}
.print-content-wrapper   table.invoice-breakups td{
    padding:0px;
}
.print-content-wrapper   table.invoice-breakups td.description{
    padding: 0;
    font-size: 12px;
/* font-weight:bold; */
}
 .print-content-wrapper   table.invoice-breakups .description b{
       font-weight:bold;
 }
.print-content-wrapper    table.invoice-breakups .price{
    text-align: right;
    padding: 0;
    /* font-weight: bold; */
}
.print-content-wrapper   table.invoice-footer{
    width: 100%;
    border-top:1px solid #333;padding:5px 5px;font-size: 12px;font-weight:bold;font-family: Arial, Verdana, Helvetica; 
}
.print-content-wrapper   .net-total{
    text-align: right;
    /* font-size: 14px; */
    font-weight: bold;
}
  .print-content-wrapper   .net-total b{
        font-weight: bold;
  }
.print-content-wrapper   .paymode{
    text-align: right;
}
   .print-content-wrapper   .paymode b{
        font-weight: bold;
   }
.print-content-wrapper   .thanks-txt{
    text-align:center;
    align-content:center;
    font-size: 14px;
    margin: 10px 0px;
    font-weight: normal;
    line-height: normal;
}

table.table.table-payment-gateway td.cashPayment{
    
padding: 0;
    
width: 50%;
}
table.table.table-payment-gateway td.cashPayment .cashpay-btn {
    background-color: #ffffff;
    color: #5800a9;
    /* opacity: 0.1; */
    cursor: pointer;
    padding: 6px 10px;
    border: 1px solid #5800a9;
}
table.table.table-payment-gateway td.cashPayment.active  .cashpay-btn {
 /* opacity:1; */
 background-color: #5800a9;
 color: #ffffff;
 position:relative;
  padding-left:50px;
}
table.table.table-payment-gateway td.cashPayment.active  .cashpay-btn:after{
    content:'\e080';
    font-family: "simple-line-icons";
    height:100%;
    width:40px;
    line-height: 52px;
    text-align:center;
    background-color:#28a745;
    position:absolute;
    top:0px;
    left:0px;
}
table.table.table-payment-gateway td.cardPayment{

padding: 0;

width: 50%;
}
table.table.table-payment-gateway td.cardPayment .cardpay-btn {
    background-color: #ffffff;
    color: #5800a9;
    /* opacity: 0.1; */
    cursor: pointer;
    padding: 6px 10px;
    border: 1px solid #5800a9;
}
table.table.table-payment-gateway td.cardPayment.active  .cardpay-btn {
 /* opacity:1; */
 background-color: #5800a9;
 color: #ffffff;
 position:relative;
   padding-left:50px;
}

table.table.table-payment-gateway td.cardPayment.active  .cardpay-btn:after{
    content:'\e080';
    font-family: "simple-line-icons";
    height:100%;
    width:40px;
    line-height:51px;
    text-align:center;
    background-color:#28a745;
    position:absolute;
    top:0px;
    left:0px;
}

table.table.table-payment-gateway td.cashPayment .cashpay-btn .label-caption {
    font-size: 12px;
    line-height: normal;
}
table.table.table-payment-gateway td.cardPayment .cardpay-btn .label-caption {
    font-size: 12px;
    line-height: normal;
}

header.pos-header nav.navbar.navbar-expand-lg {
    padding: 0px;
}
table.table.table-qty.numberkey button.btn.btn-keypad.dot-btn{
    font-size: 68px;
    line-height: 0;
    padding-bottom: 40px;
}
table.table.table-discount.numberkey button.btn.btn-keypad.dot-btn{
    font-size: 68px;
    line-height: 0;
    padding-bottom: 40px;
}

@media print {
    #toPrinter {
        visibility : collapse; 
      
   }
    *,
    ::before,
    ::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
        line-height: normal;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a4;
    }
    body {
        min-width:auto!important;
    }
    /* .container {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    } */
   
}

@media only screen and (max-width: 1024px) {

     ul.search-item-list li.item-category .item-img-wrapper{
             height: 100px;
             padding: 5px;
        }
ul.search-item-list li.item-category .item-name{
    height: 70px;
    font-size: 14px;
    padding: 5px;
}
    ul.search-item-list li{
        width: 31%;
    }
    ul.nav.nav-pills.main-header-mmenu li.nav-item{
        margin:0px;
    }
    table.table.table-product-list tbody tr td.qty-cell input.input-qty{
        width:40px;
    }
    table.table.table-product-list tbody tr td.qty-cell{
        padding:5px;
    }
    table.table.table-product-list tbody tr td.amt-cell{
         padding:5px;
    }
    table.table.table-product-list tbody tr td.particular-cell{
         padding:5px;
    }
    header.pos-header nav.navbar.navbar-expand-lg{
        padding: 5px;
    }
     .main-content-wrapper{
                    height: calc(100vh - 41px);
     }
    .table-product-list-wrapper{
        height: 40vh;
    }
    .search-itemlist-wrapper{
        padding: 0px;
        height: 79vh;
    }
footer.pos-footer{
    display:none;
}
}




.list-group.view-orders-list-group {
    padding: 10px 0px;
    height: 90vh;
    overflow-y: auto;
}

.list-group.view-orders-list-group .list-group-item {
    padding: 10px;
    margin: 0px 0px;
    margin-top: -1px;
    border: 1px solid #ddd;
}
.list-group-item-action:focus,
.list-group-item-action:hover:focus{
    /* border:1px solid #ddd; */
    background-color: #eee;
}
.list-group.view-orders-list-group .list-group-item.active { background-color:#eee; border:1px solid #ddd;}

table.table.table-vieworders-list {
    margin-bottom: 0px;
}
table.table.table-vieworders-list td{
    vertical-align:middle;
}
table.table.table-vieworders-list .order_nos {
    font-size: 16px;
    font-weight: bold;
}

table.table.table-vieworders-list .order_timing {
    font-size: 12px;
    color: #0948bb;
}

table.table.table-vieworders-list td.icon {
    /* position: absolute; */
    /* right: 0; */
    vertical-align:middle;
    color: #bbb;
    font-size: 24px;
    font-weight: normal;
}

table.table.table-vieworders-list td.order_total_amount {
    text-align: right;
    position: relative;
    font-weight: bold;
    font-size: 15px;
}

.order_total_amount {}

table.table.table-vieworders-list td.order_item_count {
    font-size: 14px;
}

.order-details {
    padding: 10px 10px;
    /* border: 1px solid #ddd; */
}

.order-number {
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0px;
    border-bottom: 1px solid #ddd;
    /* margin-bottom: 5px; */
}

.order-customer-details {
    padding: 10px 0px;
    /* border-bottom: 1px solid #ddd; */
    margin-bottom: 5px;
}

.order-item-details {
    padding: 0px 0px;
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

button.btn.btn-lg.btn-block {
    padding: 20px;
    height: auto;
    border-radius: 0px;
}

button.btn.btn-receipt.btn-lg.btn-block {
    background-color: #5800a9;
    color: #fff;
}

table.table.table-ordered-items {
    margin-bottom: 0;
    height: 100px;
    overflow: auto;
}

.delivery-options .form-check.form-check-inline {
    /* padding: 20px 10px; */
    width: 100%;
    display: inline-block;
    /* border-radius: 10px; */
    /* border: 1px solid #5800a9; */
    margin-right: 0;
    margin-bottom: 15px;
    /* cursor: pointer; */
}

.delivery-options .form-check.form-check-inline input {
    display: none;
}

.delivery-options .form-check.form-check-inline.active label.form-check-label {
    background-color: #5800a9;
    color: #fff;
}

.delivery-options .form-check.form-check-inline label.form-check-label {
    display: block;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    padding: 20px 10px;
    border-radius: 10px;
    border: 1px solid #5800a9;
}

.delivery-date .react-datepicker {
    width: 100%;
    border: 1px solid #5800a9!important;
    border-radius: 10px!important;
    margin-bottom: 10px;
}

.delivery-date .react-datepicker__month-container {
    width: 100%;
    /* border: 1px solid #5800a9; */
}
.delivery-date .react-datepicker__day-names .react-datepicker__day-name {
     padding: 20px;
     font-size: 16px;
     width: 13%;
     color: #fff;
}
.delivery-date .react-datepicker__week .react-datepicker__day {
    padding: 15px 10px;
    font-size: 16px;
    width: 13%;
}

.delivery-date .react-datepicker__header .react-datepicker__current-month {
    font-size: 20px;
    color: #fff;
}

.delivery-options {
    text-align: center;
    padding: 0;
    margin: 5px;
    margin-bottom: 15px;
}

.delivery-date .react-datepicker__header {background-color: #5800a9!important;/* color: #fff; */}

.delivery-date .react-datepicker__day.react-datepicker__day--selected, .react-datepicker__day.react-datepicker__day--selected:focus {background-color: #5800a9;}

.delivery-timing {
    /* border: 1px solid #5800a9; */
    /* border-radius: 10px; */
    padding: 0;
}

.delivery-timing ul.timing-list {
    list-style: none;
    padding: 0px;
    text-align: left;
}

.delivery-timing ul.timing-list li.delivery-time-div {
    padding: 15px;
    border: 1px solid #5800a9;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.delivery-timing ul.timing-list li.delivery-time-div.active {
    background-color:#5800a9;
    color:#fff;
}

.order-item-details h4.list-title {
    padding: 5px;
    margin-bottom: 0px;
}

table.table.table-ordered-items td.item-qty {text-align: center;}

table.table.table-ordered-items td.item-amt {
    text-align: right;
}

table.table.table-ordered-items td.item-name {
    font-size: 15px;
    font-weight: bold;
}

.order-item-details .list-wrapper {
    height: 30vh;
    overflow-y: auto;
}

table.table.table-qty.numberkey button.btn.btn-keypad.btn-remove {
    background-color: #f00;
    font-size: 24px;
}
table.table.table-discount.numberkey button.btn.btn-keypad.btn-remove {
    background-color: #f00;
    font-size: 22px;
}

table.table.table-payment-gateway.numberkey button.btn.btn-keypad.dot-btn {
    font-size: 68px;
    line-height: 0;
    padding-bottom: 40px;
}

table.table.table-payment-gateway.numberkey button.btn.btn-keypad.btn-clear {
    background-color: #f00;
    font-size: 22px;
    color: #fff;
}

span.navbar-toggler-icon {
    color: #fff;
    padding: 5px;
}


.billing-option {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: auto;
    background-color: #fff;
}

table.table.table-bill-total.table-bordered {
    /* box-sizing: unset; */
    border-collapse: unset;
    padding: 0px;
    border-spacing: 0px;
    margin-bottom: 0px;
}

table.table.table-bill-total.table-bordered td {
    padding: 8px;
    margin: 0;
}

.react-datepicker ::-webkit-scrollbar {
    width: 10px;
}

.wallet-div {
    color: #000;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #ffffff;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    border: 1px solid #5800a9;
    font-size: 14px;
}
.wallet-div .btn-wallet-redeem{
    display:inline-block;
    background-color: #5800a9;
    white-space: break-spaces;
    height: auto;
    font-size: 13px;
    text-align: left;
    color: #fff;
    margin: 5px 0px;
    padding: 8px;
    line-height: normal;
}

.wallet-amt {
    padding: 5px;
    background-color: #28a745;
    color: #fff;
    margin: 5px 0px;
    border-radius: 5px;
    font-size: 14px;
    /* text-align: center; */
}

.wallet-div span.wallet-amt-value {
    font-size: 18px;
    font-weight: bold;
}

.delivery-options .delivery-date {}

.delivery-options .delivery-date p.error {
    padding: 10px;
    background-color: #f00;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
}