#center_box{width:100%;height:100%;}
	#side_box{width:255px;height:100%;display:inline-table;padding:0 0px 0 0;position:relative;}
		#side_box .inner_box{border-radius: 5px;z-index:998;transition:all 0.4s ease 0s;border-radius: 3px;overflow:visible;width:249px;height:calc(100% - 124px);background-color:white;box-shadow:0 0 8px -3px #5e5d5e;vertical-align:top;position:fixed;top:56px;right:0px;}
			/*#side_box .inner_box:hover{width:280px;} */
			#side_box .inner_box .color-box{height:3px;}
			#side_box .inner_box .title{position:relative;font-size:16px;color:white;padding-right:3px;cursor:pointer;height:26px;background:rgba(30,30,30,0.9)}
				#side_box .inner_box .title span {padding-right:18px;}
				#side_box .inner_box .title .triangle-left{position:absolute;right:8px;}
			#cats.treeview{overflow: auto; height: calc(100% - 22px);}
			#side_box .inner_box .box{vertical-align:top;}
			#side_box .inner_box .box1{height:100%;} 
				#cats {padding:0;height: 100%;direction:ltr;overflow-y:scroll;overflow-x:visible;}
					#menu-v li , #menu-v ul li {background:rgba(40,40,40,0.95);}
					#menu-v ul li:hover, #menu-v ul li.onhover{background:rgba(75,75,75,0.95);}
					#menu-v li a{color:#fff !important;padding-right:5px;}
					.cat_node.selected{background:/*rgb(44, 148, 67)*/ rgb(255, 169, 30) !important;} 
					.cat_node.selected > a{color:#2975a7 !important;} 
					.triangle-left {width: 0;height: 0;top:6px;float:right;border-top: 6px solid transparent;border-right: 9px solid #ffa91e;border-bottom: 6px solid transparent;}
	#main_container{padding:35px 0px 44px 3px;margin-bottom:5px;width:calc(100% - 256px);display:inline-table;overflow:scroll;vertical-align:top;}
.node-cats{font-size:15px !important;height:23px !important;}
.details img{width:28px;}
#cart_container{max-height:calc(100% - 110px) !important;}
.properties div span{font-family:tahoma !important;}
.sefareshKharej{background: #e3921a;padding: 0px 4px;color: #fff;}


.cat_node.selected .triangle-left{border-right: 10px solid rgba(40,40,40,0.95);}

.commodity_container{width:14.285%;float:right;padding:5px;}
	td.name,td.package *{font-family:tahoma !important;direction:ltr;}
	.commodity{position:relative;cursor:pointer;width: 100%;height: 210px;background-color:white;border-radius:3px;min-width: 180px;overflow:hidden;border:1px solid #ccc;}
		.commodity > a {position:absolute;top:0;left:0;width:100%;height:178px;display:block;}
		.commodity_img{width:100%;height:130px;z-index:1000;}
			.commodity_img  img{width:100%;height:100%;}
		.commodity  .title{position:relative;width:100%;height:48px;line-height: 47px;text-align:center;font-size:17px;background-color:#eee;}  
			.commodity  .title span{line-height:1.4;display: inline-block;}
		.commodity  .bottom{width:100%;height:32px;background:#eee;position:relative;} 
			.commodity  .bottom .hrWrapper,.commodity  .title .hrWrapper{position:absolute;width:100%;top:-1px;margin:0;height:2px;}

			.commodity  .bottom .price{float:right;padding-right:5px;color:#4caf50;line-height: 29px;text-shadow: 0 0 1px #c5c5c5}
			.commodity  .bottom .add_cart{line-height:28px;font-size:22px;float:left;color:#4caf50;padding-left:5px;cursor:pointer;text-shadow:0 0 1px #c5c5c5} 
.table-responsive{overflow:hidden;}
.table-responsive tbody tr{height:61px;}
.table-custom {font-size:15px;overflow:hidden;}
.table-custom .status{width:50px;}
	.table-custom .status .active{line-height:24px;width:50px;height:25px;border-radius:0px;background-color:#009900;margin:0 auto;}
	.table-custom .status .not_active{background-color:#DC6464;}
		.table-custom .status .count{display:none;}
	
.table-custom .actions{width:80px;text-align:center;line-height:25px;}
	.table-custom .actions .icon{font-size:25px;color:#009900;margin-right:3px;text-shadow: 0 0 1px #ccc;position:relative;}
	.table-custom .actions .icon.remove{color:red;}
	.table-custom .actions .remove:before {z-index: 100;color: #eee;content: "-";left: 11px;position: absolute;top: -2px;font-size:23px;}
.table-custom .price{width:90px;}  
.table-custom .id{width:60px;}
.table-custom .image{width:105px;padding:1px;}
	.table-custom .image img{height:50px;}
		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:6px;}

.tdd{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.table-custom td{padding:5px 3px !important;}
td.desc{font-family:tahoma;font-size:13px;max-width: 200px;overflow: hidden;direction: rtl !important;}
td.package{font-size:13px;}
td.package div{max-width:100px;max-height:50px;overflow:hidden;}
td.name{font-size:14px;white-space:nowrap;}

.toolbar{width:99%;height:80px;background-color:white;margin-bottom:8px;border:1px solid #ccc;}
	.toolbar .view_type{width:60px;height:25px;float:left;margin:7px 0 0 8px;}
	.toolbar .view_type .icon{cursor:pointer;border:1px solid #bbb;float:left;width:25px;height:25px;line-height:25px;color:#999;text-align:center;font-size:14px;}
	.toolbar .view_type .icon .type2{position:relative;left:-1px;}
	.toolbar .top{border-bottom:1px solid #ccc;width:100%;height:50%;}
	.toolbar .bottom{width:100%;height:50%;}
.header-space,.color-box.top{display:none;}

.under_label{top:150px !important;}
#filters{padding-right:5px;}
	#filters .filter {display:inline-table;vertical-align:top;position:relative;height: 30px;border-radius: 5px; margin: 0px 6px 10px 0px; background-color: rgb(44, 148, 67); white-space: nowrap; color: white;padding: 6px 36px 6px 9px; line-height: 18px; font-size: 15px;}
	#filters .filter:before{line-height:28px;font-family:fontello;content:"";font-size:21px;position:absolute;top:0;right:6px;cursor:pointer;height:33px;width:24px;border-left:1px solid #fff;}
		#filters .filter span{display:block;position:absolute;top:0;right:0;width:24px;height:100%;cursor:pointer;z-index:2;}
	#filters .only_available{line-height:20px !important;}
#header #menu .icons {display:block;}
#header #menu{position:fixed !important;z-index:2147483646;top:0 !important;right:0;}

#paginator_container{text-align:center;}
	#paginator_container .paginator{display:inline-block;}
	#paginator_container .page{width: 22px; height: 22px;border: 1px solid rgb(204, 204, 204); background: rgb(238, 238, 238) none repeat scroll 0% 0%; height: 23px; width: 23px; border-radius: 3px; color: #777;float:left;margin:1px;cursor:pointer;}
	#paginator_container .page.active {background: #ddd none repeat scroll 0 0 !important;color: #666 !important;}
	td.desc{height:57pxoverflow:hidden;}
		td.desc div{height:50px;overflow:hidden;}