@media (max-width: 767px) {

    .main-header .navbar-custom-menu {

        float: none !important;

        display: block !important;

    }



        .main-header .navbar-custom-menu .dropdown-menu {

            left: auto !important;

        }



    .skin-blue-light .main-header .navbar .dropdown-menu li a {

        color: #777;

    }



    .main-header .navbar {

        height: auto;

    }

}



.bg-danger {

    background-color: #f2dede !important;

}



.btn-big {

    padding: 10px 30px;

    font-size: 18px;

    line-height: 1.3333333;

}



.of-visible {

    overflow: visible !important;

}



#online_indicator {

    font-size: 8px;

    vertical-align: middle;

}



.pt-0 {

    padding-top: 0px;

}



.f-right {

    float: right;

}



.mb-10 {

    margin-bottom: 10px;

}



.discount-badge {

    position: absolute;

    top: 6px;

    right: 10px;

    font-size: 18px;

    padding: 7px;

}



.discount-badge-small {

    position: absolute;

    top: -2px;

    left: 10px;

    font-size: 12px;

    padding: 6px;

}



.product-info-table td, .product-info-table th {

    font-size: 12px;

}



.catalogue {

    max-height: 127px;

    margin: auto;

    margin-bottom: 18px;

}



.catalogue-title {

    display: inline-block;

    font-size: 18px;

    margin: 0;

    line-height: 1;

    margin-bottom: 10px;

}



.bg-light-gray {

    background-color: #f8f8f8 !important;

}



.p-5-5 {

    padding: 5px 5px !important;

}



.m-4 {

    margin: 4px;

}



.skin-black .main-header, .skin-black-light .main-header {

    color: #525f7f !important;

}



    .skin-black .main-header .navbar .nav .open > a {

        color: #999 !important;

    }



    .skin-black .main-header .navbar .nav > li > a:hover {

        color: #999 !important;

    }



    .skin-black .main-header .navbar > .sidebar-toggle:hover {

        color: #999 !important;

    }



.mt-0 {

    margin-top: 0 !important;

}



.table-pdf thead tr {

    background-color: #357ca5 !important;

    color: #fff;

}



    .table-pdf thead tr th {

        color: #fff !important;

    }



.blue-heading {

    background-color: #357ca5;

    color: #fff;

}



.table-pdf .odd {

    background-color: #DCE6F1;

}



.p-4 {

    padding: 4px;

}



.p-10 {

    padding: 10px !important;

}



.jquery-top-scrollbar {

    height: 6px !important;

}



    .jquery-top-scrollbar div {

        height: 6px !important;

    }



.scroll-top-bottom {

    width: 100%;

    overflow: scroll;

}



    .scroll-top-bottom::-webkit-scrollbar {

        height: 6px;

    }



.scrolltop {

    display: none;

    width: 100%;

    margin: 0 auto;

    position: fixed;

    bottom: 20px;

    right: 10px;

}



.scroll {

    position: absolute;

    right: 20px;

    bottom: 20px;

    background: #b2b2b2;

    background: rgba(178,178,178,0.7);

    padding: 7px;

    text-align: center;

    margin: 0 0 0 0;

    cursor: pointer;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    border-radius: 6px;

}



    .scroll:hover {

        background: rgba(178,178,178,1.0);

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

    }



        .scroll:hover .fas {

            padding-top: -10px;

        }



    .scroll .fas {

        font-size: 25px;

        margin-top: -5px;

        margin-left: 1px;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

    }



.f-left {

    float: left;

}



.align-left {

    text-align: left;

}



.align-right {

    text-align: right;

}



.table-pdf {

    border-collapse: collapse;

    width: 100%;

    border-spacing: 8px 10px;

}



.td-border td, .td-border th {

    border-bottom: 1px solid lightgrey;

    padding: 8px 5px;

}



.ws-nowrap {

    white-space: nowrap;

}



.btn-app > .fas, .btn-app > .fab {

    font-size: 20px;

    display: block;

}



.dropdown-menu > li > a > .fas {

    margin-right: 6px;

}



.mt-5 {

    margin-top: 5px !important;

}



.pos-form-actions {

    height: auto;

    padding-top: 12px;

    position: fixed;

    bottom: 0px;

    background-color: #D1D5DC;

    width: 100%;

    z-index: 1000;

}



.mb-12 {

    margin-bottom: 12px !important;

}



.pb-0 {

    padding-bottom: 0px !important;

}



.pr-12 {

    padding-right: 12px !important;

}



.main-header .sidebar-toggle:before {

    content: "" !important;

}



.ui-autocomplete {

    max-height: 300px;

    overflow-y: auto;

    /* prevent horizontal scrollbar */

    overflow-x: hidden;

}



.margin-bottom-20 {

    margin-bottom: 20px !important;

}



.text-white {

    color: #fff;

}



.wizard > .steps > ul > li {

    width: 33.33% !important;

}



.wizard > .content {

    background: #445867 !important;

}



legend {

    color: #fff;

    margin-bottom: 6px;

    border-bottom: none;

}



.left-col {

    background: linear-gradient(0deg,rgba(0, 0, 0, 0.76),rgba(51, 51, 51, 0.32)),url(../img/home-bg.jpg);

    text-align: center;

    background-size: cover;

    background-position: center;

}



.left-col-content {

    color: #1A7BF9;

    width: 100%;

}



.login-header {

    font-size: 27px;

    font-weight: 600;

}



    .login-header a {

        color: #fff;

    }



.form-header {

    font-size: 18px;

    margin: 16px 0;

}



.btn-login {

    padding: 6px 52px !important;

}



.right-col {

    background-color: #243949;

    height: 100%;

    min-height: 100vh;

}



    .right-col label {

        color: #fff;

    }



    .right-col a, .text-white a {

        color: #fff;

        font-weight: 600;

        font-size: 15px

    }



        .right-col a:hover, .text-white a:hover {

            color: #ccc;

        }



.right-col-content {

    padding: 10% 16%;

    padding-bottom: 3%;

}



.right-col-content-register {

    padding: 2% 8%;

}



.input_inline {

    width: 100%;

    display: inline-flex;

}



    .input_inline input, .input_inline span {

        width: 50%;

    }



.bg-manufacturing {

    background-color: #ff851b;

}



.img-thumbnail {

    position: relative;

    width: 70px;

    height: 70px;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 2px;

    transition: border .2s ease-in-out;

    padding: 4px;

    margin: 3px;

    text-align: center;

}



    .img-thumbnail > .badge {

        position: absolute;

        top: -5px;

        right: -7px;

        font-size: 9px;

        font-weight: 400;

        cursor: pointer;

    }



.navbar-nav > .notifications-menu > .dropdown-menu > li .menu {

    max-height: 350px;

}



.bg-aqua-lite {

    background-color: #7FFFD4;

}



.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {

    white-space: normal;

}



.spacer {

    margin-top: 20px;

}



#product_list_body {

    height: 65vh;

    max-height: 65vh;

    overflow-y: scroll;

    overflow-x: hidden;

}



.div-overlay {

    cursor: not-allowed;

    background: #e9e9e9;

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0.5;

}



.d-inline-table {

    display: inline-table;

}



.label-round {

    font-size: 8px;

    border-radius: 44%;

}



.table > tbody + tbody {

    border-top: 0;

}



.table-pl-12 td, .table-pl-12 th {

    padding-left: 12px !important;

}



table tbody td.pl-20-td {

    padding-left: 20px !important;

}



table.table-border-center > tbody > tr > td:first-child,

table.table-border-center > thead > tr > th:first-child,

table.table-border-center > tfoot > tr > td:first-child {

    border-right: 1px solid darkgray;

}



table.table-border-center-col > tbody > tr > td:nth-child(2),

table.table-border-center-col > thead > tr > th:nth-child(2),

table.table-border-center-col > tfoot > tr > td:nth-child(2) {

    border-right: 1px solid darkgray;

    border-left: 1px solid darkgray;

}



.bg-transparent {

    background-color: transparent !important;

}



.mb-0 {

    margin-bottom: 0;

}



.nav-tabs > li > a {

    font-size: 18px;

    font-weight: 600;

}



.table-transparent, .table-transparent th {

    background-color: transparent !important;

    color: #000 !important;

}



.td-full-width {

    white-space: nowrap;

}



.font-17 {

    font-size: 17px !important;

}



table.dataTable tbody > tr.selected {

    background-color: #B0BED9;

}



tr.footer-total > td {

    vertical-align: middle !important;

}



.error {

    color: red !important;

}

/*  pos tab */

div.pos-tab-container {

    z-index: 10;

    background-color: #ffffff;

    padding: 0 !important;

    border-radius: 4px;

    -moz-border-radius: 4px;

    border: 1px solid #ddd;

    margin-bottom: 28px;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

    box-shadow: 0 6px 12px rgba(0,0,0,.175);

    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);

    background-clip: padding-box;

}



div.pos-tab-menu {

    padding-right: 0;

    padding-left: 0;

    padding-bottom: 0;

}



    div.pos-tab-menu div.list-group {

        margin-bottom: 0;

    }



        div.pos-tab-menu div.list-group > a {

            margin-bottom: 0;

        }



            div.pos-tab-menu div.list-group > a .glyphicon,

            div.pos-tab-menu div.list-group > a .fa {

                color: #5A55A3;

            }



            div.pos-tab-menu div.list-group > a:first-child {

                border-top-right-radius: 0;

                -moz-border-top-right-radius: 0;

            }



            div.pos-tab-menu div.list-group > a:last-child {

                border-bottom-right-radius: 0;

                -moz-border-bottom-right-radius: 0;

            }



            div.pos-tab-menu div.list-group > a.active,

            div.pos-tab-menu div.list-group > a.active .glyphicon,

            div.pos-tab-menu div.list-group > a.active .fa {

                background-color: #3c8dbc;

                color: #ffffff;

                border-color: #3c8dbc;

            }



                div.pos-tab-menu div.list-group > a.active:after {

                    content: '';

                    position: absolute;

                    left: 100%;

                    top: 50%;

                    margin-top: -13px;

                    border-left: 0;

                    border-bottom: 13px solid transparent;

                    border-top: 13px solid transparent;

                    border-left: 10px solid #3c8dbc;

                }



div.pos-tab-content {

    background-color: #ffffff;

    /* border: 1px solid #eeeeee; */

    padding-left: 20px;

    padding-top: 20px;

}



div.pos-tab div.pos-tab-content:not(.active) {

    display: none;

}



.add-product-price-table th {

    background-color: #5cb85c;

    color: white;

}



.blue-header th {

    background-color: #3c8dbc;

    color: white;

}



.table-th-green th {

    background-color: #5cb85c;

    color: white;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0;

}



.active-cell {

    border: 2px dotted #3c8dbc !important;

}



.cursor-pointer {

    cursor: pointer !important;

}



.pos_product_div {

    min-height: 40vh;

    max-height: 40vh;

    overflow-y: auto;

    /*margin-bottom: 20px;*/

}



.bg-lightgray {

    background-color: #F0EDED !important;

}



.balance_due_box > li {

    padding: 11px 5px 0px 5px;

}



.option-div {

    padding: 15px;

    background-color: #d2d6de;

    color: #333;

    border: 1px solid #d2d6de;

    cursor: pointer;

}



    .option-div input[type="radio"] {

        display: none;

    }



.option-div-group .icon {

    color: #d33724;

    display: none;

}



.option-div-group .option-div:hover {

    border: 1px solid gray;

}



.option-div-group .active .icon {

    display: block;

}



.margin-left-10 {

    margin-left: 10px;

}



.margin-bottom-12 {

    margin-bottom: 12px;

}



.bg-info {

    background-color: #00c0ef !important;

}



    .bg-info > a {

        color: #FFFFFF !important;

    }



        .bg-info > a:hover {

            background-color: #337ab7 !important;

        }



ul.dt-button-collection {

    background-color: #00c0ef;

}



td.details-control {

    background: url('/img/details_open.png') no-repeat center center;

    cursor: pointer;

}



tr.details td.details-control {

    background: url('/img/details_close.png') no-repeat center center;

}



.icheckbox_square-blue, .iradio_square-blue {

    margin-right: 10px;

}



.header-right-div {

    right: 10px;

    float: right;

    position: absolute;

    top: 15px;

}



.header-left-div {

    margin-top: 15px;

    display: inline-flex;

}



.m-8 {

    margin: 8px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-15 {

    margin-top: 15px;

}



.m-5 {

    margin: 5px;

}



.icon-link {

    text-align: center;

    display: block;

    margin-bottom: 18px;

}



    .icon-link > a {

        display: grid;

    }



    .icon-link > .badge {

        position: absolute;

        top: 20px;

        right: 67px;

    }



.link-des {

    display: inline-block;

    text-align: left;

}



.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {

    border: none;

    height: auto;

    width: 100%;

    max-height: 120px;

}



.bg-light-green {

    background-color: #98D973 !important;

    color: #fff !important

}



.hover-q {

    font-size: 16px;

    margin-left: 3px;

    cursor: help;

}



.input-group-addon .hover-q {

    margin-left: 0px;

}



.text-bold {

    font-weight: bold;

}



.tour .popover-content {

    padding: 18px 14px;

}



.table-slim > tbody > tr > td, .table-slim > tbody > tr > th, .table-slim > tfoot > tr > td, .table-slim > tfoot > tr > th, .table-slim > thead > tr > td, .table-slim > thead > tr > th {

    padding: 1px;

}



/* Custom scroll bar start*/



/* width */

::-webkit-scrollbar {

    width: 7px;

}



/* Track */

::-webkit-scrollbar-track {

    background: #f1f1f1;

}



/* Handle */

::-webkit-scrollbar-thumb {

    background: #888;

}



    /* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {

        background: #555;

    }



/* Custom scroll bar end*/



.product_cell {

    height: 100px;

    padding: 1%;

}



.product_cell_div {

    height: 100% !important;

    width: 100% !important;

    text-align: center;

    vertical-align: middle;

    padding-top: 5px;

    cursor: pointer;

    overflow: hidden;

}



/*CSS to print receipts*/

.print_section {

    display: none;

}



@media print {

    .print_section {

        display: inline !important;

    }



    .modal-xl {

        width: 100% !important;

    }



    ::-webkit-scrollbar {

        display: none !important;

    }



    #toast-container {

        display: none;

    }

}



.input-number .btn-default {

    background-color: white;

    padding: 6px 9px;

}



.width-50 {

    width: 50% !important;

}



.width-40 {

    width: 40% !important;

}



.width-60 {

    width: 60% !important;

}



.width-100 {

    width: 100% !important;

}



.font-30 {

    font-size: 30px !important;

}



.font-23 {

    font-size: 23px !important;

}



.padding-5 {

    padding: 5px !important;

}



.padding-10 {

    padding: 10px !important;

}



.padding-side-15 {

    /*padding-left: 15px !important;

    padding-right: 15px !important;*/

}



.text-muted-imp {

    color: #A3A3A3 !important;

}



.table-no-top-cell-border td {

    border-top: 0px !important;

    border-bottom: 0px !important;

}



.table-no-top-cell-border th {

    border-top: 0px !important;

    border-bottom: 0px !important;

}



.table-no-side-cell-border td {

    border-left: 0px !important;

    border-right: 0px !important;

}



.table-no-side-cell-border th {

    border-left: 0px !important;

    border-right: 0px !important;

}



.color-555 {

    color: #555555 !important;

}



    .color-555 * {

        color: #555555 !important;

    }



.color-white {

    color: white !important;

}



.col-no-padding {

    padding-left: 0px;

    padding-right: 0px;

}



.col-2px-padding {

    padding: 2px;

}



.pos-express-btn {

    font-size: 23px !important;

    overflow: hidden !important;

    height: 73px !important;

    white-space: normal;

}



.word-wrap {

    word-wrap: break-word !important;

}



.modal-xl {

    width: 90%; /* respsonsive width */

    margin-left: auto !important;

    margin-right: auto !important;

}



table.ajax_view tbody tr {

    cursor: pointer;

}



.bg-white {

    background-color: #fff;

}



.product-thumbnail-small {

    height: 50px;

    width: 50px;

}



table.table-text-center td, table.table-text-center th {

    vertical-align: middle !important;

}



#featured_products_box{

    padding-left: 15px;

}

.product_list {

    /* padding-left: 8px; */



}



.prod_container {

    margin-left: 10px;

    margin-right: -2px;

}



.product_box, .category_card_test_box {

    width: 100px;

    height: 135px;

    /*padding-top: 5px;

  padding-bottom: 2px;*/

    margin-bottom: 10px;

    text-align: center;

    cursor: pointer;

    /*border: 1px solid darkgray;*/

    font-weight: 500;

    background-color: #fff;

    border-radius: 2px;

    /* padding-top: 3px; */

    position: relative;

}



.category_card_test_box > .category_card_label{

    font-size: 14px;

    padding-bottom: 5px;

    color: #000 !important;

}

    .product_box .image-container, .category_card_test_box .image-container {

        /*width: 95%;*/

        border-radius: 2px;

        z-index: 0;

        position: absolute;

        width: 100px;

        height: 100px;

        top: 0;

        left: 0;

        /* height: 55px; */

        /* margin: auto; */

        object-fit: cover;

        /*padding-top: 5px;*/

    }



.hidden {

    display: none;

    height: 0px;

    width: 0px;

}



.pos_header_title {

    font-size: 16px;

    font-weight: 600;

    /* margin-bottom: 25px; */

    width: 100%;

    padding-bottom: 5px;

    border-bottom: #687577 solid 1px;

    margin: 25px 10px;

}



.pos_categories_header_container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    padding-right: 10%;

    border-bottom: #687577 solid 1px;

    

}



.pos_categories_header_title {

    font-size: 16px;

    font-weight: 600;

}



.full-width {

    width: 100% !important;

}



.shown {

    display: block;

}

.category_btns {

    width: 90%;

    display: flex;

    justify-content: space-between;

}

.all_categories {

    width: 100px;

    height: 20px !important;

    margin-left: auto;

}



.all_categories > .category_card_test_box  {

    width: 100px !important;

    height: 20px !important;

}



.parent_category > .category_card_test_box{

    height: 20px !important;

    margin-top: 10px;



}



.parent_category_text{

    display: flex;

    justify-content: space-evenly;

    align-items: center;

    text-transform: uppercase;

}



.subcategories_container {

    width: fit-content;

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    /* margin-top: 10px; */

    /* padding-left: 130px; */

}



#category_cards_list_container {

    display: none;

}



.category_card_test {

    width: 100px;

}



.category_cards_container {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 20px;

}











.product_box .image-container img {

    height: 45px;

    /*width: 45px*/

}



.eq-height-row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

}



.eq-height-col {

    display: flex;

}



.product_box .text_div, .category_card_test_box .text_div {

    z-index: 9;

    width: 100%;

    color: #000 !important;

    position: absolute;

    text-align: center;

    bottom: 0;

}



.category_card_test_box .text_div .text-muted {

    color: #000 !important;



}

.product_box .text {

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1; /* number of lines to show */

    line-height: 14px; /* fallback */

    max-height: 14px; /* fallback */

    color: #000;

    margin-bottom: 10px

}



.color-black {

    color: #000 !important;

}



.small-box.bg-gray:hover {

    color: #000;

    text-decoration: none;

}



#calendar table tbody td {

    cursor: pointer;

}



.min-height-90hv {

    min-height: 90vh !important;

}



/* Grow Shadow */

.hvr-grow-shadow {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: box-shadow, transform;

    transition-property: box-shadow, transform;

}



    .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {

        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);

        -webkit-transform: scale(1.1);

        transform: scale(1.1);

    }



.text-link {

    cursor: pointer;

}



    .text-link:hover {

        text-decoration: underline;

    }



.v-center {

    vertical-align: middle !important;

}



.bg-woocommerce {

    background-color: #9E458B !important;

}



/*.box, .info-box, .nav-tabs-custom, .external-event{

  box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2) !important;

}*/



.user_avatar {

    border-radius: 50%;

    width: 25px;

    height: 25px;

    margin: 1px;

}



.fs-10 {

    font-size: 10px;

}



.timeline-lode-more-btn {

    margin-left: 50px;

    margin-top: 25px;

    padding-right: 12px;

    padding-left: 12px;

}



.pa-0 {

    padding: 0px !important;

}



.mt-56 {

    margin-top: 56px !important;

}



.m-2 {

    margin: 2px !important;

}



.treeview-menu i {

    display: none !important;

}



.treeview-menu a {

    padding-left: 25px !important;

    font-size: 95% !important;

}



    .treeview-menu a::before {

        content: "\2192 ";

    }



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

    .pos-form-actions {

        position: absolute;

    }

}



.mr-8 {

    margin-right: 8px !important;

}



@media (max-width: 1024px) {

    .pos_form_totals {

        margin-bottom: 40px;

    }

}



.swal-modal .swal-text {

    text-align: center;

}



.pos-total {

    display: inline-block;

    padding: 8px 10px;

    vertical-align: middle;

    margin-left: 5px;

    margin-right: 5px;

}



    .pos-total span.number {

        font-size: 26px;

        vertical-align: middle;

        font-weight: bolder;

    }



    .pos-total span.text {

        font-weight: bolder;

        display: inline-block;

        width: 60px;

        vertical-align: middle;

    }



.mb-40 {

    margin-bottom: 40px !important;

}



@media print {

    a:after {

        content: '';

    }



    a[href]:after {

        content: none !important;

    }

}



.fa-times {

    font-size: 30px

}



.mb-5 {

    margin-bottom: 5px !important;

}



.tree-actions {

    margin-left: 20px;

    display: none;

}



.jstree-hovered .tree-actions {

    display: inherit;

}

.product-thumbnail-small {

    max-width: 40px;

    max-height: 40px;

    object-fit: cover;

    border-radius: 4px;

}