/*@font-face{ src:url(../fonts/SourceSansPro-Bold.ttf); font-family:'Rubik', sans-serif;}
@font-face{ src:url(../fonts/SourceSansPro-ExtraLight.ttf); font-family:"SourceSans-light";}
@font-face{ src:url(../fonts/SourceSansPro-Regular.ttf); font-family:'Rubik', sans-serif;}
@font-face{ src:url(../fonts/SourceSansPro-SemiBold.ttf); font-family:"SourceSans-semibold";}

*/
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('iconfont.css');
button.close {
    background: #000 !important;
    padding: 5px 10px !important;
    opacity: 1 !important;
    color: #fff !important;
    border-radius: 50% !important;
}

body{ background:#fff;font-family:'Rubik', sans-serif !important;
overflow-x: hidden;}
a:focus, a:hover {
    color: #23527c;
    text-decoration: unset !important;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Rubik', sans-serif; 
    font-weight: 600 !important;
}
p {
    font-family: 'Rubik', sans-serif; 
    font-weight: 600 !important;
}
tr th {
    font-family: 'Rubik', sans-serif;
}
.bg{ background:url(../img/restaurant-bg.jpg) no-repeat; background-size:cover;}

header{width: 100%;background:#fff; color:#000; margin-bottom:0px; border-bottom:1px #e6e2e2 solid;}
.logo{ padding:0px 5px;}
.logo img{     padding: 9px 7px;    width: 57%;}
.home-head{ text-align: center;
    color: #000;
    padding: 14px 5px;
    font-size: 28px;
    font-weight: bold;}
.head_loc_title{
    font-size: 18px !important;
}
.log-box{padding: 4px 21px; text-align:right;}
.icon-box-one{}
.icon-box-one p {
    text-align: left;
    color: #000;
    display: inline-block;
    margin-bottom: 0;
}
.icon-box-one span{text-align:left;display:inline-block; }
.style-two{text-align:right ; color:#f14715;display:inline-block;}

.prod-fas {
    border: 1px solid #ccc;
    margin: 2px;
    height: unset !important;
    float: unset !important;
    width: unset !important;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    padding: 0;
    min-height: 100px !important;
}

.prod-sale span{margin-bottom:10px ;}
.prod-sale p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
    font-family: 'Almarai', sans-serif;
}

/*==================notes icons=============*/
 a.notes-icon {
    color: #000;
    cursor: pointer;
}
a.notes-icon img {
    width: 15%;
}
/*===Counter-Sale===*/

.logo-s{
padding:6px 4px;}

.counter-head{ text-align:center; font-family:'Rubik', sans-serif; color:#000; padding:3px 5px; font-size:21px;}
.log-box-s{ padding:20px; text-align:right;}
.log-box-s-one{ float:right; margin-top:2px!important;}
.log-box-s-one p{ text-align:right; color:#000; font-weight:bold; font-size:13px!important; padding-left:8px; display:inline-block;font-family:'Rubik', sans-serif;}
.log-box-s-one span{text-align:left;display:inline-block;font-family:'Rubik', sans-serif; }

.conter-product{}

.delivery-top-left {
	width:40%;
    float: left;
}
.delivery-top-middle {
	width:30%;
    float: left;
}
.delivery-top-right {
	width:20%;
    float: right;
	text-align:right;
}
.delivery-counter-head {
    padding: 3px 73px;
    float: left;
	text-align: center;
    font-family: 'Rubik', sans-serif;
    color: #000;
    font-size: 21px;
}
.custom-prod {
}


.dine-top-left {
	width:30%;
    float: left;
	padding:1px;
}
.dine-top-middle {
	width:40%;
    float: left;
	padding:1px;
}
.dine-top-right {
	width:30%;
    float:left;
	padding:1px;
}
.dine-logo-s {
    padding: 8px 4px;
}
.dine-counter-head {
    text-align: center;
    font-family: 'Rubik', sans-serif;
    color: #000;
    padding: 3px 5px;
    font-size: 21px;
}
.dine-log-box-s {
    padding-top: 4px;
    padding-right: 10px;
}

#exTab1 .tab-content {
    color: #222;
    padding: 5px 2px;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
}
#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}



/* remove border radius for the tab */

.tab-box{ width:auto; background-attachment:scroll; position:absolute;}

#exTab1 .nav-pills > li > a {
    border-radius: 0;
    background: #1b1720;
    color: #fff;
    padding: 27px 7px;
    margin-bottom: 3px;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;

}
.left-box{ width:40%!important; padding:0px!important;}
.middle-box{ width:19%!important; padding:0px!important; margin-left:5px;}
.right-box{ width:40%!important; padding:0px!important;}

#exTab1 .nav-pills > li > a:hover {
  border-radius: 0;
  background:#1623ad;
  color:#fff;
}

/* change border radius for the tab , apply corners on top*/
#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.search-box{ height:20px;}
    #custom-search-form {
        margin:0;
        margin-top: 5px;
        padding: 0;
		width:100%;
    }
    #custom-search-form .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
		width:100%;
        border-radius: 3px;
		border:none;
		padding:5px 10px;
    }
    #custom-search-form button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }
	.prod-box{ border:1px solid #CCC; padding:3px; width:19.11%; margin:3px; float:left;}
	.prod-box span{ background:#999;}
	.prod-box span img{ width:100%;}
	.prod-box h3{font-size:14px;font-family:'Rubik', sans-serif; font-weight:bold; text-align:center;}
	.prod-box p{font-size:14px;font-family:'Rubik', sans-serif;text-align:center; color:#1623ad;}
	
	.counter-left{background:#1623ad;}
	ul.counter-menu{padding:0px;margin:0px;}
	ul.counter-menu li{ background:#1623ad; padding:7px 30px; color:#fff; display:inline-block;}
	ul.counter-menu li a{color:#fff; text-decoration:none; display:inline-block; font-size:14px; font-family:'Rubik', sans-serif;}
	ul.counter-menu li a:hover{color:#fff; display:inline-block; font-size:14px; font-family:'Rubik', sans-serif;}

	.counter-table{ margin-top:20px;}
	.discount{ background:#1623ad; width:80px; height:30px; border-radius:5px; border:1px solid #d24b02;}
	.counter-bottom-box{bottom:0px; margin-top:30%; position:fixed;}
	
.submit {
    background: #005a9d;
    color: #fff;
    padding:8px 100px;
    font-size: 14px;
    font-family: 'Rubik', sans-serif;
}
.dl-submit {
    background: #005a9d;
    color: #fff;
	padding:12px 210px;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
}
	
	
/*===log-in-page===*/

	
.logi-in-body{ }	
.logi-in-box{

    width: 43%;
    margin: 200px auto;
    background: #fff;
    padding: 16px 19px;
    border-radius: 10px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.19);
    border: 1px solid #ccc;
	
	}	
.log-in-headr{ text-align:center; margin-bottom:35px;}
.log-in-headr h2{  font-size:26px; color:#222;}
.log-in-content{text-align:center;}
.cnt-submit {
    background: #005a9d;
    color: #fff;
	width:100%;
    font-size: 16px;
	font-family:'Rubik', sans-serif;
}


/*===COD-page===*/	

.cod-body{ background:#fff;}	
.cod-box{  margin:5px auto;	font-family:'Rubik', sans-serif;}	
.cod-box-two{ border-bottom:1px solid #CCC;}
.cod-box-three{}
 .style-three{font-family:Arial, Helvetica, sans-serif; color:#1623ad; font-size:14px;}
 .style-for{font-family:'Rubik', sans-serif; color:#1623ad; font-size:14px;}
 
 /*===COD-page===*/	

.sale-report-body{ background:#fff;}	
.sale-report-box{  margin:5px auto;	font-family:'Rubik', sans-serif;}	
.report-box{}
.style-three{font-family:Arial, Helvetica, sans-serif; color:#1623ad; font-size:14px;}
.style-for{font-family:'Rubik', sans-serif; color:#1623ad; font-size:14px;}
.sale-report-box span{ width:40px; height:40px; padding-right:7px;}
.report-btn{ background:#1623ad; color:#fff; text-align:center; width:100%; font-size:16px; padding:7px 0px; margin-bottom:5px;}



 /*===CASH-BACK===*/	

.cash-back-body{ background:#fff;}	
.cash-box-two{ margin:5px auto; font-family:'Rubik', sans-serif; width:70%;}
.style-three{font-family:Arial, Helvetica, sans-serif; color:#1623ad; font-size:14px;}
.style-for{font-family:'Rubik', sans-serif; color:#1623ad; font-size:14px;}
.report-btn{ background:#1623ad; color:#fff; text-align:center; width:100%; font-size:16px; padding: 7px 12px;
    margin-bottom: 5px; margin-bottom:5px;}

.cash-btn{
	background: #005a9d;
    color: #fff;
    width: 170px;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
	}
.cash-btn:hover{
    color: #fff !important;
	background: #000;
	}
.cash-box-two span{ margin-right:8px;}
.text{ background:#fff4ee; width:35px; height:25px; font-size:16px; color:#000; font-weight:bold; border:1px solid #ffad80; text-align:center; border-radius:5px;}



 /*===SETTINGS===*/	

.setting-body{ background:#fff;}	
.setting-box{ margin:70px auto; font-family:'Rubik', sans-serif; width:70%;}	
.setting-box-two{ margin:5px auto; font-family:'Rubik', sans-serif; width:70%;}

.printer{ background:url(../img/printer.png) no-repeat left center; border:1px solid #ccc; width:100%; padding:10px 40px;}

.cash{ background:url(../img/cash-drawer.png)  no-repeat left center; border:1px solid #ccc; width:100%; padding:10px 40px;
}

.lang{ background:url(../img/globe.png)  no-repeat left center; border:1px solid #ccc; width:100%; padding:10px 40px;
}
.form-group-s{
    margin-bottom: 1px;
}

 /*=== DRIVERS-LIST ===*/	

.drivers-body {}	
.drivers-box { margin:70px auto; font-family:'Rubik', sans-serif; width:70%; background:#222;}
.driver-image { height:100px; width:100px;}
.driver-image p{ont-family:'Rubik', sans-serif; color:#222; font-size:16px; margin-top:5px; }
	
.driver-image img { width:100%; height:100px; float:left; padding-bottom:10px;} 
.driver-icon{ 	 float:right; padding-bottom:10px; background:#f5f5f5 ; border-radius:5px; margin-top:30px;}	
.driver-icon img{width:100%; }	


 /*=== SETTLE-SALE ===*/	

.settle-sale-body {}	
.settle-sale-box {font-family:'Rubik', sans-serif; width:70%; }
.driver-image p{font-family:'Rubik', sans-serif; color:#222; font-size:16px; margin-top:5px; }
	
.settle-tab-box{ width:100%; background-attachment:scroll;}
.settle-box-two {
    margin: 5px auto;
    font-family: 'Rubik', sans-serif;
}

.settle-sale-three{ margin-top:15px; margin-bottom:10px;}
.settle-sale-for{  margin-bottom:10px; border-top:1px solid #ccc; height:100px; padding-top:15px; background:#f0efef;}
.settle-sale-for h3{font-family:'Rubik', sans-serif; color:#1623ad; font-size:19px;}
.settle-sale-for p{font-family:'Rubik', sans-serif; color:#222; font-size:14px;}


.log-box-s {
    margin-top:10px !important; 
}
.total_amount_txt{
	font-size:20px;
}


@media(max-width:1600px){
	.log-box-s {
    padding-top:0px; 
}


}

	







@media(min-width:768px){

	
	
.prod-sale{ width:100%!important; float:left; min-height:192px; 
    cursor:pointer; margin-bottom:17px; background:#1623ad; 
    color:#fff; text-align:center; padding:20px 0px !important; border-radius:5px;}
.prod-sale:hover{  
    background:#0c51cd; }
.prod-sale span{margin-bottom:10px ;}

.submit {
    background: #005a9d;
    color: #fff;
    padding: 8px 15px !important;
    font-size:17px;
	z-index:10;
	overflow:visible;
}
.counter-bottom-box {
    bottom: 15px;
    margin-top:10%;
    position: fixed;
	z-index:99;
	visibility:visible;
/*	left: 115px;*/
}



}

.prod-sale{ width:100%!important; float:left; min-height:192px; 
    cursor:pointer; margin-bottom:17px; background:#1623ad; 
    color:#fff; text-align:center; padding:20px 0px !important; border-radius:5px;}
.prod-sale:hover{  
    background:#0c51cd; }

@media(max-width:480px){

.prod-sale{ width:100%!important; float:left; cursor:pointer; margin-right:5px; background:#1623ad; color:#fff; text-align:center; padding:20px 0px; border-radius:5px;}
.prod-sale:hover{  width:100%!important; margin-right:5px; cursor:pointer; background:#222; color:#fff; text-align:center; padding:20px 0px; border-radius:3px;}
.prod-sale span{margin-bottom:10px ;}
.prod-sale p {  font-size:14px; margin-top:10px;
}
.home-head {
	padding:0px;
}
.logo {
    padding: 1px 4px;
	width:58%;
	float:left;
}
.logo img {
    padding: 1px 4px;
	width:100%;
}
.home-head {
    text-align: right;
    font-family: 'Rubik', sans-serif;
    color: #000;
    padding: 5px 5px !important;
    font-size: 18px;
	width:40%;
	float:left;
}
.icon-box-one{ float:left; width:100%; margin-top:10px; text-align:left;     font-family: 'Rubik', sans-serif;color: #000;
    font-size: 16px;}
.icon-box-two{ float:left; width:100%;text-align:left; text-align:left; font-family: 'Rubik', sans-serif;color: #000;
    font-size: 16px; margin-bottom:8px;}
	
.cash-back-box {
    margin: 5px auto;
    font-family: 'Rubik', sans-serif;
    width:100% !important;
}

.logo-s{
    padding: 1px 4px;
	width:24%;
	float:left;
}
.logo-s img{
	width:32%;
	float:left;
}

.cash-btn {
    background: #005a9d;
    color: #fff;
    width: 100%;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
}	
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #fff !important;
}
.counter-head {
    text-align:left;
    font-family: 'Rubik', sans-serif;
    color: #000;
    padding: 8px 5px;
    font-size:17px;
}
.log-box-s-one {
    float: right;
    margin-top: 0px;
}
.prod-box {
    border: 1px solid #CCC;
    padding: 3px;
    width: 40.11%;
    margin: 3px;
    float: left;
}
.submit {
    background: #005a9d;
    color: #fff;
    padding:7px 23px;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
	z-index:999999;
	overflow:visible;
}
.counter-bottom-box {
    bottom: 0px;
    margin-top:10%;
    position: fixed;
	z-index:10;
}
.dl-submit {
    background: #005a9d;
    color: #fff;
    padding: 12px 100px;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
}
.drivers-box {
    margin: 70px auto;
    font-family: 'Rubik', sans-serif;
    width: 70%;
    background:none !important;
}
.driver-icon {
    float: left;
    padding-bottom: 10px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-top: 30px;
}
.settle-sale-for {
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
    height: 145px;
    padding-top: 15px;
    background: #f0efef;
}


}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.report-btn {border: 1px solid;}
button#button1id {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.print-btnn{
background: #1623ad;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 16px;
    padding: 5px 8px;
    margin-bottom: 5px;
	border: 1px solid;
}
.print-btnn:hover {
	background: #1623adde;
	text-decoration: none;
	color: #fff;
	cursor:pointer;
}
.det-po{color: #1623ad;}
.det-po:hover{color: #1623adde; text-decoration: none;}






/* Online order log */
.maincod_sec {
 border: 1px solid #dddddd;
 border-radius: 8px;
 box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
 margin-bottom: 15px;
 padding: 5px 7px;
 }
 .custom_receiptno_name h3 {
 font-size: 20px;
 text-transform: capitalize;
 }
 .custom_receiptno_name span {
 padding-left: 14px;
 }
 .cod_cust_person_name {
 font-weight: bold;
 text-transform: capitalize;
 }
 .custom_codsavediv {
 float: right;
 font-size: 17px;
 padding-bottom: 13px;
 padding-right: 7px;
 padding-top: 15px;
 }
 .custom_codsavediv a {
 background: #1623ad none repeat scroll 0 0;
 color: #ffffff;
 padding: 6px 7px;
 text-decoration: none;
 border-radius: 3px ;
 }
 .cod_custom_table_body td {
 border: unset !important;
 }
 .cod_custom_table_body_totaltr > td {
 font-size: 15px;
 /*width: 50%;*/
 }
 .cod_custom_table_body_totaltr > td:nth-child(2) {
 text-align: right;
 }
 .disprice {
 font-weight: bold;
 padding-left: 9px;
 }
 .totalprice {
 font-weight: bold;
 padding-left: 9px;
 }
 .cod_custom_table {
 margin-bottom: 0 !important;
 }
 .viewmorecls {
 padding-right: 9px;
 text-align: right;
 margin-bottom: 10px;
 }
 .viewmorecls a {
 background: #1623ad;
 color: #fff;
 padding: 4px 7px;
 border-radius: 2px;
 text-transform: capitalize;
 font-size: 15px;
 }
 .drivers-list {
    display: inline-flex;
    text-align: center;
    overflow: scroll;
    width: 100%;
    overflow-y: hidden;
}
 .save_btn {
 background: #1623ad;
 color: #fff;
 padding: 4px 7px;
 border-radius: 2px;
 text-transform: capitalize;
 font-size: 15px;
 }

 .btn-icon {
    background: #ccc;
    color: #000;
}
 .btn-icon:hover {
    background: #ccc;
    color: #1623ad;
}
 /* Online order log  End*/

 /* driver list */
 .drivers-list img{ width: 120px; height: 120px;}
 .dv-val{margin: 5px; width: 25%;}
 .drivers-list{display: inline-flex; text-align: center;overflow: scroll;width: 100%;}
 .dv-val p {margin-top: 5px;}
 .drivers-list input {height: 2em; width: 2em; }


/*Rating Icon*/

.rating {
display: inline-block;
position: relative;
height: 50px;
line-height: 50px;
font-size: 50px;
}
.rating label {
position: absolute;
top: 0;
left: 0;
height: 100%;
cursor: pointer;
}
.rating label:last-child {
position: static;
}
.rating label:nth-child(1) {
z-index: 5;
}
.rating label:nth-child(2) {
z-index: 4;
}
.rating label:nth-child(3) {
z-index: 3;
}
.rating label:nth-child(4) {
z-index: 2;
}
.rating label:nth-child(5) {
z-index: 1;
}
.rating label input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.rating label .icon {
float: left;
color: transparent;
}
.rating label:last-child .icon {
color: #337ab7;
}
.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
color: #1fe812fa;
}
.rating label input:focus:not(:checked) ~ .icon:last-child {
color: #337ab7;
text-shadow: 0 0 5px #09f;
}

  .list-single-main-item {
            padding: 10px;
            border-radius: 100%;
            background: #fff;
            border-radius: 10px;
            border: 1px solid #ccc;
            margin-bottom: 20px;
            clear: both;
            }
            .list-single-main-item-title {
            margin: 0 0 20px 0;
            }
            .list-single-main-item-title h3 {
            color: #334e6f;
            text-align: left;
            font-size: 18px;
            font-weight: 600;
            }
.reviews-comments-wrap {
    display: inline-table;
    margin-top: 0px;
    width: 100%;
}
            .reviews-comments-item {
            padding: 0 0 0px 110px;
            position: relative;
            float: left;
            margin-bottom: 10px;
            width: 100%;
            border-bottom: 1px solid #ccc;
            }
            .review-comments-avatar {
            position: absolute;
            top: 0;
            left: 20px;
            width: 80px;
            height: 80px;
            overflow: hidden;
            border-radius: 100%;
            }
            .review-comments-avatar img {
            width: 80px;
            height: 80px;
            float: left;
            }
            .reviews-comments-item-text {
            float: left;
            width: 100%;
            position: relative;
            padding: 0px 20px 10px 20px;
            }
            .reviews-comments-item-text h4 {
            text-align: left;
            float: left;
            font-size: 16px;
            font-weight: 500;
            }
            .reviews-comments-item-text .listing-rating {
            float: right;
            }
            .reviews-comments-item-text .listing-rating i {
            float: left;
            margin-right: 6px;
            font-size: 12px;
            }
            .list-single-main-item p {
            text-align: left;
            color: #878C9F;
            }
            .reviews-comments-item-date {
            float: left;
            /* margin-top: 18px; */
            font-weight: 500;
            color: #999;
            }
            span.reviews-comments-item-date .fa {
            padding-right: 9px;
            color: #0064bf;
            font-weight: bold;
            }
            .listing-rating i {
            color: #c47323;
            font-size: 21px !important;
            }
            section.review_mainsec {
            padding: 22px;
            }
            .rating.custom-popup-rating.popuprating {
    font-size: 25px;
    line-height: unset;
}


 /* driver list */
 .drivers-list img{ width: 120px; height: 120px;}
 .dv-val{margin: 5px 7px; width: 25%;}
 .drivers-list{display: inline-flex; text-align: center;overflow: scroll;width: 100%; overflow-y: hidden;}
 .dv-val p {margin-top: 5px;}
 .drivers-list input {height: 2em; width: 2em; }


 
 
.nav-tabs>li>a {
	background:#1623ad;
}

.viewmorecls1 { display:inline-block;}
.viewmorecls1  a{
	
     text-decoration: none;
    background: #1623ad;
    color: #fff;
    padding: 6px 7px;
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 15px;
    border:none;
    }
.custom_codsavediv1 { display:inline-block;}
.custom_codsavediv1 .save_btn{  border:none;}
thead.saleorder_reportthead {
    background: #cfcfcf;
    color: #555;
    border: 1px solid #cfcfcf;
}

table.table.table-condensed {
    border: 1px solid #cfcfcf;
}
.error {
    color: red;
}
/*=========================================NEW CSS=================================================*/
header.custom__headerwrap {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.display-flex-center {
    display: flex;
    align-items: center;
}
.customheader_backwrap a img {
    width: 35px;
}
.custom_pagetitleheadwrap {
    text-align: center;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}
.custom_header_pagehomebtnwrap {
    text-align: right;
}
.custom_header_pagehomebtnwrap a {
    color: #000;
}
.custom_header_pagehomebtnwrap a img {
    width: 22px;
}
.custom_header_pagehomebtnwrap a span {
    padding-left: 5px;
    font-weight: bold;
    font-family: 'Rubik', sans-serif;
}
.maintheme_btnwrap {
    background: #1623ad;
    border: 2px solid #1623ad;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.25s linear 0s;
    cursor: pointer;
    font-family: 'Rubik', sans-serif;
}
.maintheme_btnwrap:hover {
    background: #005ce6;
    color: #fff;
}
.custombtn_close {
    background: #b60031;
    border: 2px solid #b60031;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.25s linear 0s;
    cursor: pointer;
    font-family: 'Rubik', sans-serif;
}
.custombtn_close:hover {
    background: #b60031;
    color: #fff;
}
button.close {
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: unset !important;
    padding: 10px !important;
    border-radius: 0px 0px 15px 15px !important;
    background: #b60031 !important;
    margin-top: -1px !important;
    z-index: 1;
}
section.chartmaincontainerwrap canvas {
    box-shadow: 0px 0px 9px #00000029 !important;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
}
section.chartmaincontainerwrap {
    padding-top: 120px;
}
.chustomhistory_contwrap {
    margin-bottom: 10px;
}
.customformgroupwrap input.form-control {
    height: 45px;
    font-size: 16px;
    padding: 0px 20px;
}
.customformgroupwrap select.form-control {
    height: 45px;
    font-size: 16px;
    padding: 0px 20px;
}
.table-bordered {
    border: 1px solid #ddd !important;
}
.cashatstarting_mainwrap {
    box-shadow: 0px 0px 9px #00000029;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20%;
}
.modal-header.common_popup_headertitle h4 {
    font-weight: bold;
font-size: 20px;
text-transform: uppercase;
}
.modal-header.common_popup_headertitle h4 {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    color: #000;
}
.customcreditsaletable_wrap thead  tr th {
    vertical-align: middle;
}
.modal-header h4 {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
    text-align: center;
}

#OpenDrawer .modal-footer {
    clear: both;
}
.table-responsive h3 {
    margin-top: 5px !important;
    font-weight: bold;
    font-size: 18px;
}
.log-in-headr h2 {
    font-size: 26px;
    color: #222;
}

.counter-head.headertop_iconswrap a {
    font-size: 14px;
}
h2.crmpageusernamewrap {
    margin-top: 0;
    font-size: 25px;
    color: #b60031;
}
div#suggesstion-box {
    z-index: 1000;
    position: relative;
    /* background: #fff; */
}
.customerloyalitywrap h3 {
    margin-top: 0;
    font-weight: 400;
    font-size: 17px;
}
.customerloyalitywrap h3 span {
    color: #b60031;
    padding-left: 10px;
}
.crmselectdeliveryaddresswrap h3 {
      margin-top: 0;
    font-weight: 400;
    font-size: 17px;
}
button#vehicle_number_btn {
    margin-right: 20px;
}
#multiple_item_price_html li a {
    padding: 10px;
    border-radius: 10px;
    width: 100%;
}
div#multiple_item_price_html ul {
    padding-left: 0;
    margin-bottom: 0;
}
label.customfreesalelabelnewwrap {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding-top: 6px;
    cursor: pointer;
}
label.customfreesalelabelnewwrap:hover {
  color: #b60031;
}
input#free_sale {
    margin: 0;
}
input.free_sale_passwordcustomclasswrap {
    height: auto !important;
}
div#payment_div_inner_2 {
    margin-bottom: 5px;
}
div#payment_div_inner_3 {
    margin-bottom: 5px;
}
div#payment_div_inner_4 {
    margin-bottom: 5px;
}
div#payment_div_inner_5 {
    margin-bottom: 5px;
}
div#payment_div_inner_6 {
    margin-bottom: 5px;
}
div#payment_div_inner_7 {
    margin-bottom: 5px;
}
div#payment_div_inner_8 {
    margin-bottom: 5px;
}
div#payment_div_inner_9 {
    margin-bottom: 5px;
}
div#payment_div_inner_10 {
    margin-bottom: 5px;
}

.print-sel.customercopy_classmainouter {
    display: flex;
    align-items: center;
}


.print-sel.customercopy_classmainouter label {
    margin-bottom: 0;
    font-size: 20px;
    cursor: pointer;
}
.print-sel.customercopy_classmainouter label:hover {
    color: #b60031;
}
@media (min-width: 280px) and (max-width: 767px) {
    .select-box > input {
        font-size: 15px !important;
    }
    select#floors {
    margin-bottom: 10px;
}
.nav>li>a {
    padding: 10px 9px;
}


.counter-head.take_away_log_topmenuwrap a {
      margin-left: 5px !important;
    font-size: 11px !important;
    width: 47% !important;
    float: left;
    margin-bottom: 4px;
}
p.dineinorder_valueswrap {
    font-size:13px !important;
}
.running_completeorderwrap {
    font-size:15px !important;
}
.counter-head.custom_headercontwrap a {
    margin-left: 5px !important;
    font-size:13px !important;
        width: 47% !important;
    float: left;
    padding: 5px;
    margin-bottom: 10px;
    margin-right: 2px !important;
    font-weight: 500;
    text-align:center;
}
.logi-in-box {
    width: 100% !important;
    margin: 168px auto !important;
}
.counter-head.headertop_iconswrap a {
    margin-left: 5px !important;
    width: 47% !important;
    float: left !important;
    padding: 10px !important;
    font-size: 12px !important;
    margin-bottom: 5px;
    text-align: center;
}
.counter-head.headertop_iconswrap {
    margin: 0 !important;
    padding: 0 !important;
}
.col-sm-8.col-xs-8.headermiddlesec_padadj {
    padding: 0;
}
input#contact_number {
    width: 100% !important;
    font-size: 18px !important;
}
input#contact_name {
    width: 100% !important;
    margin-left: 0;
     font-size: 18px !important;
}
select#gender {
    width: 100% !important;
}
input#address {
    width: 100% !important;
}
select#multiple_payment_type1 {
    font-size: 15px;
}

select#sub_multiple_payment_type1 {
    font-size: 15px;
}
div#multiple_item_price_html ul li a {
    font-size: 18px;
    text-transform: capitalize;
}
div#exTab1 ul#items_cat {
    display: inline-flex !important;
    white-space: nowrap !important;
    width: 100% !important;
}
.pull-left.custom_counterpullleftwrap {
    float: unset !important;
    padding-left: 5px;
    padding-right: 5px;
}
.pull-right.salepage__customproductlistwrap {
    float: unset !important;
    padding: 0;
}
.counter-left {
    height: auto !important;
    overflow-y: auto;
}
.tab-box1 {
    height: auto !important;
}
.value-split {
    margin-bottom: 40px;
}





  
}




/*=========================================NEW CSS=================================================*/
/*=========================================NEW Header  CSS======================================*/

header.customnewtheme_headerwrap .col-md-2 {
    padding: 0 5px;
    width: 14%;
}
header.customnewtheme_headerwrap .col-md-1 {
    padding: 0;
    width: 8%;
}
header.customnewtheme_headerwrap {
/*    padding-top: 5px;*/
/*    padding-bottom: 5px;*/
}
.headersalepage_newbtnswrap.commonhomeiconwrap img {
    width: 25px;
}
.headersalepage_newbtnswrap.color_theme1 {
    background: #b60031;
}
.headersalepage_newbtnswrap.color_theme2 {
    background: #071952;
}
.headersalepage_newbtnswrap.color_theme3 {
    background: #C70039;
}
.headersalepage_newbtnswrap.color_theme4 {
    background: #461959;
}
.headersalepage_newbtnswrap.color_theme5 {
    background: #0B666A;
}
.headersalepage_newbtnswrap.color_theme6 {
    background: #EF6262;
}
.headersalepage_newbtnswrap.color_theme7 {
    background: #6F61C0;
}
.headersalepage_newbtnswrap.color_theme8 {
    background: #b60031;
}
.headersalepage_newbtnswrap a {
    display: flex;
    padding: 10px;
    text-align: center;
    min-height: 50px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.headersalepage_newbtnswrap.commonbackiconwrap img {
    width: 50px;
}
.headersalepage_newbtnswrap a {
    color: #fff;
/*    border-right: 1px solid #555;*/
}
.arabic_text {
    font-family: 'Almarai', sans-serif;
}
.headersalepage_newbtnswrap h5 {
    font-size: 13px;
    margin: 0;
    margin-top: 0;
    color: #fff;
    font-family: 'Almarai', sans-serif;
}
.headersalepage_newbtnswrap h5:last-child {
    margin-bottom: 0;
}
.custom-select {
    cursor: pointer;
    transition: .3s;
    height: 55px;
    padding: 0 10px;
    outline: none;
    color: #777777;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #cbd3d9;
    border-radius: 6px;
    background: url(../img/arrow-icon.png) 97% center no-repeat rgba(0,0,0,0) !important;
    font-weight: 600;
    width: 100%;
}
.headersalepage_newbtnswrap.color_theme8.commonhomeiconwrap a {
    border-right: unset;
}
button#vehicle_number_btn {
    background: #b60031;
    border-color: #b60031;
}
.headersalepage_newbtnswrap:hover {
    background: #b60031 !important;
}
header.customnewtheme_headerwrap .col-md-2 .headersalepage_newbtnswrap {
    background: #005ce6;
    border-radius: 10px;
}
.act_btn:hover {
    background:#0c51cd;
    color: #fff;
}
/*=========================================NEW Header  CSS======================================*/
tbody#counter_append tr td:nth-child(2) {
    text-align: left !important;
}
.codlogpage_searchform_outer {
    padding-top: 10px;
    padding-bottom: 10px;
}
thead.dineinorderlistpage_maintable tr th {
    vertical-align: middle !important;
    background: #1623ad;
    color: #fff;
    font-size: 18px;
    font-family: 'Almarai', sans-serif;
    position: relative;
}
thead.customtablethead_newtablestylewrap tr th {
    vertical-align: middle !important;
    background: #1623ad;
    color: #fff;
    font-size: 16px;
    font-family: 'Almarai', sans-serif;
    position: relative;
}
div#maincontent {
/*    background-image: linear-gradient(0deg,#fff,#ebf8ff);*/
/*    background: linear-gradient(140deg,rgba(146,205,250,.5),rgba(215,215,255,.4) 95%);*/
    /* background: #faf6e7; */
    /* background: #f1dee3; */
/*    border-top: 8px solid rgb(146,205,250);*/
    border-radius: 10px;
    padding: 0px;
/*    margin: 10px;*/
}

table.table.customdesign_maintable tbody tr td {
    vertical-align: middle !important;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    background: #fff;
    position: relative;
    text-align: center;
}
.form-control {
    height: 45px !important;
}


/*====================================================*/

:root {
  --color: #1950FF;
  --dark-color: #0036E0;
}
.sidebar {
  position: absolute;
  z-index: 9;
  bottom: 0px;
  right: 15px;
}

.hamburgerButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
/*  border-radius: 7px;*/
  background-color: var(--color);
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.hamburgerButton:hover {
  background-color: var(--dark-color);
}
.hamburgerButton.open {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hamburgerButton .hamburgerIcon {
  position: relative;
  width: 50%;
}
.hamburgerButton .hamburgerIcon .hamburgerLine {
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
}
.hamburgerButton .hamburgerIcon .hamburgerLine:not(:first-child):not(:last-child) {
  animation-name: hamburger;
  animation-duration: 0.15s;
  animation-delay: 0.15s;
  transform: scaleX(0);
}
.hamburgerButton .hamburgerIcon .hamburgerLine, .hamburgerButton .hamburgerIcon .hamburgerLine:first-child, .hamburgerButton .hamburgerIcon .hamburgerLine:last-child {
  animation-fill-mode: forwards;
}
.hamburgerButton .hamburgerIcon .hamburgerLine:first-child, .hamburgerButton .hamburgerIcon .hamburgerLine:last-child {
  position: absolute;
  width: 100%;
  transform-origin: 50%;
  transition: all 0.1s ease-out;
  animation-duration: 0.3s;
}
.hamburgerButton .hamburgerIcon .hamburgerLine:first-child {
  top: 0;
  animation-name: hamburgerFirst;
  transform: rotate(45deg);
}
.hamburgerButton .hamburgerIcon .hamburgerLine:last-child {
  top: 0;
  animation-name: hamburgerLast;
  transform: rotate(-45deg);
}
.hamburgerButton .hamburgerIcon.hamburgerOpen .hamburgerLine:not(:first-child):not(:last-child) {
  animation-name: hamburgerOpen;
  transform: scaleX(100%);
}
.hamburgerButton .hamburgerIcon.hamburgerOpen .hamburgerLine:first-child {
  top: -10px;
  transform: rotate(0);
  animation-name: hamburgerFirstOpen;
}
.hamburgerButton .hamburgerIcon.hamburgerOpen .hamburgerLine:last-child {
  top: 10px;
  transform: rotate(0);
  animation-name: hamburgerLastOpen;
}

@keyframes hamburger {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes hamburgerOpen {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes hamburgerFirst {
  0% {
    top: 0;
    transform: rotate(45deg);
  }
  50% {
    top: 0;
    transform: rotate(0);
  }
  100% {
    top: 10px;
    transform: rotate(0);
  }
}
@keyframes hamburgerLast {
  0% {
    top: 0;
    transform: rotate(-45deg);
  }
  50% {
    top: 0;
    transform: rotate(0);
  }
  100% {
    top: -10px;
    transform: rotate(0);
  }
}
@keyframes hamburgerFirstOpen {
  0% {
    top: 10px;
    transform: rotate(0);
  }
  50% {
    top: 0;
    transform: rotate(0);
  }
  100% {
    top: 0;
    transform: rotate(45deg);
  }
}
@keyframes hamburgerLastOpen {
  0% {
    top: -12px;
    transform: rotate(0);
  }
  50% {
    top: 0;
    transform: rotate(0);
  }
  100% {
    top: 0;
    transform: rotate(-45deg);
  }
}
.navItem {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color: var(--color);
  transition: all 0.2s ease-in-out;
}
.navItem:hover {
  background-color: var(--dark-color);
}
.navItem:hover .navItem__text {
  right: 100%;
  opacity: 1;
  visibility: visible;
}
.navItem:last-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.navItem .navItem__text {
    color: var(--color);
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    cursor: default;
    pointer-events: none;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    background: var(--dark-color);
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px 0px 0px 5px;
    top: 0px;
}

.navOpen .navItem i {
    color: #fff;
}
.navOpen .navItem {
  visibility: visible;
}
.navOpen .navItem:first-child {
  bottom: 35px;
  transition-duration: 0.15s;
  z-index: -1;
}
.navOpen .navItem:nth-child(2) {
  bottom: calc(35px * 2);
  transition-duration: 0.3s;
  z-index: -2;
}
.navOpen .navItem:nth-child(3) {
  bottom: calc(35px * 3);
  transition-duration: 0.45s;
  z-index: -3;
}
.navOpen .navItem:nth-child(4) {
  bottom: calc(35px * 4);
  transition-duration: 0.6s;
  z-index: -4;
}
.navOpen .navItem:last-child {
  bottom: calc(35px * 5);
  transition-duration: 0.75s;
  z-index: -5;
}
/*====================================================*/
.conter-product {
    padding-top: 10px;
}

.headersalepage_newbtnswrap.activemenu {
    background: green !important;
}
.customheaderradiobox {
    position: absolute;
    left: 7px;
    opacity: 0;
}
td.actionbthswrap a {
    text-align: center;
    margin-bottom: 5px;
}
td.actionbthswrap button {
    text-align: center;
    margin-bottom: 5px;
}
tbody#counter_append tr td .toppings {
    cursor: pointer;
}
table.table.listing--item thead tr th {
    border: 1px solid #eee;
    vertical-align: middle !important;
}
table.table.listing--item thead tr:nth-child(1) th {
    border-bottom: 0;
    box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 10;
    font-family: 'Almarai', sans-serif;
}
.col-sm-5.pull-left.custom_counterpullleftwrap {
    padding-left: 7px;
    padding-right: 5px;
}
.salepagepopupviewdetailstable tr td {
  width: 50% !important;
}
.salepagepopupviewdetailstable tr td:nth-child(1) {
    font-weight: 600;
    color: #000;
}
.salepagepopupviewdetailstable tr td:nth-child(2) {
    width: 5% !important;
}
div#pay_model_body {
    padding-left: 25px;
    padding-right: 25px;
}
.innerformgroupwrap {
    margin-bottom: 5px !important;
    float: left;
    width: 100%;
}
.col-md-6.popup_col6_paddingadj {
    padding-left: 5px;
    padding-right: 5px;
}.col-md-12.popup_col12_paddingadj {
    padding-left: 5px;
    padding-right: 5px;
}
.amount-given1.customamountgiven1classwrap {
    display: block;
}


/*===============Floating Menu=============*/
/*=================================================================*/
.floatingButtonWrap {
    position: relative;
}
.floatingButtonInner {
/*    position: relative;*/
}
.floatingButton.open,
.floatingButton:hover,
.floatingButton:focus,
.floatingButton:active {
    opacity: 1;
    color: #fff;
}
/*.floatingMenu {
    position: absolute;
    bottom: -37px;
    right: 0px;
    width: 245px;
    display: none;
    text-align: right;
}*/
.floatingButtonWrap {
    display: none;
     position: absolute;
    bottom: 40px;
    right: 0px;
    width: 245px;
/*    display: none;*/
    text-align: right;
}
.morebtnwrap.floatingButton {
/*    position: absolute;*/
/*    right: 10px;*/
     background: #461959;
    color: #fff !important

}
.floatingMenu a.floating_custombtnwrap {
    transition: all 0.4s;
    background: unset;
    border: unset;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
}
.customfloatingbtnswrap a span.newbuttonstextwrap {
    background: #162088;
    padding: 10px 15px;
    border-radius: 29px;
    color: #fff !important;
    width: 188px !important;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
}
.customfloatingbtnswrap a span.classnewcustomiconwrap {
    background: #162088;
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff !important;
    border-radius: 50%;
    margin-right: 6px;
    font-size: 15px !important;
    text-align: center;
}
.floatingMenu a.floating_custombtnwrap:hover {
    margin-right: 5px !important;
    text-decoration: none !important;
}

/*===================*/
.floatingMenu button.floating_custombtnwrap {
    transition: all 0.4s;
    background: unset;
    border: unset;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
}
.customfloatingbtnswrap button span.newbuttonstextwrap {
    background: #162088;
    padding: 10px 15px;
    border-radius: 29px;
    color: #fff !important;
    width: 188px !important;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
}
.customfloatingbtnswrap button span.classnewcustomiconwrap {
    background: #162088;
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff !important;
    border-radius: 50%;
    margin-right: 6px;
    font-size: 15px !important;
    text-align: center;
}
.floatingMenu button.floating_custombtnwrap:hover {
    margin-right: 5px !important;
    text-decoration: none !important;
}
button.floating_custombtnwrap:hover span {
    background: #b60031;
}
button.floating_custombtnwrap:hover span {
    background: #b60031;
}
/*===================*/





.customamounttoggleboxouterwrap {
    display: none;
}
.customamounttoggleboxouterwrap.active {
    display: block;
}
.custompaybtn_stickynewbtn.btn.morebtnwrap.floatingButton.open i {
    transform: rotate(45deg);
}
.custompaybtn_stickynewbtn.btn.morebtnwrap.floatingButton.open  {
    background: #FF4B91;
}
a.floating_custombtnwrap:hover span {
    background: #b60031;
}
/*===============Floating Menu=============*/
.custompaybtn_stickynewbtn.btn.morebtnwrap.floatingButton.active {
    background: #FF4B91 !important;
    color: #fff;
}
.custompaybtn_stickynewbtn.btn.morebtnwrap.floatingButton.active i {
        transform: rotate(45deg);
}

.table-bdy {
    cursor: pointer;
}
tbody.saleorder_reporttbody tr td:last-child {
    position: relative;
}
.tableinner_tdiconswrap i {
    color: #fff;
    background: #461959;
    text-align: center;
    font-size: 11px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
}

.tableinner_tdiconswrap {
    text-align: left;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 5px;
}
.commonpagelinksnewcontwrap {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.commonpagelinksnewcontwrap .commonpagelinksnewbtnlinks a {
    background: #1623ad;
    color: #fff;
    padding: 10px 20px;
    display: block;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Almarai', sans-serif;
    position: relative;
    text-align: center;
}
.commonpagelinksnewcontwrap .commonpagelinksnewbtnlinks.active a {
    background: green;   
}
.commonpagelinksnewcontwrap .commonpagelinksnewbtnlinks.active a::after {
    /* content: "\f0d7"; */
    /* font-family: "Font Awesome 6 Pro"; */
    content: '';
    position: absolute;
    font-weight: bold;
    font-size: 50px;
    color: green;
    bottom: -16px;
    left: 50%;
    border-width: 16px 16px 0 16px;
    border-style: solid;
    border-color: green transparent transparent transparent;
}
tbody.saleorder_reporttbody tr td {
    border: 1px solid #ccc;
}
thead.saleorder_reportthead tr th {
    border: 1px solid #ccc;
}

.table-responsive.customtableresponsivewrap {
    overflow: unset;
}
@media (min-width: 280px) and (max-width: 1024px) {

.table-responsive.customtableresponsivewrap {
    overflow-x: auto !important;
}
}

.commonheaderbackbtnwrap_homebtnwrap {
    background: #b60031;
}

.commonheaderbackbtnwrap_homebtnwrap a {
   display: flex;
    padding: 10px;
    text-align: center;
    min-height: 50px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.commonheaderbackbtnwrap_homebtnwrap  img {
    width: 50px;
}
.commonheaderbackbtnwrap_homebtnwrap.commoncustomhomeiconwrap img {
    width: 25px;
}
.commonheaderbackbtnwrap_homebtnwrap h5 {
    font-size: 13px;
    margin: 0;
    margin-top: 0;
    color: #fff;
    font-family: 'Almarai', sans-serif;
}
.pageheading_custommainwrap {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Almarai', sans-serif;
}
header.newcustomcommonheadersecwrap {
    margin-bottom: 10px;
}
@media (min-width: 280px) and (max-width: 1024px) {
    .pageheading_custommainwrap {
    font-size: 13px;
}
.commonheaderbackbtnwrap_homebtnwrap a { 
    min-height: 60px;   
}
.commonheaderbackbtnwrap_homebtnwrap.commoncustomhomeiconwrap img {
    width: 40px;
}
.modal-footer button {
    margin-left: 10px !important;
}
.commonpagelinksnewcontwrap {
    display: flex;
    flex-wrap: wrap;
}
.commonpagelinksnewbtnlinks {
    width: 100%;
    margin-bottom: 5px;
}
.commonpagelinksnewcontwrap .commonpagelinksnewbtnlinks.active a::after {  
    content: unset;   
}


 }

 a.floor_list {
    color: #fff !important;
    background: #1623ad;
}
thead.customtablethead_newtablestylewrap.customtheadtopnewwrap_cewnteralign tr th {
    text-align: center;
}
label.control-label.customemptycomtrollabelwrap.hidden-xs {
    width: 100%;
}
.pageheading_custommainwrap p {
    font-size: 15px;
    margin-bottom: 0;
    /* background: #f1dee3; */
    color: #b60031;
}

.modal-footer button {
    margin-left: 30px;
}
input.sale_type {
    opacity: 0;
}
.onlineorder_logowrap img {
    width: 100%;
}
div#codmoveOrderModal {}

div#codmoveOrderModal input#address {
    margin-top: 11px;
}

.modal-footer input.maintheme_btnwrap {
    margin-left: 30px;
} 
div#moveModal .modal-body.text-center button {
    margin-left: 30px;
}
div#moveModal .modal-body.text-center button {
    margin-left: 30px;
    width: 40%;
}
.completedorder_custombtnwrap {
 background: #008000 !important;
 border-color: #008000;
}
.customrunning_completeorderwrap {
    background: #005ce6 !important;
    border-color: #005ce6;
}
.customfrontdashboard_pagesec .addressadd_btn.reportbtn_custom12 {
    margin-top: 0;
}

.customfrontdashboard_pagesec .addressadd_btn.reportbtn_custom12 a {
    width: 100%;
    background: #1623ad;
    border-color: #1623ad;
}

#bigimgcarousel_wrap .carousel-inner .item img {
    width: 300px;
    display: block;
    margin: 0 auto;
}

button.salepage_marginadj_commonsanclass_wrap {
    margin-right: 25px !important;
}
button.salepage_marginadj_commonsanclass_wrap.cashcardbtnwrap {
    background: #008000 !important;
    border-color: #008000 !important;
}
body.custom_windowheight {
    overflow-y: hidden;
}
@media (min-width: 280px) and (max-width: 1024px) {
body.custom_windowheight {
    overflow-y: auto !important;
}

}
.saleagecustomdineinsearselect_wrap {
    display: flex;
    align-items: center;
    margin-top: 5px;
    gap: 10px;
}
.saleagecustomdineinsearselect_wrap label.set-ls {
    margin-bottom: 0;
}

.saleagecustomdineinsearselect_wrap select#num_members {
    margin-bottom: 0;
}
body.custom_windowheight.customclassadd_order_dine_in .counter-bottom-box ,
body.custom_windowheight.customclassadd_order_delivery_sale  .counter-bottom-box  {
    left: 15%;
}


/*=================================================================*/
.customfloatingmenusouter_newwrap {
    position: relative;
}
.customfloatingclickbtn.open,
.customfloatingclickbtn:hover,
.customfloatingclickbtn:focus,
.customfloatingclickbtn:active {
    opacity: 1;
    color: #fff;
}
.santcustomfloatingbtnswrap {
    position: absolute;
    top: 10px;
    left: 0;
    width: 245px;
    display: none;
    text-align: right;
    z-index: 10;
    background: #162088;
    border-radius: 10px;
/*    box-shadow: 0 4px 16px 0 rgba(0,0,0,.2);*/
}
.santcustomfloatingbtnswrap:before {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #b60031;
    pointer-events: none;
    margin-top: -20px;
    display: block;
    position: absolute;
    left: 15px;
}
a.customfloatingclickbtn {
     background: #1623ad;
    color: #fff !important;
    border:1px solid #1623ad;

}
a.customfloatingclickbtn:focus {
   outline: unset !important;
   border: unset;
   color: #fff;

}
.santcustomfloatingbtnswrap .customnewfloating_custombtnwrap {
    transition: all 0.4s;
    background: unset;
    border: unset;
    padding: 10px 15px;
    font-size: 17px;
    width: 100%;
    display: flex;
    align-items: center;
}
.santcustomfloatingbtnswrap span.newbuttonstextwrap {
    /* background: #162088; */
    /* padding: 10px 20px; */
    /* border-radius: 29px; */
    color: #fff !important;
    /* width: 165px !important; */
    /* display: block; */
    /* text-align: center; */
    /* margin-bottom: 5px; */
}
.santcustomfloatingbtnswrap span.classnewcustomiconwrap {
    /* background: #162088; */
    /* height: 40px; */
    /* width: 40px; */
    /* display: inline-block; */
    /* line-height: 40px; */
    /* color: #fff !important; */
    /* border-radius: 50%; */
    /* margin-right: 6px; */
    /* font-size: 15px !important; */
    /* text-align: center; */
}
.santcustomfloatingbtnswrap span.classnewcustomiconwrap img {
    width: 45px;
    margin-right: 6px;
}
.santcustomfloatingbtnswrap .customnewfloating_custombtnwrap:hover {
    margin-right: 10px !important;
    text-decoration: none !important;
}


.pageheading_custommainwrap {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
header.newcustomcommonheadersecwrap {
    margin-bottom: 10px;
    position: relative;
}
.santcustomfloatingbtnswrap a i {
    padding-right: 15px;
    color: #fff;
    font-size: 30px;
}
.santcustomfloatingbtnswrap a:hover {
    background: #b60031;
      border-color: #b60031 !important;
}
.santcustomfloatingbtnswrap a:first-child {
    border-radius: 10px 10px 0px 0px;
}
.santcustomfloatingbtnswrap a:last-child {
    border-radius:  0px 0px 10px 10px;
}
.santcustomfloatingbtnswrap a.active {
    background: #b60031;
    border-color: #b60031 !important;
}
.santcustomfloatingbtnswrap a:not(:last-child) {
    border-bottom: 2px solid #061072;
}
/*=================================================================*/
.customfullwidth_btn {
    width: 100%;
}
.notification {     
            position: relative;
        }

.notification .badge {
    position: absolute;
    top: -10px;
    right: -21px;
    /* padding: 5px 10px; */
    border-radius: 50%;
    background: #b60031;
    color: white;
    font-size: 14px;
    width: 35px !important;
    height: 35px !important;
    min-width: auto !important;
    font-weight: 500;
    text-align: center;
    line-height: 35px;
    padding: 0;
}

.commonnewbtnswrap span.commonbtnwrap {
    /* background: #005ce6; */
    /* display: flex; */
    align-items: center;
    /* justify-content: space-around; */
    /* border-radius: 5px 25px 25px 5px; */
}
.commonnewbtnswrap span.commonbtnwrap a {
       color: #fff;
    padding: 15px 20px;
    background: #005ce6;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}
.commonnewbtnswrap {
    padding-top: 2px;
    width: 100%;
    text-align: center;
}
.commonnewbtnswrap span.commonbtnwrap a.logandpagebtnwrapcustomnewwrap.activemenu {
    background: #008000;
}.commonnewbtnswrap span.commonbtnwrap a.customcommonlogbtnwrap.activemenu {
    background: #008000;
}

.commonnewbtnswrap span.commonbtnwrap a.customcommonlogbtnwrap {
border-radius: 0px 25px 25px 0px;
}
.commonnewbtnswrap span.commonbtnwrap a:hover {
    background: #b60031 !important;
}
.commonnewbtnswrap span.commonbtnwrap a img {
    width: 35px;
    position: relative;
    top: -2px;
}
a.logandpagebtnwrapcustomnewwrap {
    border-right: 1px solid #061072;
}
.commonlogclickbtnswrap a.btn.customfloatingclickbtn {
    color: #fff;
    padding: 11px 20px;
    background: #005ce6;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0px;
}
.tab-box1.customcategorytabboxwrap {
    overflow-x: hidden;
}
body.custom_windowheight.customclassadd_order_future_sale .counter-bottom-box {
    left: 200px;
}
.quotation_salepagecommonbodyclass .counter-bottom-box {
    left: 20%;
}
.quotation_salecustomproductbaxareawrap::-webkit-scrollbar-track
{
    background-color: #F5F5F5;
}
.quotation_salecustomproductbaxareawrap::-webkit-scrollbar
{
    height: 5px;
    width: 10px;
    background-color: #F5F5F5;
}
.quotation_salecustomproductbaxareawrap::-webkit-scrollbar-thumb
{
    background-color: #666;
}
@media (min-width: 280px) and (max-width: 1024px) {
.commonnewbtnswrap span.commonbtnwrap a {
    padding: 8px 14px !important;
    font-size: 12px !important;
}
.commonnewbtnswrap span.commonbtnwrap a img {
    width: 20px !important;
}
.commonlogclickbtnswrap a.btn.customfloatingclickbtn {
    padding: 8px 14px !important;
    font-size: 12px !important;
}
.santcustomfloatingbtnswrap .customnewfloating_custombtnwrap {
    padding: 5px 10px !important;
    font-size: 13px !important;
}
.santcustomfloatingbtnswrap span.classnewcustomiconwrap img {
    width: 30px;
}
.santcustomfloatingbtnswrap {
    width: 200px;    
}


 }