/******** asligroup title *******/
.aslt{
	margin-top:5px;
	border-bottom:2px solid #c1c1c1;/*#cc9766;*/
	text-align:center;
	
}	
.aslt span{
	background-color:#f3f3f3; /*#ffd9b3;*/
	color:white;
	padding:0 50px;
	border-radius:5px;
	border:1px solid #c1c1c1;
	color:black;
    font-family:Byekan,'Byekan',tahoma;
    font-weight: bold;
    font-size:14px;
	
}

.starrated{
	color:gold;
	
}

.starnorate{
	color:white;
}


  
.s-pnl {
    height:53px;
    //margin-top:10px;
    background-image: url('../images/basketbak.jpg?n=1');
    color:black;
	background-color:#f1f1f1;
	box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
	border:2px solid #c8c8c8;
	border-radius:7px;
}



 
 
.basketBtn {
  position: fixed;
  bottom: 20px;
  left:20px;
  z-index: 99;
  border: 2px solid white;
  outline: none;
  //background-color: green;
 // color: white;
 // cursor: pointer;
  //padding: 15px 18px ;
  border-radius: 50%;
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)    ;
}

.basketdiv{
	display:block;
}


/*****************************  دفترچه لیست سفارشات ************************************/
.daftar{
    padding: 10px;
    width: 100%;
    border-left:1px solid lightgray;
    border-right:2px solid lightgray;
    border-bottom:2px solid lightgray;
    margin: 0;
    background-color: white;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
 }
/****************  کلیدهای +و - غذا 
/*********  خط آبی *************/
.bltr
 {
   border-bottom: 1px solid #99ceff; 
   padding:2px;
 }



.tbadg{
    background-color: #ff00a4;
    color:white;
    width:25px;
    height:25px;    
    border:2px solid white;
    position:relative;
    bottom: 47px;
    left:18px;
    z-index: 99;
    outline: none;
    border-radius:50%;
    font-size:12px;
    padding:3px 5px;
    text-align: center;
    display:none;
	margin:auto;
  }


.badg2{
	position:fixed;
	 bottom: 58px;
    left:55px;
  }

/*******************  کلیدهای + پایین اسم غذا ***************/
.pbtn{
 width:50px;
 background-color:green;
 color:white;
 border-radius:3px;
 border:none; 
 height:30px;
 font-size:20px;
}
 
.pbtn:hover{
  background-color:#009900;
  color:black;       font-weight: bold;
  cursor: pointer;
  
}    

/******************************************/



input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}





/***************notbook foodrow styles ***************/
 .noterow{
     border-bottom:1px solid #99ceff;margin-top:10px;
  }
  
.nrdf-t
  {
    float:right;
    padding-left:5px;
	font-size:12px;
	
  }

.nrdf-bt{
    width:17px;
	height:17px;
	border:none;
	color:red;
	background-color:none;
	cursor:pointer;
	}

.nrw-fn
{
  width:auto;text-align:right;font-size:14px;font-weight:bold;color:black;
}

.nrfee-box{float:right;font-size:12px;}
.nrfee{font-size:12px;padding-top:10px; color:black;font-weight:normal;}   
.nrasbx{float:left;width:105px;height:30px;}
.nrted {border:2px solid #cc9766 !important; height:20px !important;   text-align:    center;width:30px !important;}
.nrsub-n{padding:10px 0 10px 0; font-size:14px;font-weight:bold;text-align:right;color:#4d4d4d;width:120px   }
.nrsub-fe{text-align:right;padding:10px 10px 10px 0;font-size:14px;font-weight:bold;color:red;width:120px }
/********* top image overlay************************/
.tmgocol {position:relative;width:100%;float: right;text-align:right;}
.tmgm{font-size:16px;padding:1px 10px;direction:rtl;font-weight:normal;}
.tmgt{font-size:18px;padding:15px 0  10px;}
 /* object-fit: contain;*/
.topimgdiv{height: 48%;max-width: 100%;display: block;margin: 0px auto;margin-top:35px;overflow:hidden;width:100%;min-height:240px;max-height:350px;background-image: url('../images/topback.jpg');}
.logoimg{height:96px;width:96px;}
/********************************/
.thbtn {font-family:Byekan,'Byekan',tahoma;font-weight:bold;background-color: white;border: solid 2px red;border-radius:18px;color: red;  padding:0 8px 0 8px;text-align: center;  font-size: 12px;  margin: 14px 0px 0px;  opacity: 0.8;  transition: 0.5s;  width:auto;  height:40px;  cursor:pointer;}
.img-responsive{width: 100%; height: auto;   }
.combobox{border:none;border-bottom:1px solid gray;	width:100%;	max-width:400px;}
.combobox:focus{border-bottom:2px solid red !important;	}
.mapsize{width: 100%; height: 300px;}
.visible-xs, .visible-sm{  display: none !important;}
.spcstl1{color:#155bc4;padding;padding-top:10px;}
.spcstl2{color:black;font-size:16px;}
.restpicstl{width:450px;height:450px;}
.restpicdiv{width:455px ;margin:auto;}
.feebx{font-size:14px;color:#636363;direction:rtl;padding-left:2px;width:auto;font-weight:normal;}
.feebxtkf{font-size:12px;color:#ff00a4;text-decoration:line-through;direction:rtl}
.downbox{position:absolute;left:0;color:red;width:100%;padding-right:3px;vertical-align:middle;top:1px}
.downboxh{display:table;height:30px;width:100%;}
.tdlcls{display:table-cell;width:31px;text-align:center;background-color:#ff00a4;color:white;border:1px solid #c1c1c1;border-radius:50%;display:none;}
.fdstar{color:#fac74b;padding:0 0  5px;font-size:16px;vertical-align:middle;}
.frat{color:gray;font-size:12px;}
.tkfc{position:absolute;top:-15px;left:5px;width:24px;height:40px;border-radius:20px; background-color:#ff00a4;text-align:center;padding-top:16px;}
/*.tkfcb{background-color:white;width:20px;height:20px; border-radius:50%;font-size:11px;padding-top:2px;margin:auto;color:#ff00a4}*/
.tkfcb{background-color:#ff00a4;width:20px;height:20px; border-radius:50%;font-size:11px;padding-top:2px;margin:auto;color:white}

.thbtn:hover {background-color: #f4511e;color:white;}
.tztit{color:#b30000;direction:rtl;}	
/*************/
.addbt{display:table-cell;color:#ff00a4;width:31px;height:20px;border:1px solid #ff00a4;text-align:center;border-radius:50%;cursor:pointer;font-size:18px;}	
.addbt:hover{border-color:red;color:red;background-color:#FFD7F7}
.subbt{display:none;color:#ff00a4;width:31px;height:20px;border:1px solid #ff00a4;text-align:center;border-radius:50%;cursor:pointer;font-size:18px;}	
.subbt:hover{border-color:red;color:red;background-color:#FFD7F7}

.fodend{background-color:#ff00a4;color:white;border-radius:5px;font-size:12px;text-align:center;height:30px;padding-top:5px;}


.crdbtm{position:relative;height:55px;border-top:1px solid #e1e1e1;left:0;padding-right:3px;vertical-align:middle;top:1px;width:100%;}
.crdbtmb{display:table;width:100%;height:35px;}
.crdbtml{display:table-cell;vertical-align:middle;padding:2px 0 0 1px;}
.crdbtmr{display:table-cell;direction:rtl;width:88px;padding-top:3px;float:right}

.fbxtit{background-color:#f5f5f5;height:40px;width:100%;color:black;font-size:12px;font-weight:bold;text-align:center;padding-top:5px;overflow:hidden}
.ftzbx{	font-size:12px;font-weight:300;color:#292929;text-align:right;padding:10px;overflow:hidden;height:80px;direction:rtl;}
.crdtp{padding:15px 10px 0 10px;}
.h160{height:160px;}	
.tlbl{position:absolute;left:5px;top:5px;width:25px;height:25px;background-color:#34d08f;border-radius:50%;color:white;padding-top:4px;display:none;}	
.crdshad{box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
/****************/	 
.a_img{width:50px;height:50px;margin:auto; margin-top:-8px;border-radius:5px;}
/***************** sidebar **********************/
.sidebar-sticky {width: 98%;  float: right;  position: -webkit-sticky;  position: sticky;  padding:40px 10px 0 0; top: 15px;}
.stickyb {position: fixed;z-index:90;top: 54px;width: 100%;box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);}

.fodspnl{background-color:#ffffff;}
 a.anchor{display: block;position: relative;top: -120px;visibility: hidden;}

.instagram-feed-area { position: relative;z-index: 1;flex-wrap:nowrap;padding:0 10px 0 10px;}
.single-instagram {position: relative;float:right;z-index: 1;-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;width:25%;overflow:hidden;padding:5px;}
.single-instagram img {width: 100%;-webkit-transition-duration: 500ms;transition-duration: 500ms; }
.single-instagram::after {-webkit-transition-duration: 500ms;transition-duration: 500ms;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.75);  z-index: 5;  position: absolute;  content: '';  visibility: hidden;  opacity: 0; }
.single-instagram .img-zoom {position: absolute;width:62px;height:62px;top:50%;left:50%;z-index:99;background-color:#290D16;border-radius:5px;  font-size: 24px;  color: #ffffff;  text-align: center;  line-height: 62px;  margin-left: -31px;  visibility: hidden;  opacity: 0.5; }
.single-instagram:hover::after {visibility: visible;opacity: 1;}
.single-instagram:hover img {-webkit-transform: scale(1.1);transform: scale(1.1); }
.single-instagram:hover .img-zoom {visibility: visible;opacity: 1;margin-top: -31px;}


/********************** media *************************/
@media (min-width: 992px)
  {
       .sidebar-sticky {width: 24.5%;padding:0 8px;overflow:auto;height:550px;}
  }
 
  
  /*@media (max-width: 767px)*/
  @media only screen and (max-width: 767px) 
  {
	.stickyb {top: 44px;}
	.single-instagram {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width: 100%;} 
	.single-instagram .img-zoom {width: 40px;height: 40px;line-height: 40px;font-size: 18px;margin-left: -20px;} 	  
	.single-instagram:hover .img-zoom {margin-top: -20px;}
	.single-instagram:hover .img-zoom {margin-top: -20px;} 
  }
  
  
 @media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-instagram {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;width: 25%; } 
 }



@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-instagram .img-zoom {width: 40px;height:40px;line-height:40px;font-size:18px;margin-left: -20px;}
}