/* isi baru START */
/* basic setting START */
.container-fluid.row_image,body {
	background:#e7eeee!important;color: #555555!important;
}
#page_core_index-visitor #js_block_border_user_register.block{
	padding:15px;
}
#page_core_index-visitor .welcome-bg-image.row_image{
	display:none;
}

a{
	color: #5E716A;/*#105c58;*/
}
a:hover {
   color:#578c8a; 
}
.pages_link_span > a, .user_profile_link_span > a {
  color:#5E716A!important;
}
a:active,.pages_link_span > a:active, .user_profile_link_span > a:active, .js_feed_view_more_entry_holder > a:active{
	color: #000!important;
}
table, tr, th, td {
   border: none!important;
}
table.with_border, tr.with_border, th.with_border, td.with_border {
	border: 1px solid #ddd!important;border-collapse: collapse!important;
}
td, td.with_border {
	padding:8px;vertical-align:top;text-align:inherit;
}
tr, tr.with_border, th, th.with_border {
   padding:8px;vertical-align:middle;text-align:center;
}
.sembunyi{
  display:none!important;
}
.font120percent{
  font-size:120%!important;
}
.font75percent{
  font-size:75%!important;
}
.fontcolor999{
  color:#999!important;
}
.fontcolor555{
  color:#555!important;
}
#content-stage {
	background: #ffffff;
} 
footer,.footer-holder {
	background: #1a1a1a!important;color: #6f8494!important;
}
footer a,.footer-holder a,footer a:hover,.footer-holder a:hover {
	color: #6f8494;
}
.btn-success,.btn-success:hover,.btn-success:focus,.btn-success:active {
	background: #669999;color: #ffffff;
}
.form-control,.edit_menu_container {
	border-color: #dddddd;background: #ffffff;color: #555555;
}
.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);border-color: #66afe9;
}
input.form-control {
	border-radius:4px;
}
.item_selection_not_active .item_is_not_active,.item_selection_active .item_is_active,.btn-primary,.btn-primary:hover {
	background:#105c58;color:#fff!important;border:#888;opacity: 0.7;filter: alpha(opacity=70);box-shadow:0px -1px -2px 0px #222;
}
.btn-primary:hover{
	opacity: 0.8;filter: alpha(opacity=80);  
}
.flex{
	display:flex;gap:5px;
}
.flex_start,.item-container{
	display:flex;justify-content:flex-start;flex-wrap: wrap;
}
.flex_start{
	gap:5px;
}	
.flex_center {
	display:flex;justify-content:center;flex-wrap: wrap;gap:5px;
}
.flex_end{
	display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;
}
.flex_start_end{
	display:flex;justify-content:space-between;flex-wrap: wrap;
}
.align_items_top{
	align-items:flex-start;
}
.align_items_center{
	align-items:center;
}
.align_items_bottom{
	align-items:flex-end;
}
.uppercase{
	text-transform:uppercase;
}
.center{
	text-align:center;
}
.block {
	background: #ffffff !important;
}
.block .title {
	color: #444444 !important;border-bottom-color: #dddddd !important;font-size: 110% !important;text-transform:uppercase;text-shadow: 1px 1px #999999;
}
.block .content {
	color: #888888 !important;
}
.nav.navbar-nav > li > a > img{
	width:24px!important;height:24px!important;margin-right:10px;
}
.sticky-bar {
  	background: #105c58;padding:10px 0;
}
#js_block_border_core_menusub ul.action > li > a,#js_block_border_core_menusub ul.action > li > a:hover,#js_block_border_core_menusub ul.action > li > a:focus {
  	border-bottom:none;background:none;color: #fff;
}
#js_block_border_core_menusub ul.action > li.active > a,#js_block_border_core_menusub ul.action > li.active > a:hover,#js_block_border_core_menusub ul.action > li.active > a:focus {
  	border-left-color: #669999;background: none;color: #fff;
}
#header_search_form span.form-control-feedback {
 	background: #d8eef6 !important;color: #74b8f2 !important;
}
ul.action > li {
  	border-bottom-color: #dddddd !important;
}
ul.action > li > a,ul.action > li > a:hover {
  	color: #888888 !important;
}
ul.action > li > a:hover {
 	color: #888!important;
}
.inner_title {
	color: #6495ED!important;font-size: 16px !important;text-transform:uppercase;text-shadow: none!important;
}
.extra_info, .extra_info_link,.block .content .extra_info,.block .content .extra_info_link {
  	color: #888888 !important;
}
#header_search_form input.form-control {
 	background: #ffffff;color: #555555;border-radius:4px 0 0 4px;
}
#header_search_form .btn-global-search{
	border-radius:0 4px 4px 0;
}
.page_breadcrumbs_menu .btn-success,.page_breadcrumbs_menu .btn-success:hover {
  	background: #669999;color: #ffffff;font-size: 14px;
}
.page_breadcrumbs_menu > a > span:before {
  	content: '+';display: inline-block;padding-right: 5px;
}
/* basic setting END */

/* progress css */
#mobile_loading_wait{
	position:absolute;width:100%;text-align:center;display:none;margin-top:50px;z-index:3002;
}

/* Tab in view menu - halal, masjid, etc */
.view_user_menu_tab{
	margin-top:20px;display:flex;justify-content:flex-start;	
}	
.view_user_request_tab,.view_user_tab{
	text-align:center;border-radius:6px 6px 0 0;padding:0!important;
}
.view_user_request_tab.active a,.view_user_request_tab.not_active a,.view_user_tab.active a,.view_user_tab.not_active a{
	display:block;
}	
.view_user_request_tab.not_active a,.view_user_tab.not_active a{
	color:#ddd;
}	
.view_user_request_tab.not_active a:hover,.view_user_request_tab.active a,.view_user_tab.not_active a:hover,.view_user_tab.active a{
	color:#444;text-decoration:none!important;
}	
.view_user_request_tab.not_active,.view_user_tab.not_active{	
	border:1px solid #ddd;
}
.view_user_request_tab.active,.view_user_tab.active{
	border:1px solid #ddd;border-bottom:none!important;box-shadow: 2px -2px 2px #ddd;
}	
.view_user_request_tab.not_active a:hover,.view_user_tab.not_active a:hover{
	background-color:#ddd;
}	
.view_user_tab.antara{
	padding:0;border-bottom:1px solid #ddd;
}
/* aturan content yg dikomentari di feed START */
.quoted_content_container a,.quoted_content_container{
	font-size:12px;color:#666;
}
.quoted_content_container{
	border-left:3px solid #ddd;padding:10px 0 10px 10px;
}
.quoted_comment_container{
	margin-left:15px;
}
.quoted_comment_container a,.quoted_comment_container .content-text{
	font-size:14px!important;line-height:1.5em;
}
.js_feed_view_more_entry_holder a{
	color:#5E716A;/*#105c58;*/
}
/* aturan content yg dikomentari di feed END */

/* feed START */
.global_view_more{
	background-color:#105c58!important;border-color:#105c58!important;box-shadow: 0 1px 2px 0 rgba(16,92,88,0.5);
}
.global_view_more:active,.global_view_more.active{
	outline:0;background-image:none;background-color:#105c58!important;-webkit-box-shadow:inset 0 3px 5px rgba(16,92,88,0.125);box-shadow:inset 0 3px 5px rgba(16,92,88,0.125)
}
.global_view_more:hover{
	background-color:#105c58!important;border-color:#105c58!important;box-shadow:0 6px 12px 0 rgba(16,92,88,0.4)
}
.global_view_more:focus,.global_view_more.focus{
	color:#fff;background-color:#105c58!important;border-color:#105c58;
}
#page_core_index-member .feed-item{
	border:1px solid #dedede;border-radius:4px;
}
.activity_feed_content_image{
    text-align:center;	
}	
html[dir="ltr"] .comment-box .item-edit-content .item-box-input .comment-textarea-edit {
    padding-left:6px!important;
}	
.comment-box-edit .item-edit-content .item-box-input .comment-textarea-edit,.comment-box .item-edit-content .item-box-input .comment-textarea-edit,.comment-box-reply .item-edit-content .item-box-input .comment-textarea-edit {
	border:1px solid #eee;border-radius:6px;
}
.feed_privacy_explanation{
	margin-top:-25px;display:none;font-size:12px;padding:4px;position:absolute;background:#000;color:#fff;
}
.feed_privacy_icon{
	font-size:12px;color:#a2a2a2!important;
}
.feed_like_link a.js_like_link_toggle.liked {
	color: #5E716A;/*#105c58;*/
}
#js_feed_content{
    background-color: transparent!important;
}
a.activity_feed_content_link_title,a.activity_feed_content_link_title:hover,#content div.row_title_info h1 a.link,#content div.row_title_info h1 a.link:hover {
	color:#5E716A/*105c58*/!important;font-weight:bold;text-align:left!important;
}
a.activity_feed_content_link_title:hover,#content div.row_title_info h1 a.link:hover {
	color:#374246!important;
}
.header_filter_holder .btn:hover{
	color:#444;
}
.input-group .form-control:first-child{
	border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 4px;	
}
.header-right-menu li.open .btn-abr,._moderator a.moderate_link_active i::before,._moderator a.moderate_link_active:hover i::before {
	color: #374246;
}
.profiles_menu > ul > li.active{
	border-color: #5E716A;/*#105c58;*/
}
.profile_menu_is_fixed .profiles_menu {
	background: #105c58;
}
.profile_menu_is_fixed .profiles_menu > ul > li > a,.profile_menu_is_fixed .profiles_menu > ul > li > a:hover {
	color: #ffffff;
}
.profile_menu_is_fixed .profiles_menu > ul > li > a:hover {
	opacity: 0.6;filter: alpha(opacity=60);  
}
.feed_is_child {
	display: inline-block;
}
.feed_is_child div.row1,.feed_is_child div.row2 {
	background: #f2f2f2;margin: 0;
}
.feed_is_child .js_feed_comment_border {
	display: none;
}
#right #js_block_border_user_register {
	background: #ffffff!important;
}
#right #js_block_border_user_register .table_left {
	color: #fff !important;
}
#right #js_block_border_user_register .extra_info {
	color: #fff !important;
}
.profile_image {
	border: 4px solid #ebebe0;
}
.album_content{
	padding-left:5px!important;
}
/* feed END */

/* module photo START */
.dropzone-component .dz-preview.dz-image-preview .dz-image img, .dropzone-component .dz-preview.dz-file-preview.dz-complete .dz-image img {
	height:auto!important;
}
.dropzone-component, .uploader-photo-fix-height .dropzone-component .dz-preview, .uploader-photo-fix-height .dropzone-component.dz-started .dropzone-button.outer:not(.dropzone-button-photo_feed) {
	min-height:66px!important;
}
/* module photo END */

/* button three dot di halal view */
.p-option-button {
	width: 32px !important;height: 32px !important;display: flex !important;align-items: center;justify-content: center;background: none !important;color: #a2a2a2 !important;cursor: pointer;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;	transition: all 300ms ease;font-size: 16px;
}
/* pemberi jarak di home halal */
.spacer {
	margin: 5px 0;width: 1px;height: 1px;
}
.home-title{
	display:flex;justify-content:space-between;margin:15px 0 15px;padding-bottom:4px;border-bottom:1px dotted #ccc;align-items:flex-end;
}	
.title-name{
	font-size:110%;text-transform:uppercase;
}	
.home-title > a{
	display:block;color:#ccc;
}	

/* START - open icon di halaman index */
.home-icon-box:before{
    content: "";display: block;padding-top: 100%; /* initial ratio of 1:1*/
}
a.home-icon-content{
    border:1px solid #fff;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-image: linear-gradient(#fff,#e7eeee);box-shadow:2px 2px 8px #ddd;height:100%;text-align: center;display: flex;align-items:center;justify-content: center;flex-wrap:wrap;
}
a.home-icon-content:hover{
    border:1px solid #eee;
}    
.review_popular_title{
	text-transform:uppercase;font-size:18px!important;font-family:Arial,verdana!important;/*text-shadow:1px 1px grey!important;*/color:tomato!important;text-align:center;
}	
/* END */

/* START - advanced search */
.selectize-control.form-control.single{
	border-radius:4px;
}
#adv_search_container{
	width:100%;padding:15px;border-bottom:1px solid #ddd;background-color:#fff;margin-left:-15px;position:absolute;z-index:3001;box-shadow:0px 24px 40px 0px rgba(0, 0, 0, 0.2);
}
/* END */
#left ._block .block,#right ._block .block {
	border-radius:4px;
}
.empty-message {
	padding:20px;text-align:center;
}
.empty-message > img{
	width:30px;
}
#core-messages-conversation-item-panel-actions{
	display:flex;justify-content:center;
}/**/
#open-floating-tombol{
	margin-left:0;
}
#open-floating-tombol.sticky{
	position:fixed!important;top:0!important;transition:width 1s;font-size:130%!important;width:30%;
}
#sorry-no-item{
	padding:20px;margin:25px 20px 25px 0px;color:tomato;min-height:200px;
}
#page_halal_index #sorry-no-item{
	list-style-type: square!important;color:#444;padding:0!important;
}
#page_halal_index #sorry-no-item > li{
	display:flex;
}
#page_halal_index #sorry-no-item > li > .sub-title{
	min-width:100px;text-align:left;
}
.homeheader{
	box-shadow: 0px 0px 4px #444;
}	
.dropdown-menu > li > a{
	background-color:#fff;
}
.header_bar_menu{
	padding-top:15px!important;
}
/* color */
.yellow{
	color:#FFDF00;
}
.green{
	color:green;
}
.light-grey{
	color:#E6E6E6;
}
.grey{
	color:grey;
}
#page_halal_viewrequest .item_info, #page_halal_view .item_info {
	display:flex;height: auto;max-height: none;padding: 20px 15px 10px 15px;margin: 0;line-height: unset;
}
#page_halal_viewrequest .item_info .img-wrapper, #page_halal_view .item_info .img-wrapper {
	border-radius: 0;overflow: hidden;width: 32px;height: 32px;min-width: 32px;
}
#page_halal_view .item_info .item_info_author, #page_halal_viewrequest .item_info .item_info_author{
	margin-left:10px;
}
.halal_add_title{ /* used not only at halal-add */
    color:#444;font-size:150%!important;
} 
#js_register_accept {
	margin: 15px 0 0 5px!important;
}
.item-or-line{
	padding-left:10px!important;
}
#page_user_register #content .custom_signup_fb .google-btn-container .google-btn,
#page_user_register #content .fb_login_go {
	width: 100%!important;text-transform:uppercase;
}
#already_member_login{
	padding:8px 25px;border:1px solid #cecece;border-radius:4px;
}
.already-member{
	margin-top:-15px;
}	
#page_user_register .checkbox input[type="checkbox"],
#page_user_login .checkbox input[type="checkbox"]{
    position:relative!important;margin:0 8px 0 0!important;
}
.home-nav-bar-box{
	text-align:center;color:#f1f1f1;border:1px solid #e7eeee;padding:5px;display:block;line-height:30px;height:35px;width:35px;
}
/**/
a.home-nav-bar-box,a.home-nav-bar-box:active,a.home-nav-bar-box:hover{
	color:#f1f1f1;
}

.big_text{
	font-size:24px;font-weight:bold;
}
#page_profile_index .pages_view_sub_menu > ul{
	list-style-type:disc!important;margin-left:20px;margin-top:25px;
}
#page_profile_index .pages_view_sub_menu > ul > li{
	margin-bottom:10px;	
}
.pages_view_sub_menu a.inlinePopup{
	color:#666;
}
.pages_view_sub_menu a.inlinePopup:hover{
	color:tomato;
}
.a_href_underline{
	font-size:90%;border-bottom:1px dotted #444;
}
.feed_info {
	white-space: normal!important;display:inline!important;
}
.form-button-group {
	padding-top: 26px!important;margin-top: 10px!important;
}
.application_badge > a > img{
	width:200px;
	height:auto;
}
/* -----------------------------------------  CSS Based on screen size  ----------------------------------------*/

/**/
@media (max-width: 480px) {
	#page_user_login div.radio label, div.checkbox label {
		padding-left: 3px!important;
	}		
	.mobile_white{
		color:#fff;
	}
	.halal_add_title{
		padding-top:15px!important;
	} 
	.home-header-flex{
		display:flex;justify-content:flex-start;
	}
	#section-header{
		margin-bottom:0!important;
	}
	.header_filter_holder .btn {
		background: #fff;border-color: #d8d8d8;color: #999;border-radius:0!important;padding:6px;
	}	
	#mobile_search_expander{
		margin:-3px 6px 6px 6px;padding:8px 8px 2px 8px;background-color:#fff;box-shadow:2px 2px 8px #ddd;
	}
	#mobile_search_expander .form-group{
		margin-bottom: 8px!important;font-size:110%!important;
	}
	.home-icon-box-navi{
		padding:0;gap:8px;margin:8px 0;display:flex;justify-content:space-between;
	}	
	.home-icon-box-outer{
		padding:0 15px 15px 15px;background-color:#fff;border-radius:4px 4px 0 0;margin-bottom:15px;
	}	
	.home-icon-box{
		width:calc(25% - 6px);position: relative;
	}
	.home-icon-ico{
		font-size:150%!important;color:#5E716A;
	}
	.home-icon-content > div > span{
		text-transform:uppercase;color:#5E716A;font-weight:normal!important;font-size:80%;
	}	
	.home-icon-content > div{
		display:block;line-height:160%;    
	}		
	.notification-xs-box{
		position:relative;
	}
	.sticky-bar-xs.clearfix{
		position:fixed!important;bottom:0px;z-index:9999;width:100%;border-top: 1px solid #fff!important;border-right: 1px solid #fff!important;
	}	
	.sticky-bar-xs > li{	
		width:calc(20% - 1px)!important;
	}
	.sticky-bar-xs > li > a {
		text-align: center;line-height: 50px;color: #fff;display: block;font-size: 16px;background-color: #6f9d9a!important;border-left: 1px solid #fff!important;
	}
	.sticky-bar-xs .dropdown-menu {
		top: 0!important;position:fixed!important;left: 0;right: 0;
	}	
	.dropdown-panel,.dropdown-menu{
		position:fixed!important;top:0!important;left:0px!important;z-index:5001;	
	}
	.dropdown-panel .dropdown-panel-body{
		max-height:90vh;
	}
	#hd-message > .dropdown-panel{
		background-color:#fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);border: 1px solid rgba(0, 0, 0, 0.15);border-radius:0 0 4px 4px;
	}
	.hd-message-see-all{
		text-align:center;padding:8px 0;background-color:#ebebeb;border-radius:0 0 4px 4px;
	}	
	.dropdown-panel .panel-header,.dropdown-menu .panel-header{
		background-color: #6f9d9a!important;padding:10px 5px;text-align:center;font-weight:bold;color:#fff;font-size:95%;text-transform:uppercase;
	}
	#section-footer{
		margin-bottom:56px!important;
	}	
	#open-floating-tombol.sticky{
		width:100%!important;
	}
	#page_halal_index #sorry-no-item{
		margin:0 0 0 5px!important;
	}		
	#description_short .parsed_image, #description_long .parsed_image{
		max-width:100%!important;
	}
	.upper_menu_outer{
		min-height:50px;display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:15px;justify-content:space-evenly;align-items:center;
	}
	.upper_menu_box{
		justify-content:center;font-size:12px;align-items:center;text-transform:uppercase;
	}
	.upper_menu_box > .ico,.upper_menu_box > .fa{
		font-size:16px;
	}
	.upper_menu_separator{
		height:30px;width:1px;border-right:1px solid #ddd;
	}
}

@media (min-width: 481px) {
	.upper_menu_separator{
		display:none;
	}	
	.upper_menu_outer{
		display:flex;margin-top:15px;justify-content:center;gap:10px;
	}	
	.upper_menu_box{
		min-height:40px;display:flex;border:1px solid #ddd;width:calc(25% - 11px);justify-content:center;font-size:12px;align-items:center;text-transform:uppercase;gap:5px;
	}
	.upper_menu_box > .ico,.upper_menu_box > .fa{
		font-size:18px;
	}	
	#homeheader .dropdown-menu{
		top: auto!important;left: auto!important;right: auto!important;width:300px!important;margin-top:5px;
	}	
	#page_halal_indexopinion .header_bar_menu,
	#page_halal_indexcomment .header_bar_menu,
	#page_halal_request .header_bar_menu,
	#page_halal_index .header_bar_menu,
	#page_halal_indexrequest .header_bar_menu{
		padding-top:0!important;	
	}	
	.row.home-header-flex{
		display:flex;justify-content:space-between;margin-left:0!important;
	}	
	.header-right-menu-bar-xs{
		display:none;
	}
	.header_filter_holder .btn {
		background: #fff;border-color: #d8d8d8;color: #999;border-radius:0 0 6px 6px;padding:6px;
	}	
	.home-icon-box-navi{
		padding-top:15px!important;gap:15px;display:flex;justify-content:space-between;margin-bottom:15px;
	}
	.home-icon-box-outer{
		padding:0 15px 0 15px;background-color:#fff;border-radius:4px 4px 0 0;margin-bottom:15px;
	}
	.home-icon-box{
		width:calc(25% - 12px);position: relative;
	}
	.home-icon-ico{
		font-size:200%!important;color:#5E716A;
	}
	.home-icon-content > div > span{
		text-transform:uppercase;color:#5E716A;font-weight:normal!important;
	}	
	.home-icon-content > div{
		display:block;line-height:200%;    
	}	
	#open-floating-tombol.sticky{
		font-size:120%!important;width:350px!important;
	}
	#page_halal_index #sorry-no-item{
		margin:0 0 0 25px!important;
	}	

}

.lh-12{
	line-height:1.2em;
}

.breadcrumbs-top {
  border-bottom-color: #dddddd;
}
.breadcrumbs-bottom {
  padding:0 15px;
}

.navbar {
  position: relative;
  min-height: 30px;
}

.navbar-default {
  background: #e7eeee;
  -moz-box-shadow: 0px 0px 2px #444;
  -webkit-box-shadow: 0px 0px 2px #444;
  box-shadow: 0px 0px 2px #444;
}

.navbar-default .navbar-nav > li > a{
  color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
  background-color:#669999;
  color:#fff;
}
.navbar-default .navbar-nav > li > a.menu_is_selected,
.navbar-default .navbar-nav > li > a.menu_is_selected:hover,
.navbar-default .navbar-nav > li > a.menu_is_selected:focus {
  background: #e7eeee;
  border-bottom:3px solid #e55d00;
  color: #093734;
}

.navbar-nav > li {
  padding: 0;
}

.navbar-nav.visible-md {
    height: 40px!important;
}

.margin-top_10{
	margin-top:10px;
}

.margin-top_15{
	margin-top:15px;
}

.margin-top_20{
	margin-top:20px;
}

/******************* SECTION/TAB MENU **************************/

.nav.nav-tabs.nav-justified{
	border-bottom:1px solid #ddd;
}
.page_section_menu ul li, 
.nav-tabs.nav-justified > li {
	padding:0 8px 0 8px;
	background-color:#fff!important;
	border:none!important;
}
.page_section_menu ul li a, 
.nav-tabs.nav-justified > li > a,
.nav-tabs.nav-justified > li a{
    border-radius: 4px 4px 0 0;
    background: #eee;
    color:#999;
	margin-bottom:0!important;
	border:1px solid #ddd;
	border-bottom:none!important;
}	

.nav-tabs.nav-justified > .active {
    background: none!important;	
}

.nav-tabs.nav-justified > li a.active:hover,
.nav-tabs.nav-justified > .active > a,
.page_section_menu ul li.active a, 
.page_section_menu ul li.active a:hover{
    background-color:#fff!important;
   	color:#000!important;
	border:1px solid #ddd;
	border-bottom:1px solid #fff!important;
    border-radius: 4px 4px 0 0;
}
/* -------------- for smartphone --------------- */
@media (max-width: 480px) {
	
    .nav.nav-tabs.nav-justified{
	    min-width:100px;
    }
    .page_section_menu ul li, 
    .nav-tabs.nav-justified > li {	
		padding:0 3px 0 3px!important;
	    float:left;
    }

    .navbar-nav > li > a {
        padding: 10px 18px;
        line-height: 40px;
        text-transform: uppercase;
    }
	
}	
    
/* -------------- for laptop --------------- */
@media (min-width: 481px) {
	
    .navbar-nav > li > a {
        padding: 6px 18px;
        line-height: 30px;
        text-transform: uppercase;
    }	
}

@media (max-width: 992px) {
  .navbar-header {
    background-color: #5E716A;/*#105c58;*/
  }
}


.tablecell_front {
  display: table-cell;
  padding: 10px 10px 5px 15px;
}

/* shadow */
.shadow_bawah{
  -webkit-box-shadow: 0 3px 1px #ddd;
  box-shadow: 0 3px 1px #ddd;
}

ul.list-group.page-action > li > a:hover{
  background-color:#669999;
}

/* filter header (terbaru, dll)*/
.caret_buat_filter{
    margin-right:0px!important;margin-left:-5px;min-width:14px;
}	

.ajax_link.active{
	color:#000;
}

.block_buat_filter{
	min-width:120px;
}	

/* filter end */

.footer-holder{
  padding:10px 0 10px 0;
}

#welcome_message{
  border:1px solid #f0f0f0;
}

/* no image*/
.wrapper-items .pages_item > a > ._size__250,
.wrapper-items .pages_item > a:hover > ._size__250,
.wrapper-items .pages_item > a > ._size__250:hover,
.wrapper-items .pages_item > a:hover > ._size__250:hover {
  height: 0;
  padding-bottom: 100%;
}
@media (max-width: 700px) {
  .wrapper-items .pages_item > a > ._size__250,
  .wrapper-items .pages_item > a:hover > ._size__250,
  .wrapper-items .pages_item > a > ._size__250:hover,
  .wrapper-items .pages_item > a:hover > ._size__250:hover {
    width: 100%;
    height: 0;
  }
  .wrapper-items .pages_item > a > ._size__250 > span,
  .wrapper-items .pages_item > a:hover > ._size__250 > span,
  .wrapper-items .pages_item > a > ._size__250:hover > span,
  .wrapper-items .pages_item > a:hover > ._size__250:hover > span {
    font-size: 50px;
  }
}

.no_image_user._size__250,
.no_image_user:hover._size__250,
.no_image_user._size__150,
.no_image_user:hover._size__150 {
  max-width: 100%;
  border:4px solid #dddddd;
}

._size__250,
._size__250:hover {
  width: 250px;
  height: 250px;
}

._size__150,
._size__150:hover {
  width: 158px;
  height: 158px;
}

._size__150 > span,
._size__150:hover > span {
  top: 25px;
  font-size: 12px;
}
@media (max-width: 700px) {
  ._size__250,
  ._size__250:hover {
    width: 100px;
    height: 100px;
}
._size__250 > span,
._size__250:hover > span {
    top: 38px;
    font-size: 20px;
  }

  div.depanrev_image > a > span.no_image_user,
  div.depanrev_image > a > span.no_image_user:hover {
    width: 200px;
    height: 200px;
  }  
}

div.depanrev_image{
  background-position: center;
  background-repeat: no-repeat;	  
  margin-bottom:5px;
  height:75px;
  border:1px solid #ddd;
  background-color:#ddd;
}

#js_block_border_user_depanregister{
	margin-top:-10px;
}

.guest_login_small .fb_login_go {
  padding-right: 10px;
  float: left;
  margin-top:0;
  text-transform:uppercase;
  padding-top:8px;
  border-color:#ffffff;  
  border-radius: 0;
  font-size:14px;
  color:#fff;
}
.fb_login_go {
  height: 40px;
  line-height: 25px;
  border-radius:0;
  border:1px solid #a3b1cf!important;
  text-transform:uppercase;
  font-size:12px!important;
}

.tabel{
	width:100%
}

/*
KE BAWAH INI : PERCOBAAN
*/

/* ------------------ NOTIFICATION BOX ------------------ */
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new {
    background-color: #105c58!important;
    border-color: #105c58!important;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a, 
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a, 
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a {
    color: #669999!important;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item.is_new, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item.is_new, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item.is_new, 
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item.is_new, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item.is_new, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item.is_new, 
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item.is_new, 
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item.is_new, 
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item.is_new {
    background: #cfdedd!important;
}

/* ------------ END NOTIFICATION --------------*/
/* globally used : item_popular_title */
.items_popular_title{
	text-transform:uppercase;
	font-size:18px!important;	
	font-family:Arial,verdana!important;	
	text-shadow:1px 1px grey!important;
	color:#222!important;
	text-align:center;
}	

#page_core_index-visitor #main .container-fluid {
  margin-top:0;
}

/* atur jarak selection dgn bar di atasnya */

.header_bar_search_holder.form-group{
    margin-bottom:5px;
}

.privacy-block-content .form-group{
	border:1px solid #eee;
	border-radius:4px;
}

/* behaviour of icon in photo list */

#js_block_border_directory_musholla-add-photolist .item-inner{
	padding:2px!important;
}

#js_block_border_directory_musholla-add-photolist .item-stats,
#js_block_border_directory_musholla-add-photolist .item-author{
	display:none;
}	

#js_block_border_directory_musholla-add-photolist .item-inner a
{
    font-size:80%!important;
	line-height:1em!important;
}	

/*-------------------------------------- untuk semua layar  --------------------------------------*/

#js_block_border_apps_lurjep_core_block_visitorlogin.block,
#js_block_border_apps_lurjep_core_block_visitorregister.block{	
	background:#cccccc!important;
}
	
#content-stage{
	border-radius:4px;
}	

#page_page_view #right,
#page_page_view #left{	
	display:none;
}	

#page_page_view #content-holder,
#page_page_view #content{
	border-radius:4px;
	width:100%!important;	
}

.user_upgrade_suggestion_box{
	text-align:center;
}	

#page_user_login .navbar-default{
   display:none;
}	

.sub_section_menu > ul > li > a > span {
    background: #e1edec!important;
	color:#999;
	font-size:12px;
}	

.jdpicker_w .date_selector td.available span {
    color: #999 !important;
    background-color: #e1edec!important;
}

@media (max-width: 480px) { /* for mobile layout */
	.berita_feed_outer_box{
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	.berita_feed_box{
		width:50%;
		background-size:cover;
		background-repeat:no-repeat no-repeat;
		border-right:1px solid #dedede;
		border-top:1px solid #dedede;
		height:(100% of width);
		min-height:160px;
	}

	.berita_mobile_feed_layer{
		display:flex;
		align-items:flex-end;
		background:linear-gradient(to top, rgba(27, 38, 49, 0.85), transparent);
		padding:20px 4px 12px 4px;
		height:100%;
		line-height:1.2!important;
	}

	.berita_mobile_feed_ahref{
		text-shadow:2px 2px 4px black;
		color:#fff!important;
		font-size:18px!important;
		line-height:1.2em;
		font-weight:normal!important;
	}
	
	.berita_feed_date{
		width:100%;
		text-align:right;
		font-size:12px;
		color:#999;
		margin-bottom:2px;
		margin-right:2px;
	}

	.news-label{
		margin-left:4px!important;
	}	

}

@media (min-width: 481px) { /* for PC layout */
	.berita_feed_outer_box{
		padding:0 15px;
		background-color:#fff;
	}	
	.berita_feed_box{
		width:calc(50% - 7.5px);
		padding:0;
		margin-bottom:10px;
		padding-bottom:5px;
	}
	
	.berita_feed_image{
		width:100%;
		height:123px;
		background-repeat:no-repeat no-repeat!important;
		background-size:cover!important;
	}
	
	.berita_feed_inner_box{
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding-bottom:5px;
	}
	
	.berita_feed_date{
		padding:10px 0;
		color:#999!important;
		text-align:right;
		width:100%;	
		font-size:85%;		
	}	
}

.shared_feed_like_link .js_comment_like_holder{
	display:block!important;
	min-height:16px!important;
}

.feed_like_link a.js_like_link_toggle:hover::before{
	color:#5E716A;/*#105c58;*/
}

.comment-content .comment-mini-content-commands .feed-like-link a.js_like_link_toggle.liked{
	background-color:#105c58;
	color:#fff;
}

.contenteditable,
.ynfeed_highlighter{
	cursor:text;
}

.profile_user_image,
.profile_image,
.no_image_user._size__100,
.no_image_user._size__50,
._image__50_square,
._image_100,
._image_40,
._image_50{
	border-radius:50%!important;	
}

.quoted_content_container .no_image_user._size__100,
.quoted_content_container .no_image_user._size__50,
.quoted_content_container ._image_100,
.quoted_content_container ._image_50,
.halal-app.feed .no_image_user._size__100,
.halal-app.feed .no_image_user._size__50,
.halal-app.feed ._image__50_square,
.halal-app.feed ._image_100,
.halal-app.feed ._image_40,
.halal-app.feed ._image_50{
	border-radius:0!important;
	box-shadow:2px 2px 6px grey;
}

.indexm_title a{
	color:#dedede;
	text-align:right;
	width:30px;
}

.indexm_title a:hover{
	text-align:right;
	width:30px;	
	color:#222;
	text-shadow: 2px 2px #ddd;
}

.next_page.dont-unbind.btn.btn-primary.btn-round.btn-gradient.global_view_more{
	color:#fff!important;
}
/* photo news di kanan * /
#page_core_index-member #right .view-photo > img{
	max-height: 300px;
	max-width: 120px;
	width: 120px;
}

.js_parent_feed_entry .feed_share_berita .feed_share_header,
.js_parent_feed_entry .feed_share_halal_entry .feed_share_header,
.js_parent_feed_entry .feed_share_halal .feed_share_header,
.js_parent_feed_entry .feed_share_masjid_entry .feed_share_header,
.js_parent_feed_entry .feed_share_masjid .feed_share_header{
	display:none;
}
.feed_share_holder{
	padding:8px!important;
	border-width:0;
	border-left-width:5px;
	background:none;
	color:#999;
	font-size:95%;
}

.feed_share_holder a:visited,
.feed_share_holder a:active,
.feed_share_holder a{
	color:#578c8a;
	font-size:95%;
}	

.feed_share_holder a:hover{
	color:#5E716A;/*#105c58;* /
}	

/* ------------------------- sub menu ------------------------ * /

.submenu_header_a .count-item{
    display:none;
}

/* dipakai saat buka halaman dari feed buat flashing */
.focus-highlighted{
	border-left:2px dotted #105c58!important;
}

small, .small {
	font-size:12px;
}

/*-------------------------------------- INDEX untuk layar HP  --------------------------------------*/
@media (max-width: 480px) {

	.site-logo-link .site-logo-icon > i{
		width:180px!important;
		margin-top:5px;
	}	

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, 
	.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, 
	.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, 
	.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
    }

	._block_content.row{
		margin:0!important;
	}	

    #right,
    #left{
        padding-left:5px;
        padding-right:5px;	
    }	

	#right{
	    top:15px;
    }

    #page_core_index-visitor #right{	
	    width:100%!important;
    }
	
	#page_foxfeedspro_index #content-holder,
    #page_core_index-visitor #content-holder{	
	    width:100%!important;
    }

    .module_box{
        width:100%;	
    }		
	
	#page_photo_view .breadcrumbs-top{
		margin-bottom:0!important;
	}	
	#category_menu_dd,	
	#js_block_border_core_menusub{		
		display:none!important;
	
	}

	#category_menu_dd_mobile,
	#js_block_border_core_menusub_mobile{
		
		display:block!important;
	
	}

	#js_block_border_core_menusub_mobile{
		padding:15px;
		margin:15px 5px 0 5px;
	}	

	#js_block_border_core_menusub_mobile > img{	
		vertical-align: none!important;
	}
	/* adjustment for row : Q&A */
	.mobile-row-0margin{
		margin:0!important;		
	}
	
	#pcwide-notifikasi-box{
		display:none!important;
	}

	.setengah{
	    width:100%!important;
    }	
    #page_friend_profile .user-item-container{
    	width:calc(100% - 20px);	
		margin-left:10px;
		margin-right:10px;		
	}
	
	.info_left_box .tdk_active{
		display:none;
	}
	#page_core_index-visitor #navi_button_block,
	#page_core_index-member #navi_button_block{
	    margin-bottom:15px;
		padding-bottom:15px;
	}
	
	#page_user_login #section-footer{
		display:none;
	}

	.dropdown-menu > li > a {
	    padding: 15px 8px;
    	display: flex;
	    align-items: center;
    	font-size: 16px;
	    line-height: 24px;
    	min-height: 38px;
	}
	.dropdown-menu > li > a .ico, .dropdown-menu > li > a .fa {
    	font-size: 20px;
    	min-width: 20px;
	    text-align: center;
    	display: inline-block;
	}
	
	.dropdown-menu > li > a, .dropdown-menu > li > span > a {
		padding-left:15px;
	}

	#page_user_login,
	#page_user_login .container-fluid.row_image,
	#page_user_login #content-holder,
	#page_user_login .block,	
	#page_user_login #content-stage{
		background-color:#105c58!important;		
	}	

	#page_user_login,
	#page_user_login label,	#page_user_login a{
		color:#fff!important;
		font-size:15px;
	}	

	#page_user_login ul{
		margin-left:15px!important;
	}
	
	#page_user_login li{
		margin-top:20px!important;
	}	
	
	/* css untuk sub menu di kanan atas */
	.sticky_top_outer_box
	{
		z-index:7002;
		position:fixed!important;
	}

    .sticky_top_left,
	.sticky_top_right{
		position:fixed!important;
		top:0!important;
	}
	.sticky_top_left{
		left:6px!important;
		right:auto;
	}
	.sticky_top_right{
		right:6px!important;
		left:auto;
	}	
	.sticky_top_title{
		display:block;
		padding:10px 12px;
		border:1px solid #ddd;
		background-image:linear-gradient(white,#ee5a2b);
		border-radius:50%;
		z-index:7001!important;	
	}	
	.sticky_top_title .ico{
		color:#fff;/*dedede;*/
		font-size:22px;
	}
	.sticky_top_content{
		position:fixed!important;
		max-height:95vh;
		min-width:90%;
		max-width:95%;
		overflow-y:auto!important;
		box-shadow:-2px 2px 18px #ddd;
		right:10px!important;
		left:auto;
		top:54px;	
		background-color:#fff!important;
		display:none;
		font-size:16px!important;
		padding-left:10px;
	}
	.lj_submenu_menu > a{		
	    display:flex!important;
		justify-content:flex-start;
	}
	.lj_submenu_menu .ico{
		width:14px;
		padding-top:15px!important;
	}		
	.lj_submenu_menu > a > span{
		float:left;
		margin-left:36px;
	}
	.lj_transparent{
		background:transparent!important;
		border:none!important;
		padding:0!important;
		margin:0!important;
	}
}	

#cover_tutup{ /* untuk tutupi layar */
	display:none;
	z-index:7001;
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	width:100vw;
	background-color:#000;
	opacity:0.5;
}

#cover_loader{
	display:none;z-index:9999;
	position:fixed;top:50vh;
	margin-left:calc(50% - 25px);
	width:50px;
	height:50px;
	line-height:50px;
	box-shadow:2px 2px 12px #ddd;
	border-radius:4px;
	text-align:center;
	background:linear-gradient(to top, #666,#e7eeee);
}

#page_core_index-visitor #right #js_block_border_user_register .title{
	color:#000!important;
	margin-top:-15px!important;
}
#page_core_index-visitor #right #js_block_border_user_register .content{
	padding-top:0!important;
}
/*-------------------------------------- INDEX untuk layar PC  --------------------------------------*/
@media (min-width: 481px) {

	.hidden-pc{
		display:none
	}

	.sticky_top_outer_box
	{
		z-index:7002;
		position:fixed!important;		
	}	

	#page_user_login ul{
		margin-left:15px!important;
	}
	
	#page_user_login li{
		margin-top:15px!important;
	}		
	
	#page_user_login .navbar.navbar-default{
		display:none;
	}
	
/* ATURAN TENTANG KOMPOSISI LEFT-CENTER-RIGHT & BORDER */

	.row_feed_loop.js_parent_feed_entry{ /* untuk border setiap feed item */
		border:1px solid #dedede;
		border-radius:4px;
	}

	#js_block_border_user_register,
	#content-holder #content-stage{
		border:1px solid #dedede;border-radius:4px;padding-top:15px!important;
	}
	#page_profile_index #content-holder #content-stage{
		padding-top:0px!important;
	}	
	#page_halal_opinion #content-holder #content-stage,
	#page_halal_view #content-holder #content-stage,
	#page_core_index-member #content-holder #content-stage, 
	#page_core_index-visitor #content-holder #content-stage
	{
		padding-top:0!important;
	}
	
    #page_core_index-visitor #content-holder #content-stage,
	#page_profile_index #content-holder #content-stage,
	#page_core_index-member #content-holder #content-stage,
	#page_core_index-visitor #content-holder #content-stage{		
		border:none!important;
		border-radius:none!important;		
	}	

	#left{
		width:20%!important;
	}

	#right{
		width:30%!important;
	    /*padding-left:0!important;*/
	}	

    #page_core_index-visitor #left,
    #page_core_index-member	#left{
	    padding-right:0!important;
	}

    #page_core_index-visitor #right,
    #page_core_index-member	#right{
	    padding-left:0!important;
	}
	
	/* FORMAT 1 : 100%  ---- START ----*/
	#page_halal_produsen #content-holder,	
	#page_halal_toko #content-holder,			
    #page_profile_private #content-holder,
	#page_error_404 #content-holder,
	#page_user_login #content-holder,
	#page_mail_index #content-holder{
	    width:100%!important;	
	}

	#page_halal_produsen #right,
	#page_halal_produsen #left,		
	#page_halal_toko #right,
	#page_halal_toko #left,		
	#page_lurjepcore_listicon #left,
	#page_lurjepcore_listicon #right,
    #page_profile_private #left,
    #page_profile_private #right,
	#page_error_404 #left,
	#page_error_404 #right,
	#page_user_login #right,
	#page_user_login #left{
		display:none;
	}		
	/* FORMAT 1 : 100%  ---- END ----*/

	
	/* FORMAT 2 : normal, 20%-50%-30% ---- START ----*/
    #page_halal_add #content-holder,	
	#page_halal_home #content-holder,
	#page_halal_opencategory #content-holder,		
	#page_halal_opencompany #content-holder,	
	#page_halal_openingredient #content-holder,
	#page_halal_opentoko #content-holder,	
	#page_halal_opinion #content-holder,
	#page_halal_view #content-holder,
	#page_halal_viewrequest #content-holder,
	#page_profile_statistics #content-holder,	
	#page_user_photo #content-holder{		
	    padding-left:0!important;
	    padding-right:0!important; 
    }	
	/* FORMAT 2 : normal, 20%-50%-30% ---- END ----*/
	

	/* FORMAT 3 : ada right 30%, tdk ada left ---- START -----*/
	#page_attachment_profile #content-holder,	
	#page_friend_profile #content-holder,
	#page_profile_info #content-holder,	
	#page_subscribe_list #content-holder,
	#page_search_index #content-holder,
	#page_user_browse #content-holder{	
	    width:70%!important;
	    padding-left:10!important;
	    padding-right:0!important;		
    }

	#page_attachment_profile #left,	
	#page_friend_profile #left,		
	#page_profile_info #left,
	#page_user_login #left,
	#page_user_browse #left,
	#page_subscribe_list #left,
	#page_search_index #left{	
	    display:none;
	}
	/* FORMAT 3 : ada right 30%, tdk ada left ---- END -----*/


	/* FORMAT 4 : left 20%, no right ---- START -----*/
	#page_photo_add #content-holder,
	#page_photo_album #content-holder,
	#page_photo_albums #content-holder,
	#page_photo_index #content-holder,
    #page_photo_profile #content-holder,	
	#page_photo_view #content-holder,
    #page_v_profile #content-holder{
	    width:80%!important;
	    padding-left:0!important;
    }
	
	#page_photo_add #right,
	#page_photo_album #right,
	#page_photo_albums #right,
	#page_photo_index #right,
	#page_photo_view #right,
	/*#page_poll_index #right,
	#page_poll_profile #right,*/
    #page_v_profile #right{
	    display:none;
    }
	/* FORMAT 4 : left 20%, no right ---- END -----*/
	
	
	/* FORMAT 5 : left = false, content=75%, right 25% ----- START -----*/
	/*#page_ynmember_index #content-holder,
	#page_ynmember_review #content-holder{
	    width:75%!important;
		padding-right:0!important;
    }

	#page_ynmember_index #right,
	#page_ynmember_review #right{
		width:25%!important;
	}	

	#page_ynmember_index #left,
	#page_ynmember_review #left{
	    display:none;
    }
	*/
	/* FORMAT 5 : left = false, content=75%, right 25% ----- END -----*/

	
	/* FORMAT 6 : left 30%, no right ----- START -----*/	
	#page_activitypoint_index #content-holder,
	#page_activitypoint_information #content-holder,	
	#page_friend_view_list #content-holder,	
	#page_friend_pending #content-holder,	
	#page_friend_accept #content-holder,
	#page_friend_index #content-holder,
    #page_halal_request #content-holder,	
	#page_halal_index #content-holder,
	#page_halal_indexcomment #content-holder,	
	#page_halal_indexhide #content-holder,	
	#page_halal_indexopinion #content-holder,	
	#page_halal_indexrequest #content-holder,			
	#page_halal_indexsave #content-holder,	
	#page_lurjepcore_pointexplain #content-holder,	
	#page_profile_index #content-holder,
	#page_user_setting #content-holder,
	#page_user_privacy #content-holder{
	/*#page_ynmember_profile_places #content-holder{*/
		width:70%!important;
		padding-left:0!important;
	}		

	#page_activitypoint_index #left,
	#page_activitypoint_information #left,
	#page_friend_pending #left,
	#page_friend_view_list #left,
	#page_friend_accept #left,
	#page_friend_index #left,
    #page_halal_request #left,		
	#page_halal_index #left,
	#page_halal_indexcomment #left,	
	#page_halal_indexhide #left,	
	#page_halal_indexopinion #left,	
	#page_halal_indexrequest #left,		
	#page_halal_indexsave #left,	
	#page_lurjepcore_pointexplain #left,	
	#page_profile_index #left,
	#page_user_setting #left,	 
	#page_user_privacy #left,	
	#page_ynmember_profile_places #left{
		width:30%!important;
	}

	#page_activitypoint_index #right,
	#page_activitypoint_information #right,
	#page_friend_pending #right,
	#page_friend_view_list #right,
	#page_friend_accept #right,
	#page_friend_index #right,
    #page_halal_request #right,	
	#page_halal_index #right,
	#page_profile_index #right,
	#page_user_setting #right,	 
	#page_user_privacy #right{
		
		width:0!important;
	}	
	/* FORMAT 6 : left 30%, no right ----- END -----*/
	
	
	/* FORMAT 7 : old normal 25%-50%-25% ----- START -----*/
	#page_core_index-member	#left,
	#page_core_index-member	#right,	
	#page_core_index-visitor #left,
	#page_core_index-visitor #right,		
    #page_halal_add #left,
    #page_halal_add #right,	
	#page_halal_opencategory #left,
	#page_halal_opencategory #right,	
	#page_halal_opencompany #left,
	#page_halal_opencompany #right,	
	#page_halal_openingredient #left,
	#page_halal_openingredient #right,	
	#page_halal_opentoko #left,
	#page_halal_opentoko #right,
	#page_halal_opinion #left,
	#page_halal_opinion #right,	
	#page_halal_view #right,	
	#page_halal_view #left,
	#page_halal_viewrequest #right,
	#page_halal_viewrequest #left,
	#page_user_photo #right,
	#page_user_photo #left{
		width:25%!important;		
	}
	/* FORMAT 7 : old normal 25%-50%-25% ----- END ----- jangan lupa tambahkan juga di bagian "20%-50%-30%" */
	

	/* FORMAT 8 : left 25%, center 75%, right 0% ----- START -----*/
	#page_lurjepcore_accesstype #left,
	#page_lurjepcore_explainterms #left,	
	#page_lurjepcore_explainprivacy #left{
		width:25%!important;		
	}

	#page_lurjepcore_accesstype #content-holder,
	#page_lurjepcore_explainterms #content-holder,
	#page_lurjepcore_explainprivacy #content-holder{
		width:75%!important;	
	    padding-left:0!important;
	}	
	/* FORMAT 8 : left 25%, center 75%, right 0% ----- END ----- */	
	
	
	/* FORMAT 9 : no LEFT, only CENTER & RIGHT 50%-50% ----- START -----*/	
	#page_lurjepcore_userregister #left{
		display:none;
	}

	/* FORMAT 9 : no LEFT, only CENTER & RIGHT 50%-50% ----- END -----*/	
	
	#page_lurjepcore_userregister #content-holder,
	#page_lurjepcore_userregister #right{
		width:calc(50% - 15px)!important;
		padding-right:0!important;
	}
	
	#page_lurjepcore_accesstype .navbar.navbar-default,	
	#page_lurjepcore_explainterms .navbar.navbar-default,	
	#page_lurjepcore_explainprivacy .navbar.navbar-default,	
	#page_activitypoint_index .navbar.navbar-default,	
	#page_activitypoint_information .navbar.navbar-default,	
	#page_attachment_profile .navbar.navbar-default,
	#page_contact_index .navbar.navbar-default,
	#page_friend_index .navbar.navbar-default,
	#page_friend_profile .navbar.navbar-default,
	#page_lurjepcore_userregister .navbar.navbar-default,
	#page_lurjepcore_pointexplain .navbar.navbar-default,	
	#page_photo_profile .navbar.navbar-default,
	#page_profile_info .navbar.navbar-default,
	#page_profile_index .navbar.navbar-default,
	#page_profile_statistics .navbar.navbar-default,	
	/*#page_question_profile .navbar.navbar-default,*/
	#page_user_password_request .navbar.navbar-default,
	#page_user_privacy .navbar.navbar-default,
	#page_user_setting .navbar.navbar-default,
	#page_user_photo .navbar.navbar-default{
		display:none;
	}

}

	/* atur tampilan page login */
	#page_user_login #section-header{
		margin-bottom:0!important;
	}
	/*#page_user_login ._block_breadcrumb{
		display:none;
	}*/
	#page_user_login .content{
		max-width:300px;
		margin-top:60px;
		margin-left:auto;
		margin-right:auto;		
	}
	
	.js_box.hide_box_title #_submit,
	#page_user_login #_submit{
		width:100%;
		background:#ee5a2b!important;
		opacity:1;
		color:#fff!important;
		font-size:16px;
		padding:10px;
	}
	
	#page_user_login .form-control{
		padding:30px 15px!important;
		font-size:18px;
		margin-bottom:25px;
	}

	#page_user_login .form-control.input_phone{
		padding:30px 15px 30px 40px!important;
	}	

	#page_user_login #content .fb_login_go{		
		width:100%!important;	
	}	
	#page_user_login .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
		z-index: 2;margin-left: -1px;padding: 20px 15px;margin-top: -25px;
	}