.right_three_dot_menu {
    width:30px;height:30px;border:1px solid #ccc;line-height:26px;text-align:center;border-radius:4px;margin-top:-30px;background-color:#fff;
}
.halal_my_mark_left{
    border-radius:4px 0 0 4px;text-align:center;color:#fff;padding:8px 4px;width:150px;text-transform:uppercase;font-size:12px;border:1px solid #34495e;background-color:#34495e;
}
.halal_my_mark_right{
    border-radius:0 4px 4px 0;text-align:center;font-size:12px;padding:8px 4px;width:160px;border:1px solid #34495e;border-left:none!important;
}
.halal_my_mark_right > a{
    font-weight:bold;text-transform:uppercase;font-size:12px;
}
.view_company_barcode_title{
    padding-top:3px;width:80px;text-transform:uppercase;font-size:10px;color:grey;
}
.view_company_contact{
    margin-top:5px;color:grey;
}
.view_status_halal{
    display:flex;gap:3px;max-width:200px;margin-top:15px;background:#f2f2ff;padding:4px;border:1px solid #eeeeee;border-radius:3px;box-shadow:2px 2px 5px grey;
}
.halal-image-info{
	width:calc(100% - 87px);margin-left:10px;
}
.halal-list-title{
	line-height:1.0em!important;
}
.halal-list-title-title,
.halal-list-title > a{
	font-weight:normal!important;font-size:85%!important;text-transform:uppercase;word-break: break-word;word-wrap: break-word;
}
.halal-list-image{
	width: 100%;height: auto;border-radius: 4px 4px 0 0;display:flex;align-items:flex-end;min-height:120px;margin-bottom:10px;padding:1px;border:1px solid #dedede;
}	
.halal-image75{
	min-width:75px!important;height:75px!important;border:1px solid #dedede;background-repeat: no-repeat;background-position: center;background-size: cover;display:flex;align-items:flex-end;	
}

/* CSS buat halal status */
.status_review_span{
	padding:3px 6px 2px 6px;margin-left:1px!important;font-size:13px;color:#fff;border-radius:3px;flex-grow:1;text-align:center;border:1px solid #ccc;min-width:55px;
}
.status_review_span.size24{
	min-width:25px!important;padding:3px 4px 2px 4px!important;
}
.size24{
	line-height:10px;font-weight:bold;
}	
.size24 > img, .size24 > a > img{
	width:14px!important;;height:14px!important;margin-right:2px;
}
.size48{
	line-height:24px;font-weight:bold;
}	
.size48 > img, .size48 > a > img{
	width:24px!important;;height:24px!important;margin-right:3px;
}
.status-label{
	font-size:9px;text-transform:uppercase;
}
.status_review_span .ico{
	margin-right:3px;
}
.halal > a,a.certified > a,
.halal,.certified{
	background-color:#105c58;color:#fff;
}
.plant,.dairy,.fish,.egg,.mineral,.shell{
	background-color:#92CD00;color:#2C6700!important;
}
.unknown > a,.no-info > a,
.unknown,.no-info{
	background-color:purple;color:#fff!important;
}
.pig > a,.cow > a,.chicken > a,.animal > a,.mixed > a,
.pig,.cow,.chicken,.animal,.mixed{
	background-color:#ff0000;color:#fff;
}
.alcohol > a,.synthetic > a,.insect > a,
.alcohol,.synthetic,.insect{
	background-color:#FFCC00;color:#555!important;
}
.no-matching > a,
.no-matching{
	background-color:#f8f8f8;color:#ccc!important;
}
.no-matching > img{
	opacity:0.35;
}
.more_less_button{
    float:right;margin-right:5px;margin-top:5px;width:30px;height:30px;text-align:center;line-height:25px;border:1px solid #ddd;border-radius:5px;display:block;
}	
.ingre_title_on{
	display:block-inline;border:1px solid #ddd;padding:6px;border-radius:4px;height:40px;margin-bottom:15px;box-shadow: 2px 2px 2px #ddd;
}	

.view_detail_sub_title{
	margin:20px 0 10px 0;text-transform:uppercase;color:#3a4348;height:30px;border-radius:30px;min-width:200px;text-align:center;background-color:#edf3f2;display:inline-block;padding:6px;
}
.view_contain_box{
	margin-top:6px;display:flex;gap:3px;background:#fff;padding:4px;border:1px solid #ccc;border-radius:3px;box-shadow:2px 2px 4px #ccc;
}
.view_contain_box_size24{
	margin-top:3px;display:flex;gap:2px;background:#fff;padding:2px;border:1px solid #ccc;border-radius:2px;box-shadow:1px 1px 3px #ccc;
}
.td-halal-view-ingre-image{
	padding:4px 0 0 0!important;width:30px;text-align:center;vertical-align:top;
}
.div-halal-view-ingre-image{
	border:1px solid #ccc;padding:2px;
}
.img-halal-view-ingre-image{
	width:24px;height:24px;opacity:0.7;
}
.td-halal-view-ingre-explain{
	text-align:left;min-width:100px;max-width:50%;vertical-align:top;padding-top:0!important;
}
.div-halal-view-ingre-explain{
	text-align:left;color:#888;font-size:90%;
}
.status_color_halal{
    color:#105c58;
}
.status_color_mungkinhalal{
    color:#9ACD32;
}
.status_color_relatif,.status_color_tidakjelas{
    color:#000000;
}
.status_color_meragukan{
    color:tomato;
}
.status_color_haram{
    color:red;
}
.halalwidget_container{
    display:flex!important;justify-content:center;align-items:center;margin:8px 0 8px 0;
}
.halal-list-status{
	font-size:90%;margin-top:5px;display:flex;justify-content:flex-start;gap:15px;
}
.halalwidget_left_box,.halalwidget_right_box{
    min-width:100px;max-width:140px;font-size:11px;padding:3px;text-align:center;text-transform: uppercase;
}	
.halalwidget_left_box{
	border-radius:5px 0 0 5px;
}
.halalwidget_right_box{
	border-radius:0 5px 5px 0;
}
@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.blinking-text{
	animation: blink 2s;
}
#bahan-focus{
	max-width:1px!important;max-height:1px!important;border:0!important;border:0!important;position:absolute;
}
/* feed START */
.halal_feed_title{
	padding-left:4px;padding-bottom:0!important;padding-top:0!important;color:#999;font-size:90%;
}	
.halal_contain_mark{
	width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:80%;
}
.halal_feed_image{
	/*min-width:100px;min-height:100px;max-width:100px;max-height:100px;*/
	max-width:120px;
}
.tanda-ingre > img{
	max-width:calc(100% / 5);height:auto;border:1px solid #fff;border-left:none!important;
}
.tanda-ingre-halal > img{
	width:15px!important;;height:15px!important;
}
#page_halal_index .tanda-ingre > img{
	max-width:15px!important;
}
.analyze-tanda-ingre > a > img{
	width:25px!important;;height:25px!important;margin-right:3px;
}
.product-photo > img{
	height:auto;
}
#js_album_outer_content{
	margin:15px 0 0 0!important;width:100%;box-shadow:2px 2px 4px #dedede;
}
/*
#photo_collection > .photo_box_outer{
	width:calc(33.33% - 1px);height:auto;border:1px solid #fff;border-right:0!important;border-bottom:0!important;background:#000;
}
.photo_box_outer > .photo_box_header{
	z-index:3002;font-size:140%;color:#fff;margin-left:10px;margin-top:10px;position:absolute;
}
.photo_box_outer > .photo_box_inner{
	position:relative;display:flex;align-items:center;height:auto;
}
.photo_box_outer > .photo_box_footer{
	position:absolute;margin-top:-40px;padding:10px;display:block;background-color:#000;opacity:0.7!important;filter: alpha(opacity=70)!important;
}
/*#photo_collection > a{
	
}* /
#photo_collection > a > img{
	height:auto;
}*/
#halal_view_photobox{
    width:100%;display:none;
}
.review_image_main{
	display:flex;margin-top:15px!important;width:100%;justify-content:center;margin-bottom:15px;
}	
.review_image_photo{
	background-color:#f2f2f2;border:1px solid #ddd;border-left:0!important;display:block;background-repeat: no-repeat;background-size:cover;width:100px;height:100px;
}
.review_image_expander{
	display:flex;align-items:center;justify-content:center;background-color:#000!important;width:98px;height:98px;opacity:0.5;filter: alpha(opacity=50);font-size:30px;
}
.review_image_expander > span{
	opacity:1!important;filter: alpha(opacity=100)!important;color:#fff;
}
.review_image_photo.first_image{
	border-left:1px solid #ddd!important;
}
.review_image_photo > .mature-block-div{
/*.review_image_photo.no_ajax_link.photo-mature{*/
	width:99px;height:99px;display:flex;align-items:center;justify-content:center;background-color:#222;opacity:0.9;filter: alpha(opacity=90);
	/*display: block;position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;background-origin: border-box;border: 1px solid rgba(0, 0, 0, 0.1);*/
}
.halal_view_photobox_scrollbar{
	cursor:pointer;padding:8px 0;text-align:center;background-image: linear-gradient(#f8f8f8,#ccc);border-radius:0 0 6px 6px;box-shadow:2px 2px 4px #dedede;margin-bottom:15px;border-top:1px solid #fff;color:#fff;display:flex;align-items:baseline;justify-content:center;
}	
.citizen_opinion_block{
	line-height:28px;padding-left:20px;background-position:left top; background-repeat: no-repeat;
}	
.where_to_buy_block{
	display:flex;justify-content:space-between;line-height:28px;padding-left:20px;background-position:left top;background-repeat: no-repeat;
}

#page_halal_view .feed-options-holder.item-options-holder{
	display:none;
}
#page_halal_view .activity_like_holder.activity_not_like{
	padding-right:0!important;
}
#page_halal_view .comment-mini-content-commands{
	padding-right:0!important;
}
.analyze_register_done{
	display:none;background-color:#ccc;color:#000;font-size:10px;border:1px solid #ccc;padding:3px;
}
.analyze_register{
	font-size:10px;border:1px solid #ccc;padding:3px;
}
.index_search_keyword_div{
	display:flex;margin-right:15px;align-items:baseline;font-size:14px;margin-bottom:15px;
}
.index_search_keyword_span_left{	
	border-radius:4px 0 0 4px;padding:6px 6px 2px 6px;;border:1px solid #dedede;border-right:none!important;height:40px;color:#888;
}
.index_search_keyword_span_right{	
	text-align:center;padding:6px 2px;border:1px solid #dedede;border-radius:0 4px 4px 0;border-left:none!important;width:30px;height:40px;
}
.index_search_keyword_span_right .ico{
	color:#999;font-size:18px;
}
/* untuk share box */
.active_icon{
	color:#105c58;border:1px solid #105c58;
}
.action_button_box{
    margin:10px 0 0 0;display:flex;justify-content:space-between;align-items:center;
}
.action_button_box.reply{
    justify-content:flex-start;gap:10px;
}
.action_button{
    padding:0 8px;font-size:12px;line-height:30px;flex-grow:1;text-align:center;
    height:30px;border-radius:20px;background-color:#f8f8f8;border:1px solid #ccc;color:#555;
}
/*
.review_view_photo_box{
	max-width:200px!important;
}*/
/* feed END */

/* PC */
@media (min-width: 481px) {
	.index_search_wrapper{
		margin:15px 10px 15px 40px;display:flex;flex-wrap:wrap;
	}	
    #page_halal_home .home_header_search{
	    display:flex;justify-content:space-between;margin-left:0px;margin-right:0px;
    }
    .halal_status_content{
        width:calc(25% - 15px);margin-left:15px;
    } 
    .halal-category-content{
        padding:5px;width:25%;
    } 	  
    .halal-category-content-open{
        width:calc(33.33% - 8px);
    }    
	.review_image_photo{
		margin-right:2px;border-left:1px solid #ddd!important;
	}	
	.review_image_photo.first_image{
		border-left:1px solid #ddd!important;
	}
	.review_image_add_button{
		display:block;border:1px solid #ddd;background-color:#D9D9D9;width:100px;height:100px;text-align:center;padding-top:30px;line-height:120%;
	}	
	.review_image_add_button > .icon-button{
		margin-left:auto;margin-right:auto;width:26px;height:26px;border-radius:50%;background-color:#808080;padding:5px;line-height:16px;text-align:center;
	}
	.analyze_header_title{
		padding-top:0px!important;text-transform:uppercase;margin-bottom:10px;
	}
}
/* MOBILE */
@media (max-width: 480px) {
	.index_search_wrapper{
		margin:15px 10px 15px 10px;display:flex;flex-wrap:wrap;
	}	
	.analyze_header_title{
		padding-top:15px!important;text-transform:uppercase;margin-bottom:10px;
	}	
    .halal_status_content{
	    width:calc(50% - 15px);margin-left:15px;
    }
	/* review terkait di module photo */
	#js_box_id_1{
		width:100%!important;height:auto!important;margin:0!important;top:0!important;left:0!important;
	}	
    .halal-category-content-open{
        width:calc(50% - 8px);
    } 	 
    .halal-category-content{
        padding:5px;
    } 
	.submit_butt.bottom	{
		margin-bottom:45px;
	}
	.review_image_add_button{
		display:block;border:1px solid #ddd;background-color:#D9D9D9;width:80px;height:40px;padding-top:6px;text-align:center;position:absolute;right:10px;margin-top:80px;
	}	
	.review_image_add_button > .icon-button{
		margin-left:auto;margin-right:auto;width:26px;height:26px;border-radius:50%;background-color:#808080;padding:5px;line-height:16px;text-align:center;
	}	
	.review_image_add_button.is_less{
		display:block;border:1px solid #ddd;background-color:#D9D9D9;width:100px;height:100px;text-align:center;padding-top:30px;line-height:120%;position:relative!important;margin:0 0 0 12px!important;
	}	
	.review_image_add_button.is_less > .icon-button{
		margin-left:auto;margin-right:auto;width:26px;height:26px;border-radius:50%;background-color:#808080;padding:5px;line-height:16px;text-align:center;
	}	
	.hidden-xs.is_less{
		display:block!important;
	}
}

/* footer tampilan di index.html */
.footer_for_title{
	display:flex;align-items:center;justify-content:center;text-align:center;background:#444;width:100%;min-height:45px;border:1px solid rgba(0, 0, 0, 0.1);	opacity:0.7;filter: alpha(opacity=70);
}
.footer_for_title a,.footer_for_title a:hover{
	font-size:12px;color:#ffffff;
}	
.halal-category{
    display:flex;justify-content:center;flex-wrap:wrap;width:100%;
}
.halal-category-open{
    display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:8px;margin-bottom:10px;transition: height 5s;
}	
.halal-category-content-open a,.halal-category-content-open a:hover,
.halal-category-content a,.halal-category-content a:hover{	
	display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:4px;width:100%;min-height:55px;
}
.halal-category-content-open a.tombol-label,.halal-category-content-open a.tombol-label:hover,
.halal-category-content-open a.halal-category-a,.halal-category-content-open a.halal-category-a:hover{
	border-radius:4px 0 0 4px!important;
}
.halal-category-a{
	font-size:90%;/*line-height: 1.5;/*display: inline-block;vertical-align: middle;*/
}
#page_core_index-member .tombol-label.active{
	color:#fff;
}
.halal-category-content-open a:hover,
.halal-category-content a:hover{
	background-color:#eee;text-decoration:none;
}
.halal-category-content-open div,
.halal-category-content div{	
	text-align:center;padding:0 4px;
}
.category-check-on{
	color:#105c58	
}
.category-check-off{
	color:#fff;	
}
#page_core_index-visitor .halal-category-content,
#page_core_index-member .halal-category-content {
	width:50%!important;
}
.halal-view-photo > img{
	width:200px;height:200px;
}
.halal-view-photo-container{
	width:auto;
}
.view_ingredient ul {
  padding-left: 10px!important;margin-left:10px!important;list-style-type: disc;
}
.view_ingredient ol {
  padding-left: 10px!important;margin-left:10px!important;list-style-type: decimal;
}
.opinion_user a{
    color:#105c58!important; 
}
.opinion_footer a{
	display:block;border:1px solid #ddd;padding:4px;border-radius:4px;margin-top:-5px;
}
.opinion_footer a:hover{	
    background-color:#ddd;text-decoration:none;
}

/* Opinion  START */
.halal_status{
	border:1px solid #eee;padding:3px;font-size:11px;border-radius:5px;text-align:center;text-transform:uppercase;
  }
  
.haram_border{border:1px solid #ff0000;}	
.halal_border{border:1px solid #105c58;}
.mungkinhalal_border{border:1px solid #9ACD32;}
.meragukan_border{border:1px solid tomato;}
.tidakjelas_border, .relatif_border{border:1px solid grey;}
.haram{
	background-color:#ff0000;color:#fff;
}
.halal{
	background-color:#105c58;color:#fff;
}
.mungkinhalal{
	background-color:#9ACD32;color:#000;
}
.relatif,.tidakjelas{
	background-color:grey;color:#fff;
}
.meragukan{
	background-color:tomato;color:#fff;
}
.relatif a,.relatif a:hover,.tidakjelas a,.tidakjelas a:hover,.meragukan a,.meragukan a:hover,.halal a,.halal a:hover,.haram a,.haram a:hover{
	color:#fff;text-decoration:none;
}
.mungkinhalal a,.mungkinhalal a:hover{
	color:#000;text-decoration:none;
}
.halal_status_proposed{
	padding:3px;font-size:11px;text-align:center;text-transform:uppercase;min-width:160px;
}
.pembatas_opinion{
	display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:10px 15px;margin:10px -16px 0px -16px;background-color:#e7eeee!important;border:1px solid #dedede;border-left:0!important;border-right:0!important;
}	
.home_box{
	position:absolute;right:0px;margin-top:-20px;
}	
.home_box a:hover,.home_box a{
    display:block;font-size:18px;width:24px;height:24px;background:#f8f8f8;border:1px solid #ddd;text-align:center;border-radius:50%;
}	
.home_box a:hover{
	background:#105c58;border:1px solid #105c58;color:#fff;
}

/* Opinion END */

.tombol-label{
	border-radius:30px;background-color:#e7eeee;display:block;height:30px;padding:4px 10px;font-size:90%;min-width:60px;line-height:20px;text-align:center;
}
.tombol-label.active{
	background-color:#105c58!important;opacity: 0.4;filter: alpha(opacity=40);color:#fff;
}
#page_core_index-member .tombol-label{
	border-radius:30px;background-color:#e7eeee;display:flex;height:30px;padding:4px 15px;align-items:center;line-height:20px;text-align:center;min-height:40px;
}
#page_core_index-member a.tombol-label{
	color:#444;
}
#opencategory-simple .tombol-label{
	height:50px;padding:10px 15px;line-height:30px;min-height:50px;font-size:16px;
}	
#opencategory-detail .tombol-label{
	border-radius:4px;background-color:#e7eeee;display:flex;height:30px;padding:4px 15px 4px 0;align-items:center;line-height:40px;text-align:center;min-height:30px;
}	
#opencategory-detail .tombol-label > .open-check-icon{
	background-color:#5E716A!important;margin-right:10px;width:30px;height:30px;border-radius:4px 0 0 4px;line-height:28px;
}
#opencategory-detail .tombol-label > .open-check-icon.active{
	background-color:#e7eeee!important;
}
#js_block_border_apps_halal_block_indexcategorybox{
	border-radius:4px 4px 0 0;
}
.index-title-stylish{
	text-transform:uppercase;font-size:110%;margin-bottom:15px;
}

/* Open Category */
.halal-category-right-off:active,
.halal-category-right-on:active,
.halal-category-right-off:hover,
.halal-category-right-on:hover,
.halal-category-right-off,
.halal-category-right-on{
	display:block;background-color:#ccc!important;;justify-content:center;color:#fff;align-items:center;width:40px!important;border-radius:0 4px 4px 0!important;border: 1px solid #ddd!important;border-left:0!important;
}
.halal-category-right-on{
	color:tomato!important;background-color:#e7eeee!important;
}
.product-comment-icon{
	font-size:200%;color:#DCDCDC;width:30px;
}
.product-comment-text{
	display:block;padding-top:5px;
}
.div-halal-view-ingre-explain > img{
	width:16px!important;border: 1px solid #fff;opacity: 0.6;
}
/**/
/*--- INDEX untuk layar HP  ----*/
@media (max-width: 480px) {

	.home_header_search{
		display:block;
		text-align:center;	
	}
	.home_search_field > select,
	.home_search_field > input{
		/*margin-top:10px;*/
		width:100%!important;
	}	
	
	.home_search_field.spacer{
		min-height:10px;
	}
	
	.view_title{
		font-size:140%;
		color:#111;
	}	
		
	.product-item {
		width:100%;
		padding:10px;
		display:flex;
	}	
	
	.view-photo > img{
		width:120px!important;
		height:120px!important;
	}
	
	.view-photo-container{
		width:120px;
	}
	
	.view_user_tab.antara{
		width:3px;
	}
	.usertab-5{
		padding:5px!important;
		width:calc(20% - 7px);
	}
	
	.usertab-4{
		padding:5px!important;
		width:calc(25% - 7px);
	}
	
	.usertab-3{
		padding:5px!important;
		width:calc(33.33% - 7px);
	}
	
	.usertab-1,
	.usertab-2{
		padding:5px!important;
		width:calc(40% - 7px);
	}
	
	.view_user_request_tab.active a,
	.view_user_request_tab.not_active a,	
	.view_user_tab.active a,
	.view_user_tab.not_active a{
	  font-size:90%;
	  padding-top:6px;
	  padding-bottom:6px;  
	}
	  
	.view_user_tab.antara{
	  width:5px!important;
	}
	/*
	.halal-category-content{
		padding:5px;
		width:50%;
	}
	*/
	.collapse_in_mobile{
		visibility:collapse;
	}
	.hide_in_mobile{
		visibility:hidden;
		display:none!important;/*harus cek lagi nanti*/
	}
	
	.show_in_mobile{
		visibility:visible;
	}
	.halal_status_content{
		width:calc(50% - 15px);
		margin-left:15px;
	}
	#page_halal_indexcomment .inner-container,
	#page_halal_indexopinion .inner-container{
		padding:10px;
		display:block;/* experiment, kalau fixed, ganti saja */
		box-shadow:1px 1px 4px #ccc;
		border:1px solid #f1f1f1;	
		width:100%;		
		margin-bottom:10px;
	}	
	#page_halal_indexcomment .item-container .product-item,
	#page_halal_indexopinion .item-container .product-item{	
		width:100%;margin-bottom:10px;
	}
	#page_halal_indexcomment .item-container .product-comment,
	#page_halal_indexopinion .item-container .product-comment{
		width:100%;display:flex;gap:5px;
	}				
	.view_my_opinion_span{
		font-size:8px;position:absolute;margin-top:-15px;left:10px;
	}
		
}	
	
	/*--- INDEX untuk PC & HP  ---*/
	#page_halal_home .home_header_search{
		display:flex;justify-content:space-between;margin-left:0px;margin-right:0px;
	}
	
	

	/*---        end          ---*/
	
	/*--- INDEX untuk layar PC  ---*/
	@media (min-width: 481px) {
		.view_my_opinion_span{
			font-size:8px;position:absolute;margin-top:-26px;
		}	
		.antara{
			width:14px;
		}
		.akhir{
			border-bottom:1px solid #dedede;
		}
		
		.usertab-5{
			width:calc(20% - 7px);
		}
		.usertab-4.akhir,.usertab-5.akhir{
			width:0px;
		}	
		.usertab-4{
			width:calc(25% - 7px);
		}
		.usertab-3{
			width:calc(33% - 7px);
		}
		.usertab-3.akhir{
			width:calc(1% - 7px);
		}
	
	.usertab-1,
	.usertab-2{
		width:calc(40% - 7px);
	}	
	.usertab-1.akhir{
		width:calc(60% - 7px);
	}
	.usertab-2.akhir{
		width:calc(20% - 7px);
	}
	
	.halal_status_content{
		width:calc(25% - 15px);
		margin-left:15px;
	}
	
	.collapse_in_mobile,
	.hide_in_mobile{
		visibility:visible;
	}
	
	.show_in_mobile{
		visibility:collapse;
		display:none!important;/*harus cek lagi nanti*/
	}
	.view_title{
		font-size:150%;
		color:#111;
	}	
	/* start commment */
	#page_halal_indexcomment .inner-container{
		padding:10px;
		display:flex;/* experiment, kalau fixed, ganti saja */
		box-shadow:1px 1px 4px #ccc;
		border:1px solid #f1f1f1;	
		width:100%;		
		margin-bottom:10px;
	}	
	#page_halal_indexcomment .item-container .product-comment{
		width:50%;display:flex;gap:5px;
	}	
	#page_halal_indexcomment .item-container .product-item{
		width:calc(50% - 15px);
		padding:10px;
		display:flex;
	}
	/* end commment */

	/* start opinion */
	#page_halal_indexopinion .inner-container{
		padding:10px;
		display:flex;/* experiment, kalau fixed, ganti saja */
		box-shadow:1px 1px 4px #ccc;
		border:1px solid #f1f1f1;	
		width:100%;		
		margin-bottom:10px;
	}	
	#page_halal_indexopinion .item-container .product-opinion{
		width:50%;
	}	
	#page_halal_indexopinion .item-container .product-comment{
		display:flex;gap:5px;
	}	
	#page_halal_indexopinion .item-container .product-item{
		width:calc(50% - 15px);
		padding:10px;
		display:flex;
	}
	/* end opinion */	

	/* start index and indexrequest*/
	#page_halal_indexhide #content-holder .item-container,
	#page_halal_indexsave #content-holder .item-container,
	#page_halal_indexrequest #content-holder .item-container,
	#page_halal_index .item-container{
		gap:15px;
		margin-right:-8px;		
	}
	#page_halal_indexhide .item-container .product-item,
	#page_halal_indexsave .item-container .product-item,
	#page_halal_indexrequest .item-container .product-item,
	#page_halal_index .item-container .product-item {
		width:calc(50% - 15px);/*25%; experiment, kalau fixed, ganti saja */
		padding:10px;
		display:flex;/* experiment, kalau fixed, ganti saja */
		/*box-shadow:1px 1px 2px #ccc;*/
		border:1px solid #f1f1f1;
		border-radius:4px;
	}	
	/* end index and indexrequest*/
	#page_core_index-visitor .item-container .product-item,
	#page_core_index-member .item-container .product-item {
		padding:5px!important;
		width:50%!important;
		display:flex;
	}
	.view-photo-container{
		width:200px;
	}	
	
	.view_user_tab.active a{
		padding:6px 15px 6px 15px;
		min-width:120px!important;  
	}
	 
	.view_user_tab.not_active a{
		padding:4px 15px 4px 15px;	
		min-width:120px!important;
	}
	
	.view_user_request_tab.not_active a{
		min-width:150px!important;  
		padding:4px 15px 4px 15px;	
	}	
	.view_user_request_tab.active a{
		min-width:150px!important;  
		padding:6px 15px 6px 15px;
	}	
	
	.view_user_tab.antara{
	  width:15px;
	}
	/*
	.halal-category-content{
		padding:5px;
		width:25%;
	}*/
}