.header_part_middle .icon__menu {
    display: flex;
    flex-direction: row;
}
.header_part_middle .icon__menu .be-last {
    order: 99;
}
.header_part_middle{
    position: relative;
}

.header_part_middle .icon__menu:last-child{
    padding-right: 50px;
}

#left_side_button_holder_absolute button,
.no-need-for-waiter button{
    width:100%;
    color:#FFF !important;
    position:relative;
    font-size:16px;
    cursor:pointer;
    background:black;
}
#left_side_button_holder_absolute button:before,
.no-need-for-waiter button:before{
    content:'';
    height:20px;
    width:95%;
    text-align:center;
    -webkit-border-radius:40px;
    border-radius:40px;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(rgba(255,255,255,0.9),0),color-stop(rgba(255,255,255,0),0.5));
    background:-webkit-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:-moz-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:-o-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    display:block;
    position:absolute;
    top:1px;
    left:5px;
    opacity:0.3;
}
.no-need-for-waiter:focus:before {
    height: 0px;
}
.category_button, .category-list ul li a{
    padding: 0 10px !important; /* 04-09-2023 */
    width:100%;
    text-align:center;
    height: 44px !important;
    line-height: 20px;
    color:#fff !important;
    position:relative;
    display:block;
    font-size: 13px;
    cursor:pointer;
    border: 1px solid #333;
    /*    background:-webkit-gradient(linear,left top,left bottom,color-stop(#7295b5,0),color-stop(#005081,0.47),color-stop(#0A91CB,0.7),color-stop(#00abe5,0.94),color-stop(#02a8e4,1));
        background:-webkit-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%);
        background:-moz-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%);
        background:-o-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%);
        background:linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%);*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#383838+0,000000+2,383838+50,000000+50,050505+99,e0e0e0+99,050505+99 */
    background: #383838; /* Old browsers */
    background: -moz-linear-gradient(top,  #383838 0%, #000000 2%, #383838 65%, #000000 65%, #050505 99%, #e0e0e0 99%, #050505 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #383838 0%,#000000 2%,#383838 65%,#000000 65%,#050505 99%,#e0e0e0 99%,#050505 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #383838 0%,#000000 2%,#383838 65%,#000000 65%,#050505 99%,#e0e0e0 99%,#050505 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#050505',GradientType=0 ); /* IE6-9 */
}
.category_button:focus:before {
    height: 0px;
}
.category_button:before, .main_bottom button:before {
    content:'';
    height:20px;
    width:95%;
    text-align:center;
    -webkit-border-radius:40px;
    border-radius:40px;
    /*    background:-webkit-gradient(linear,left bottom,left top,color-stop(rgba(255,255,255,0.9),0),color-stop(rgba(255,255,255,0),0.5));
        background:-webkit-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
        background:-moz-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
        background:-o-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
        background:linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);*/

    display:block;
    position:absolute;
    top:1px;
    left:5px;
    opacity:0.3;
}

/* background color*/
#main_item_holder {
    background: #000;
}
#category-list {
    background: #000;
}
#main_part .main_right{

}
#searched_item_found .single_item, .specific_category_items_holder .single_item{
    background: #343333 !important;
    color: white;
}
#main_part .main_right .search-category-form {
    margin-bottom: 10px;
}
.left_item .main_left, .left_item .main_middle{
    background: #000;
}
#main-wrapper-content, #main_part {
    background: #000;
    height: 100vh;
}

.order_table_holder .order_holder {
    background: #fff;
}
.order_table_holder .order_holder .single_order{
    border-bottom: 1px dashed silver;
}

.payable i.left {
    float: left;
}
.payable i.right {
    float: right;
}

.payable i.box-icon {
    font-size: 20px !important;
    background: white;
    color:#3c3c3c ;
    border-radius: 5px;
    padding: 5px;
}
.bottom__info .payable h1{
    padding: 10px;
    margin: 0;
}
.main_center {
    height: calc(100vh - 270px);
}

.main_right .category_items .single_item .item_price{
    display: none;
}
.running_order_custom.single_order[data-selected="selected"]{
    background: #0A91CB !important;
    color: #fff !important;
}
.running_order_custom.single_order[data-selected="selected"] *{

    color: #fff !important;
}
.main_right{
    /*background: #343333 !important;*/
}
.search-category-form{
    border-radius: 3;
}
#main_part.show-ro .main_left  {
    display: none;
}
#main_part.show-ro .main_middle  {

    width: calc(99% - 1px) !important;

}
.icon__menu.the-main-icon-menu li{
    padding: 0 5px;
}
.pos_outlet_info_ro_toggle{
    margin-left: 5px;
    /* font-weight: bold; */
    cursor: pointer;
    color: #e50e0e;
}
.ro-container{

    margin-right: 0 !important;
}
.barcode-container {
    position: relative;
}

.barcode-container .fa.fa-qrcode {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #22bfe9;
}

.kios_search_barcode{
    color: #ffffff !important;
    max-width: 100% !important;
    border-color: #0A91CB !important;
}

.kios-barcode-container .fa.fa-qrcode {
    position: absolute;
    color: #0A91CB;
    padding: 15px 8px;
}
.search-category-form table td input{
    background-color: #fff !important;
}

.main_bottom button{
    height: 35px !important;
    line-height: 35px !important;
}

.btn__menu li>a {
    color: white;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    border: none;
    display: block;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 0.25rem;
    transition: all 0.3s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

}
.btn__menu {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.btn__menu li {
    margin-left: 10px;
}

.top_header_part {
    background-color: #000 !important;
    border-bottom: 1px solid #151515;
}
.outlet-logo.irestora_font_div_pos{
    color: #e4edf0 !important;
}
.option-sub-menu.sub__menu,
.option-sub-menu .sub__menu,
.pos-user-profile .sub__menu{
    background: #474747;
}
.option-sub-menu li a:hover{
    background: #333;
}
.scroll-wrapper.category-list.scrollbar-macosx{
    margin-top: 4px;
}
.header_menu_icon .fa-ellipsis-v{
    color: #e50e0e;
}
.has__children_sub .sub__menu{
    top:0;
    left: 170px;
}

.bottom__info .payable h1{
    background: #343333;
    color: #fff;
}
.order_table_holder {
    height: calc(100% - 1px);
}
.main_center{
    margin-bottom: 0;
}
#bottom_absolute {
    margin: 5px;
    background-color: #000;
}
#main_bottom{
    background-color: black;
}
#main_part .left_item .main_middle #bottom_absolute .bottom__info {
    padding: 4px !important;
}





.btn__menu li a{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.main_bottom button{
    padding:0 10px !important;
}
.main_bottom button, .search-category-form .btn__menu li a {
    width:100%;
    text-align:center;
    color:#000 !important;
    position:relative;
    display:block;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor:pointer;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
.main_bottom button:hover, .search-category-form .btn__menu li a:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c2c3c4+0,e5ebee+50,d7dee3+51,babcbc+100 */
    background: #c2c3c4; /* Old browsers */
    background: -moz-linear-gradient(top, #c2c3c4 0%, #e5ebee 50%, #d7dee3 51%, #babcbc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c2c3c4 0%,#e5ebee 50%,#d7dee3 51%,#babcbc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c2c3c4 0%,#e5ebee 50%,#d7dee3 51%,#babcbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c3c4', endColorstr='#babcbc',GradientType=0 ); /* IE6-9 */
}

.pos-user-profile{
    white-space: nowrap;
    position: unset !important  ;
    margin-top: 10px;
}
.pos-user-profile{
    position: absolute !important;
    right:10px;
    top: 0;
    white-space: nowrap;
    color: white;
}
.pos-user-profile a i{
    color: #22bfe9 !important;
}
.pos-user-profile a{
    display: inline-block !important;
    box-shadow: none !important;
}
.pos-user-profile .sub__menu{
    height: auto !important;
    right: 0 !important;
    left: auto !important;
}
.future-sale-caption{
    text-align: center;
    background: #2c2c2c;
    padding: 5px;
    color: white;
    margin: 0;
    font-weight: bold;
}
.red {
    color: #e50e0e !important;
}
.yellow{
    color: #f4e20d !important;
}
.green{
    color: #9be40e !important;
}
.blue{
    color: #22bfe9!important;
}
.pink{
    color: pink !important;
}
.waiter_customer .select2.select2-container {
    margin: 0 2px;
}
.width-200{
    width: 200px !important;
}
.top_header_part .header_part_middle .icon__menu li a .c_badge {
    color: white !important;
    width: 16px;
    height: 16px;
    font-size: 12px;
}

/* Login Page */
.pinlogin .pinlogin-field:read-only{
    background: white !important;
}

#loginpin {
    float: none;
}

.submit_login, .loginLB button {
    color: white;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#7295b5,0),color-stop(#005081,0.47),color-stop(#0A91CB,0.7),color-stop(#00abe5,0.94),color-stop(#02a8e4,1)) !important;
    background:-webkit-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
    background:-moz-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
    background:-o-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
    background:linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid black;
}
.card .button-container button, .card .button-container button:hover, .card .button-container button:active, .card .button-container button:focus,
.submit_login:hover, .loginLB button:hover, .submit_login:active, .loginLB button:active {
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#7295b5,0),color-stop(#005081,0.47),color-stop(#0A91CB,0.7),color-stop(#00abe5,0.94),color-stop(#02a8e4,1)) !important;
    background:-webkit-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
    background:-moz-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
    background:-o-linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
    background:linear-gradient(top,#7295b5 0%,#005081 47%,#0A91CB 70%,#00abe5 94%,#02a8e4 100%) !important;
}
.loginLB button{
    width: 100%;
    margin: 5px 0;
    height: 42px;

}
.loginLB .btn-login{
    text-align: center;
    border: 1px solid silver;
    border-radius: 0 ;
    width: 62px;
    height: 50px;
    padding: 0;
    line-height: 40px;
    background: white;
    font-size: 20px;
    font-weight: bold;
}
.loginLeft{
    padding: 40px 40px;
    background: #ffffffa1;
    border-radius: 0 0 0 10px;
}
.pinlogin .pinlogin-field{
    width: 45px;
    height: 40px;
    margin: 0 1px;
    font-size: 25px;
}
.pinlogin{
    paddding: 0;
    margin-bottom: 10px;
}
.m-0{
    margin: 0;
}
.p-0{
    padding: 0;
}
.loginBox{
    background: transparent;
    padding: 0 0;
}
body{
    background-image: url(../../../frequent_changing/newDesign/img/kiosk6.jpg);
    background-size: cover;
}
#cart_item_cash_register{
    color: #0ad40a;
    padding-left: 10px;
    padding-right: 10px;
}
#order_details_holder{
    background: #343333;
}
#main_part .left_item .main_middle{
    background-color: #343333;
}
#running_order_header{
    background-color: #343333;
    color: #22bfe9;
}
#left_side_button_holder_absolute{
    background: grey;
}
#search_running_orders{
    margin: 0 5px;
    width: 95% !important;
}

.holder .order_details .single_order[data-selected="unselected"] p,.holder .order_details .single_order[data-selected="unselected"] i {
    color: #000
}

.holder .order_details .single_order[data-selected="unselected"] {
    background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#e5e9eb 51%,#f5f7f9 100%);
    color: #000;
}
.left_item .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #fff !important;
}
.single_order_column.third_column i{
    width: 35px;
    border: 1px solid #bcbdbe;
    color: white !important;
    background-color: #0A91CB !important;
}
.loginBox .title{
    display: none;
}
.card:first-child {
    background: #fafafa66;
}

.red_error {
    background: #090000ba;
    margin: 0;
    color: #ff5b5b;
}



.btn_login_pin_type {
    color: #464646;
    background: #ffffffa6;
}
.active_login_btn {
    background-color: #00588a;
    color: white;
    border: 1px solid #00588a;
}
.active_login_btn:focus, .active_login_btn:hover {
    background-color: #0f6596;
    color: white;
    border: 1px solid #147ab4;
}
.pen-title{
    position: absolute;
    left: 10px;
    top: 10px;
}
.btn_login_pin_table {
    margin-top: 250px;
}
.card .input-container input{
    margin-top: 21px;
}
.loginDefault{
    background: #000000b0;
    padding: 30px 0;
    display: none;
    border-radius: 0 0 10px 10px;
}
.card .input-container {
    position: relative;
    margin: 10px 60px 6px;
}
.footer.div_2 a{
    font-size: 16px;
    color: #d0dddf;
}
.footer.div_2 a:hover{
    color: #d0dddf;
}
.card .footer {
    margin: 15px 0 0;
}
.btn_login_pin_type{
    border: 1px solid transparent;
}

.loginRight{
    width: 50%;
    height: 100%;
    background: #00000069;
    height: 330px;
    border-radius: 0 0 10px 0;
}
.loginDefault input {
    color: white !important;
    background: transparent !important;
}
.div_signup_link_a:hover {
    color: #82c1f8;
}
.div_signup_link_a{
    color: #a0d3ff ;
}
.input-container.div_2 label{
    color: #fffffff0 !important;
    margin-top: 10px;
}
.card .button-container button:before{
    background: #0000002b;
}

.btn_login_pin_type:focus {
    color: #1d3a77;
}
.btn_login_pin_type:hover {
    color: #1d3976;
}
.pl-5{
    padding-left: 5px;
}
.card .input-container .bar:before, .card .input-container .bar:after{
    background: #00abe5;
}

.scroll-wrapper.category-list.scrollbar-macosx {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
#main_item_holder .button_category_down{
    position: absolute;
    bottom: 90px;
    width: 130px;
}
#main_item_holder {
    position: relative;
}
#main_item_holder .button_category_up{
    position: absolute;
    top: 5px;
    width: 130px;
}
.category-up-btn:before {
    content: '';
    height: 28px;
    width: 95%;
    text-align: center;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(rgba(255,255,255,0.9),0),color-stop(rgba(255,255,255,0),0.5));
    background:-webkit-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:-moz-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:-o-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    opacity: 0.3;
}
.category-up-btn:hover, .category-up-btn:active, .category-up-btn:focus {
    opacity: 0.7;
}
.category-up-btn {
    display: block;
    padding: 5px;
    color: #333;
    text-decoration: none;
    background-color: #000;
    border-radius: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 9px !important;
    width: 100%;
    text-align: center;
    height: 50px !important;
    line-height: 50px;
    color: #FFF !important;
    position: relative;
    display: block;
    font-size: 16px;
    cursor: pointer;
    margin-top: 5px;
}
.single_order.customer_panel{
    font-weight: bold;
    font-size: 14px !important;
}
.single_order .single_order_column i{
    margin: 0 7px;
}
.specific_category_items_holder{
    background: transparent ;
}
#main_item_holder{
    background: rgb(0,87,145);
    background: -moz-linear-gradient(126deg, rgba(0,87,145,1) 0%, rgba(0,6,10,1) 21%, rgba(0,139,233,1) 100%);
    background: -webkit-linear-gradient(126deg, rgba(0,87,145,1) 0%, rgba(0,6,10,1) 21%, rgba(0,139,233,1) 100%);
    background: linear-gradient(126deg, rgba(0,87,145,1) 0%, rgba(0,6,10,1) 21%, rgba(0,139,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005791",endColorstr="#008be9",GradientType=1);
}

#main_part .main_right {
    background-color: #343333;
}
.category_button img.no-image {
    border-radius: 50%;
}
/* .category_button img {
    width: 39px;
    height: 35px !important;
    margin-left: 34px;
    margin-top: 5px;
    margin-bottom: 3px;
    display: block;
} */
/* .img_size_info {
    padding-top: 13px !important;
} */

#main_part .main_right #main_item_holder {
    padding-left: 5px;
}
#main_part .main_right #main_item_holder .category-list {
    height: calc(100vh - 325px) !important;
}

.header_part_middle ul li.ro-containers:hover, .header_part_middle ul li.ro-containers:active, .header_part_middle ul li.ro-containers:focus{
    background-color: transparent !important;
}
.header_part_middle ul li.aqua-line:hover, .header_part_middle ul li.aqua-line:active, .header_part_middle ul li.aqua-line:focus{
    border-bottom: 2px solid aqua;
    background-color: #000;
}
.red-line{
    /* border-bottom: 2px solid red; */
}
.header_part_middle ul li{
    width: auto;
    border-bottom: 2px solid transparent;

}
.header_part_middle ul li a i{
    position: absolute;
    left:0;
    bottom: 8px;
}
.header_part_middle ul li a {
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    padding-left: 20px !important;
}
.top_header_part .header_part_middle .icon__menu li a i{
    font-size: 15px;
}
.show-ro .ro-containers{
    border: 1px solid #ff00003c !important;
}
.ro-containers{
    margin: 0 5px 0 0;
    padding: 5px 15px 5px 10px;
    font-size: 18px;
    white-space: nowrap;
    border-radius: 6px;
    border: 1px solid #ff000069;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,2d2d2d+52,000000+52,000000+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #2d2d2d 52%, #000000 52%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #000000 0%,#2d2d2d 52%,#000000 52%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #000000 0%,#2d2d2d 52%,#000000 52%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
.baseline-shift{
    margin-top: 15px !important;
}

.top_header_part .header_part_middle .icon__menu li a {
    font-size: 15px;
    letter-spacing: -0.3px;
}
.float-right{
    float: right;
}

.the-option-menu li a{
    padding-right: 5px;
}
.some-select-container{
    width: 50% !important;
}
#main_part .left_item .main_middle .waiter_customer .left_item .some-select-container span.select2.select2-container.select2-container--default{

    width: 98% !important;
}
.full-screen-ul{
    list-style: none;
    display: inline-block;
    padding: 0 15px 0 0;
}
.pos-user-profile a {
    padding-right:10px;
}

#search_barcode {
    background: url(../../../images/barcode.png);
    background-repeat: no-repeat;
    border: 1px solid rgb(24 63 101);
    border-radius: 0;
    width: -webkit-fill-available;
    width: -moz-available;
    margin: 0px 0px 0px 0px;
    background-size: 14px;
    background-position: 8px;
    padding: 5px 0px 5px 30px;
    display: block;
    height: 37px;
    transition: all 0.3s;
    color: #22bfe9;
}
#search_barcode:hover, #search_barcode:active, #search_barcode:focus{
    box-shadow: none;
}
.the-main-icon-menu a i{
    color: #edf1f3;
}

.pos_outlet_info{
    margin-right: 10px;
}
#main_part .left_item .main_middle #bottom_absolute .bottom__info .main_bottom .button_group button span {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    width: 100%;
}
#main_part .left_item .main_middle #bottom_absolute .bottom__info .main_bottom .button_group button i {
    display: block;
    position: absolute;
    top: 14px;
    left: 45%;
}
#main_part .left_item .main_middle #bottom_absolute .bottom__info .main_bottom .button_group button{

    border: 1px solid #3972c3;
    color: #fff !important;
    width: 100%;
    height: 75px !important;
    background: #383838;
    background: linear-gradient(to bottom, #383838 0%,#323232 2%,#636060 65%,#000000 65%,#050505 99%,#e0e0e0 99%,#050505 99%);
}
#main_part .left_item .main_middle #bottom_absolute .bottom__info .main_bottom .button_group button:before {
    content:'';
    height:20px;
    width:95%;
    text-align:center;
    -webkit-border-radius:40px;
    border-radius:40px;
    display:block;
    position:absolute;
    top:1px;
    left:5px;
    opacity:0.3;
}

#main_part .left_item .main_middle .waiter_customer .left_item #id-walkin-customer-wrap.walkin-customer-wrap span.select2.select2-container.select2-container--default, 
#main_part .left_item .main_middle .waiter_customer .left_item.isFoodCourt #id-walkin-customer-wrap.walkin-customer-wrap span.select2.select2-container.select2-container--default{
    width: calc(98% - 80px) !important;
}
.walkin-customer-wrap{
    width: 100%;
    white-space: nowrap;
}
.walkin-customer-wrap .separator{
    width: 65px !important;
    float: right;
}
#main_part .left_item .main_middle .waiter_customer .separator{
    padding-top: 3px;
    padding-right: 5px;
}
.walkin-customer-wrap{
    border: 1px solid silver;
    border-radius: 5px;
    margin-left: 2px;
}
.walkin-customer-wrap .select2-container--default .select2-selection--single{
    border: 0 none !important;
    margin-left: 3px;
}
#main_part .left_item .main_middle .waiter_customer .left_item {
    width: calc(100% - 70px) !important;
}

/* The popup { */

#options_modal .modal_hide_options{
    background: #e50e0e;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 30px;
    font-weight: bold;
    letter-spacing: 2px;
    height: 50px;
}

#end_of_day_modal .modal_hide_options_end_day{
    background: #e50e0e;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 30px;
    font-weight: bold;
    letter-spacing: 2px;
    height: 50px;
}
#options_modal .pos__modal__title{
    color: #439ffb;
    font-size: 16px;
}
#options_modal{
/*    background:-moz-linear-gradient(292deg, rgba(3, 20, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
     safari 5.1+,chrome 10+ 
    background:-webkit-linear-gradient(292deg, rgba(3, 20, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
     opera 11.10+ 
    background:-o-linear-gradient(292deg, rgba(3, 20, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
     ie 6-9 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031450', endColorstr='#000000', GradientType=0 );
     ie 10+ 
    background:-ms-linear-gradient(292deg, rgba(3, 20, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
     global 94%+ browsers support 
    background:linear-gradient(292deg, rgba(3, 20, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);*/
}
#option_details_content .row{
    width: 100%;
    float: left;
}
#option_details_content .cols-2 {
    width: 16.66%;
    float: left;
    display: inline-block;
}
#option_details_content .cols-3 {
    width: 20%;
    float: left;
    display: inline-block;
    cursor: pointer;
}
#option_details_content .cols-4 {
    width: 33.32%;
    float: left;
    display: inline-block;
}
#option_details_content .cols-10{
    width: 83.33%;
    float: left;
    display: inline-block;
}
#option_details_content .cols-8{
    width: 66.66%;
    float: left;
    display: inline-block;
}
#option_details_content .item {
    border-radius: 2px;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    
    border: solid #337FED 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 115px;
    margin: 5px;
    height: 70px;
    display: inline-block;
    float: left;

    background: linear-gradient(to bottom,  #181a1c 0%,#000000 100%);

}
#option_details_content .cell span {
    color: white !important;
}
#option_details_content .cell{
    background: #081727;
    background: -moz-linear-gradient(top, #383838 0%, #000000 2%, #383838 65%, #000000 65%, #050505 99%, #e0e0e0 99%, #050505 99%);
    background: -webkit-linear-gradient(top, #383838 0%,#000000 2%,#383838 65%,#000000 65%,#050505 99%,#e0e0e0 99%,#050505 99%);
    background: linear-gradient(to bottom, #383838 0%,#000000 2%,#383838 65%,#000000 65%,#050505 99%,#e0e0e0 99%,#050505 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#050505',GradientType=0 );
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 700;
    padding: 25px 5px;
    /*border: solid #337FED 1px;*/
    border: 1px solid #444;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 90%;
    margin: 5px;
    height: 70px;
    position: relative;

}
#option_details_content .logo{
    width: 100%;
    background: black;
}
#option_details_content .cell i{
    position: absolute;
    top: 10px;
    left: 40%;
    font-size: 25px;
    color: #fff;
}
#option_details_content span.item.active_lng {
    border-bottom: 2px solid #4cb0af !important;
}
#option_details_content span.item a {
    text-decoration: none;
    color: #22bfe9;
    width: 115px;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    padding: 5px;
}
#option_details_content .cell span{
    text-align: center;
    margin-top: 30px;
    height: 10px;
    float: left;
    width: 100%;
}
/* The popup }  */



/* All Popup { */
.modal-bs{
    border-top: 5px solid #0A91CB !important;
    background-color: #1f1f1f !important;
}

.modal-bs .fal.fa-minus, .modal-bs .fal.fa-plus{
    color: black !important;
}
.modal-bs .modal-bs-content{
    background: #28252500 !important;
    color: white;
}
.modal-bs .modal-bs-content .main_header {
    color: white;
}
.modal-bs button.red-button{
    background:red !important;
    color: white;
}
.modal-bs button.aqua-button{
    background:#269739 !important;
    color: white;
}
 
.modal-bs button.gray-button{
    background:#607d8b !important;
    color: white;
}
.modal-bs button.submit, 
.modal-bs button.green-button{
    background: #269739 !important;
    color: white;
}
.modal-bs button.blue-button{
    background:#269739 !important;
    color: white;
}
.modal-bs button.red-button:hover{
    background:red !important;
}

.modal-bs button.aqua-button:hover{
    background:#269739 !important;
}
.modal-bs button.gray-button:hover{
    background:#607d8b !important;
}
.modal-bs button.submit:hover, 
.modal-bs button.green-button:hover{
    background: #269739 !important;
}
.modal-bs button.blue-button:hover{
    background:#269739 !important;
}
.modal-bs .modal-bs-content .header-row,
.modal-bs .modal-bs-content .header-row div{
    color: #000 !important;
}
.modal-bs .modal-bs-content input, .modal-bs .modal-bs-content textarea{
    background: #f4f4f4;
    color: #060606 !important;
}
.modal-bs .modal-bs-content .scrollbar-macosx span{
    color: #000 !important;
}
.modal-bs .modal-bs-content .modal_payable span, .modal-bs .modal-bs-content .payable span, .modal-bs h3{
    color: #fff !important;
}
/* .modal-bs .modal-bs-content i, 
.modal-bs .modal-bs-content h1, 
.modal-bs .modal-bs-content span{
    color: #eee !important;
} */
.modal-bs .modal-bs-content .notification_list_holder,
.modal-bs .modal-bs-content .scrollbar-macosx {
    background-color: #fff !important;
    color: #000 !important;
}
#options_modal .scrollbar-macosx-transparent{
    background-color: transparent !important;
}
.modal-bs .main-body{
    padding: 10px;
}
.modal-bs .main-header, 
.modal-bs .main_header, 
.modal-bs #modal_item_name, 
.modal-bs #modal_item_name_2, 
.modal-bs .pos__modal__header, 
.modal-bs #modal_notification_header{
    border-bottom: 1px solid #323234 !important;
    background: #1f1f1f !important;
}

.modal-bs .alertCloseIcon i,
.modal-bs .pos__modal__close i{
    color: red !important;
    font-weight: bold !important;
}
.modal-bs .tab:nth-child(odd) label{
    color: red !important;
}
.modal-bs .tab:nth-child(even) label{
    color: #0A91CB !important ;
}
#main_part .left_item .main_middle #bottom_absolute .bottom__info .main_bottom .button_group {
    width: 50% ;
    float: left;
    padding: 0 5px;
    display: flex;
}

#main_part .left_item .main_middle .kiosk_btns .bottom__info .main_bottom .button_group {
    width: 100% !important;
    float: left;
    padding: 0 5px;
}
i.fal.fa-expand-arrows-alt {
    color: #0A91CB !important;
}
i.fal.fa-times {
    color: #0A91CB;
}
#order_details_post_invoice_buttons button {
    margin-bottom: 10px;
}
#order_details_print_kot_button{
    margin-bottom: 10px;
}
#order_details_close_button{
    margin-bottom: 10px;
}
#left_side_button_holder_absolute i{
    margin-right: 10px;
}


.black-icon-button{
    border: 1px solid #3972c3;
    color: #fff !important;
    width: 100%;
    height: 75px !important;
    background: #383838;
    background: linear-gradient(to bottom, #383838 0%,#323232 2%,#636060 65%,#000000 65%,#050505 99%,#e0e0e0 99%,#050505 99%);
}
.invoice_box {
    width: 195px;
    height: 146px;
    right: -7px;
    top: -145px;
    background: linear-gradient(186deg, rgba(0,87,145,1) 0%, rgb(126 191 209) 1%, rgb(0 119 199) 100%);
}
.invoice_box .invoice_btn_class:before{
    background: transparent !important;
}
.invoice_box button{
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, #383838 0%,#323232 2%,#636060 65%,#000000 65%,#050505 99%,#e0e0e0 99%,#050505 99%) !important;
}
.invoice_box span{
    text-align: center;
    vertical-align: middle;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    width: 100%;
}
.invoice_box i{
    display: block;
    position: absolute;
    top: 14px;
    left: 45%;
}
.invoice_box::after {
    background: #087cc8 !important;
    height: 13px;
    clip-path: polygon(0 0, 100% 0, 24% 109%);
}
.order_table_holder .order_holder {
    background: transparent !important;
}
.main_center{
    background:linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 42%,#e5e9eb 51%,#f5f7f9 100%);
}
.customer_panel.single_order{
    background: white;
}
.footer-side-note{
    font-size: 13px;
    margin: 5px 0;
    font-weight: normal;
    background: #751818;
    padding: 3px;
}
.tab-content{
    color: #000 !important;
}
body{
    color: #000;
}
.register-block .input-container input, .register-block .input-container label, .card .input-container input:valid ~ label{
    color: #fff;
}
.register-block{
    background-color: #000000b0;
}

.card .title {
    border-left: 0 none ;
    color: #147ab4;
}
.register-block{
    display: none;
}
.meta-bottombar img{
    width: 32px;
    padding: 2px;
    margin: 0 2px;
}
.meta-bottombar{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px;
    height: 82px;
    background:#000000b0;
}
.meta-bottombar label{
    color: #fff;
}

.login_clock {
    color: #fff;
    font-size: 32px;
    position: absolute;
    margin-right: 5px;
    top:5px;
    right: 0;
    inset-block-end: 5%;
    inset-inline-end: 2px;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    height: 70px;
    width: 250px;
    background: linear-gradient(135deg, #2143c0b0, #3b8effb0, #02a8e4);
    cursor: default;
    animation: animate 4s linear infinite;
}
.login_clock span{
    position: absolute;
    top: 1px;
    left: 1px;
    width: 248px;
    height:68px ;
    line-height:68px ;
    background: black;
}
@keyframes animate {
    50%{
        filter: hue-rotate(-90deg);
    }
    50%{
        filter: hue-rotate(90deg);
    }
}
.btn_login_pin_table tr  td{
    padding: 10px;
}
.btn_login_pin_table{
    background: #0054ff59;
    border-radius: 12px 12px 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003556+0,003556+48,002733+100&1+0,0.71+100 */
background: -moz-linear-gradient(top, rgba(0,53,86,1) 0%, rgba(0,53,86,0.86) 48%, rgba(0,39,51,0.71) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,53,86,1) 0%,rgba(0,53,86,0.86) 48%,rgba(0,39,51,0.71) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,53,86,1) 0%,rgba(0,53,86,0.86) 48%,rgba(0,39,51,0.71) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003556', endColorstr='#b5002733',GradientType=0 ); /* IE6-9 */
}
.install-app {
    margin-left: 20px;
}
.install-app .btn{
    background-color: #01549c;
    margin-left: 20px;
    border-radius: 20px;
}
.login-container{
    width: 540px;
    max-width: 520px;
}

.install-app .note{
    font-size: 0.8em;
    color: #fff;
    position: absolute;
    left: 44px;
    top: 5px;
}
#show_delivery_partner .left-item {
    width: 250px;
    float: left;
}
#show_delivery_partner .right-item {
    width: 250px;
    float: left;
}
#show_delivery_partner .right-item-map {
    width: 400px;
    float: right;
    height: 400px;
}
#show_delivery_partner .section7 {
    width: 100%;
    float: left;
}
#show_delivery_partner .section7 div{
    float: left;
    margin: 10px;
}
#show_delivery_partner input[type="text"], #show_delivery_partner input[type="email"], #show_delivery_partner input[type="phone"], #show_delivery_partner input[type="datable"] {
    height: 30px;
    width: 95%;
}
#map {
    width: 400px;
    height: 100%;
    overflow: hidden;
    float: right;
}
#show_delivery_partner {
    max-width: 925px;
}
.main-body.customer_add_modal_info_holder{
    float: left;
}
.anchorify{
    text-decoration: underline ;
    color: lightblue;
    cursor: pointer;
}
.customer_delivery_address_field{
    width: 95%;
}
#sec7_2 button {
    background-color: #269739 !important;
}
.dineIn-table-list-of-item li a{
    border: 1px solid black; margin-right: 10px;
}
#show_tables_modal2{
    max-width: 90%;
}

.loader {
  color: #0A91CB;
  -webkit-animation: load6 2.7s infinite ease, round 1.7s infinite ease;
  animation: load6 2.7s infinite ease, round 1.7s infinite ease; 
  font-size: 50px;
}

.preloader:after{
  content: "Loading...";
  font-size: 10px;
  color: white;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  display: block;
  height: 50px;
  position: absolute;
  top: calc( 50% - 9px) ;
  
}
.preloader {
    background-color: #000000f0;    
}
#order_payment_modal .modal-content #modal_item_name {
    display: block !important;
    justify-content: inherit;
    padding: 9px 15px !important;
}
#order_payment_modal .modal-content #modal_item_name .alertCloseIcon {
    float: right;
}
.finalize-modal-wrap {
    background: inherit !important;
}
.calculator-footer .txt_zak_3 {
    background-color: #525252;
}
.finalize-modal-wrap .trigger-message {
    background-color: #9a9a9a00 !important;
}
.payment-method-shwo{
    color: black;
}
.finalize-modal-wrap {
    overflow-y: auto !important;
    padding: 1% 3% 0 1% !important;
    height: 591px !important;
}
.calculator-footer .txt_zak_1, .calculator-footer .txt_zak_2{
    background-color: #c3c3c5 !important;
}
.finalize-modal-wrap .finalize-calculator-wrap {
    grid-template-columns: 25% 8% 20% 42% !important;
    grid-gap: 2% !important;
}
.support-button{
    background: black;
    color: #22bfe9;
    border: 1px solid #0083db;
    border-radius: 0;
    padding: 0 9px;
    margin: 0 10px;
}
.support-button:hover {
    background: #003458;
}
.finalize-modal-wrap .payment-wrap {
    grid-template-rows: 40% 60% !important;
    grid-template-columns: unset !important;
}

#idPreviewReceipt{
    position: relative;
    height: 450px;
    padding: 0;
    color: black;
    width: 100%;
    border: 1px dashed #777;
    z-index: 999999;
}

#idPreviewReceipt #buttons, #idPreviewReceipt #receiptData .text-center, 
gst_yes_section#idPreviewReceipt #receiptData .table-striped {
    display: none;
}
.make-button:hover{
    background: #1371bb ;
    border: 1px solid white;    
}
.make-button {
    margin: 4px;
    padding: 10px 20px;
    background: #0A91CB ;
    border: 1px solid white;
    color: white;
    cursor: pointer;
}
#idPreviewToPrint{
    margin-top: 15px;
}
.mt-15{
    margin-top: 15px;
}
.print-button-area{
    display: block;
    float: right;
}

#order_payment_modal {
    max-width: 1100px !important;
}
.payment-display{
    margin-top: 10px;
}

#pinpad_popup{
    width: 400px !important;
    top: 20%;
}
#pinpad_popup .modal_item_name{
    padding: 10px !important;
}
#pinpad_popup #pinpad_field,
#pinpad_popup #pinpad_field_output {
    font-size: 23px;
    text-align: right;
}
#keypad_popup #keypad_field,
#keypad_popup #keypad_field_output,
#pinpad_popup #pinpad_field,
#pinpad_popup #pinpad_field_output {
    width: 100%;
    float: left;
    height: 40px;
    font-weight: bold;
    margin: 5px 0 ;
    color: #000 !important ;
    background-color: #fff  !important;
}
#pinpad_popup .ui-pinpad-key,
#pinpad_popup .ui-pinpad-command {
    width: 100%;
    height: 75px;
    font-weight: bold;
}
.ui-pinpad-inline{
    width: 100%;
}
.ui-pinpad-num-pad table{
    width: 100%;
}
.ui-pinpad-num-pad{
    width: 100%;
}
.ui-pinpad-command-panel{
    display: none;
}
.order_payment_wrapper_small_modal button {
    display: inline;
    width: auto;
}
#keypad_field{
    width: 100%;
    padding: 10px;
    height: 30px;
    margin: 5px 0;
}
#keypad_popup{
    width:948px;
    max-width:948px;
    top: 20%;
}
#submitPinpad, #submitKeypad{
    width: 100%;
    height: 75px;
}
.modal-bs-bar {
    padding: 8px 10px !important;
    background: black;
}
.popup-content{
    padding: 5px;
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #555;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0A91CB;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0A91CB;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.quick-sale-button{
        background: black;
    color: #22bfe9;
    border: 1px solid #0083db;
    border-radius: 0;
    padding: 2px;
    width: 120px;
    display: inline-block;
    margin: -5px 10px 0 0 ;
    white-space: nowrap;
    float: right;
}
.quick-sale-caption{
    font-size: 13px;
    line-height: 32px;
}
.quick-sale-button .quick-sale-caption {
    float: right;
    margin-right: 5px;
}
.quick-sale-button .switch{
    float: left;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    zoom: 90%;
    margin: 1%;
}
i.quick-icon{
    background-color: transparent !important;
    color: #22bfe9 !important;
    font-size: 16px !important;
    margin: 9px 3px 0 10px;
}

button.jQKeyboardBtn.ui-button-colspan-0{
    width: 72px !important;
    height: 72px !important;
}

button.jQKeyboardBtn.ui-button-colspan-2 {
    width: 106px !important;
    height: 72px !important;
}
button.jQKeyboardBtn.ui-button-colspan-3 {
    width: 142px !important;
    height: 72px !important;    
}
button.jQKeyboardBtn.ui-button-colspan-12 {
    width: 650px !important;
    height: 72px !important;
}
.jQKeyboardRow #key27{
    display: none;
}
.finalize-modal-wrap .dispaly-result{
    overflow-y: auto !important;
}
.finalize-modal-wrap .pay-btn-cancel{
    margin: 5px;
}
.make-button.no-print{
    display: block;
    float: right;
    background:red !important;
}
.change-amount-value{
    background: #000000;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 3px;
    display: inline;
    border: 1px solid silver;
    /* border-radius: 20px; */
    float: right;
    padding: 5px 10px !important;
}
.total_finalize{
    background: #000000;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 3px;
    display: inline;
    border: 1px solid silver;
    /* border-radius: 20px; */
    float: right;
    padding: 5px 10px !important;
}
.change-amount-caption{
    text-align: center;
    padding: 5px 0;
    margin: 0 0 0 0;
    float: left;
}
.payment-receipt-note{
    position: absolute;
    bottom: 26px;
    font-size: 11px;
    color: #CDDC39;
    margin-bottom: 53px;
    margin-left: 58px;
}
.ReceiptWrap{
    position: relative;
}

.finalize_due .finalize_total_payable{
    float: right;
}
.finalize_due span {    
    margin-top: -6px;
    display: inline-block;
}
.finalize_due{
    font-size: 16px;
}

.finalize-modal-wrap .no-of-remaing-balance {
    float: right;
}
.finalize-modal-wrap .remaing-balance {
    background-color: transparent !important;
    color: white !important;
    font-weight: bold !important;
}
.finalize-modal-wrap .payment-wrap {
    display: block !important;
}
.finalize-modal-wrap .dispaly-result-outline {
    height: 48px !important;
    margin-right: 5px !important;
}
.payment-type a.active{
    box-shadow: none !important;
}

.amount-tag{
    background-color: #000000  !important;
    color: #ffffff !important;
    display: inline;
    border: 1px solid #8BC34A;
    /* border-radius: 25px !important; */
    font-weight: bold;
    padding: 5px 10px !important;
    width: 100%;
}

#item_modal .section3.section3_new {
    display: inline-block !important;
}

#item_modal .section3 .modal_modifiers[data-selected="selected"]{
    border-bottom: solid #88ebff 3px;
}
#item_modal .section3 .modal_modifiers{
    border: solid #337FED 1px;
    display: inline-block;
    border-radius: 2px;
    background: linear-gradient(to bottom, #181a1c 0%,#000000 100%);
    color: #22bfe9;
    margin: 5px;
}
#item_modal .section3 .modal_modifiers .modifier_price, 
#item_modal .section3 .modal_modifiers .modifier_price span {
    color: #e1e1e1 !important;
}



#sec7_2 button.blue-button{
    background:#0A91CB !important;
    color: white;
}
#sec7_2 button.blue-button:hover{
    background:#0A91CB !important;
}
#item_modal .section3 .modal_modifiers .modifier_price{
    display: block;
}

#item_modal .section1, #item_modal .section2 {
    border-bottom: 1px solid #6c6c6c;
}
#item_modal .section3{
    max-height: inherit !important;
}
.keypad-show{
    cursor: pointer;
}

.single_item[data-code="01"]{
    display: none;
}

.main_top button[data-selected=selected]:before {
    background: none;
}

 #main_part .modes-btn { 
    width: 100%;
    color: #FFF !important;
    position: relative;
    font-size: 16px;
    cursor: pointer;
    padding: 8px 20px !important;
    background: black;
}
#main_part .modes-btn:before {
    content:'';
    height: 30px;
    width:95%;
    text-align:center;
    -webkit-border-radius:40px;
    border-radius:40px;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(rgba(255,255,255,0.9),0),color-stop(rgba(255,255,255,0),0.5));
    background:-webkit-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:-moz-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:-o-linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    background:linear-gradient(bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 50%);
    display:block;
    position:absolute;
    top:1px;
    left:5px;
    opacity:0.3;
}
.modifier_txt_custom.cart_item_counter {
    color: black !important;
}
.modifier_txt_custom, .modifier_txt_custom span {
    color: #e52222;
}
.modifier_txt_custom{
    padding-top: 5px;
}
#total_payable:before, .single_order_column.second_column span:before, .single_order_column.fifth_column span:before,
#cart_item_option_modal #show_vat_modal:before, #cart_item_option_modal #sub_total_show:before, #cart_item_option_modal #show_discount_amount:before, #cart_item_option_modal #show_charge_amount:before, #cart_item_option_modal #show_tips_amount:before,
#total_payable_order_details:before, .single_order_column_hold.fifth_column span:before, .single_order_column_hold.second_column span:before,
#order_detail_modal #sub_total_show_order_details:before, #order_detail_modal #sub_total_discount_order_details:before,  #order_detail_modal #all_items_discount_order_details:before, #order_detail_modal #all_items_vat_order_details:before, #order_detail_modal #delivery_charge_order_details:before, #order_detail_modal #tips_amount_order_details:before {
    content: "$";
    padding-right: 2px;
}

.quick-modes {
    border: solid #337FED 1px;
    display: inline-block;
    border-radius: 2px;
    background: linear-gradient(to bottom, #181a1c 0%,#000000 100%);
    color: #22bfe9;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.quick-modes p{
    font-size: 12px;
    font-weight: bold;
    color: #22bfe9;
    padding: 3px 0;
    display: block;
    margin: 0;
}
.quick-modes span{
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}    

.p-10{
    padding: 10px;
}

.waiting-credit-payment{
    display: none;
    background-image: url(../../../images/loading.gif);
    background-size: contain;
    padding: 15px 10px;
    margin-top: 25px;
    width: 32px;
    height: 32px;
}
#main_part .left_item .main_middle .button_holder {
    grid-template-columns: repeat(4, 1fr) !important;
}
#main_part .left_item .main_middle .button_holder button {
    border: 1px solid #3972c3;
}
#show_sale_hold_modal.modal-bs .fa-search {
    color: white;
}
.strict-disabled {
    pointer-events: none !important;
    color: #ff000045 !important;
}

#show_sale_hold_modal .hold_sale_modal_info_holder, #show_last_ten_sales_modal .last_ten_sales_modal_info_holder {
    height: 541px !important;
}
#show_sale_hold_modal .scrollbar-macosx {
    margin-bottom: 5px !important;
}
#show_sale_hold_modal .hold_sale_modal_info_holder .detail_hold_sale_holder .hold_sale_left .hold_list_holder .detail_holder, .last_ten_sales_holder .hold_sale_left .hold_list_holder .detail_holder {
    height: 410px !important;
}
#show_sale_hold_modal .hold_sale_modal_info_holder .detail_hold_sale_holder .hold_sale_right .bottom .button_holder .single_button_holder button, .order_detail_modal_info_holder .bottom .button_holder button, .last_ten_sales_holder .bottom .button_holder button {
    width: 126px !important;
}
#show_sale_hold_modal .hold_sale_modal_info_holder .detail_hold_sale_holder .hold_sale_left, .last_ten_sales_modal_info_holder .last_ten_sales_holder .hold_sale_left {
    margin-left: 8px !important;
}
#item_modal .fa-keyboard.keypad-show {
    color: #22bfe9;
    border: 1px solid #0083db;
    border-radius: 0;
    margin: 0 10px;
    padding: 5px 10px;
}

.ap-bg, .ap-overlay{
    background-color: #00000061 !important;
}
.ap-loading{
    display: none !important;
}
.ap-cont {
    filter: invert(1);
    font-size: 1.3em;
    border: 1px solid #845b10d4 !important;
}
#ap-button-set{
    color: #fc962b !important;
}
#ap-button-cancel{
    color: #2df1ff !important;
}
.ap-header__title{
    color: #414141 !important;
}

#show_sale_hold_modal .hold_sale_modal_info_holder .detail_hold_sale_holder .hold_sale_right .top .top_middle h1, .order_detail_modal_info_holder .top .top_middle h1, .last_ten_sales_holder .hold_sale_right .top .top_middle h1{
    color: #fff ;
}

#recent_sales_order_info_list .fa-search{
    color: #fff;
}
#show_sale_hold_modal .hold_sale_modal_info_holder, #show_last_ten_sales_modal .last_ten_sales_modal_info_holder {
    height: 510px !important;
}