.masjid-item .item-title a {
    font-size: 16px;
    line-height: 21px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.masjid-item .item-info{
	display:flex;
	justify-content:flex-start;
	font-size:12px;
}

.masjid-item .item-info .ico{
	display:display;
	min-width:18px!important;
	max-width:20px!important;
	margin-right:5px;
	text-align:center;
}

.masjid-item .item-image > img{
    display: flex;
    overflow: hidden;
	height:auto;
}

.masjid-detail{
	font-size:14px;
	color:#555;
}

#tab_basic_info, #tab_access, #tab_facility{
	padding:8px 0!important;
	width:30%;
	text-transform:uppercase;
	font-size:85%;
}

/*------------- setting for mobile -------------*/
@media (max-width: 480px) {

	.masjid-item{
		width:50%;
		padding: 10px;
	}

	.masjid-address,
	.masjid-distance{
		display:none!important;
	}

	/*.masjid_fitur_container{
		display:flex;
		flex-wrap: wrap;
		padding-right:-2px;
	}*/
	
}

/*@media (min-width: 481px) {*/

	.masjid_fitur_container{
		display:flex;
		flex-wrap: wrap;
		width:100%;
		justify-content:space-between;
		gap:5px;
		margin-top:5px;
	}
	
/*}	*/

.feed_share_masjid_checkinhere .feed_share_header{
	text-align:left!important;
}
	
.musholla_item_single{
	padding:2px;
	border:1px solid #ddd;
	background-color:#eee;
	width:calc(25% - 6px);
	display:flex;
	flex-flow:wrap;
	align-content:stretch;
	flex-grow:1;
}
.fitur_content,
.fitur_header{
	font-size:90%;
	text-align:center;
}
.fitur_header{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-right:1px;
	padding:4px;
	color:#313743;
	background-color:#cfdedd;	
	width:100%;	
	min-height:50px;
}	
.fitur_content{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	border:1px solid #ddd;
	align-items: center;
	background:#fff;
	width:100%;
	color:#105c58;
	min-height:45px;
}

.fitur_header .ico{
	font-size:150%!important;	
}
.fitur_header .fa{	
	font-size:170%!important;
}

.fitur_header_dark{
	background-color:#eee!important;
	color:#999!important;
}

.fitur_content_dark{
	background-color:#eee!important;
	color:#eee!important;	
	border-color:#eee!important;
}

/*------------- setting for PC -------------*/	
@media (min-width: 481px) {

.masjid-item{
	width:25%;
	padding: 10px;
}

.vicinity_item_box{
	padding:8px!important;
}

.masjid_left_right_pc_20{
	margin-left:-20px!important;
	margin-right:-20px!important;
}

.masjid_left_right_pc_20 > img{
	border-radius:4px 4px 0 0!important;
}

}

/* progreess bar in add page */
.aaprogress_circle_big{
    width:22px;
	height:22px;
	border-radius:50%;
	background-color:#dcdcdc;
	padding:3px;	
}	

.aaprogress_circle_small_inactive{
    width:16px;
	height:16px;
	border-radius:50%;
	background-color:#dcdcdc;
	margin-top:3px;	
}

.aaprogress_circle_small_active{
    width:16px;
	height:16px;
	border-radius:50%;
	background-color:#1e90fa;	
	margin-top:3px;		
}

.aaprogress_line_inactive{
    display:inline-block;
	background-color:#dcdcdc;
	height:4px;
	width:100%; 	
}	

.aaprogress_line_active{
    display:inline-block;
	background-color:#1e90fa;
	height:4px;
	width:100%; 	
}

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

.aaprogress_mtop18{
    margin-top:-18px;	
}

.masjid_closed_box{
	z-index:3001;
	box-shadow:4px 4px 8px tomato;
	min-height:138px;
	background:#fff;
	position:absolute;
	width:calc(100% - 42px);
	margin-left:20px;
	margin-top:20px;
	padding:10px;
	border:1px solid #fff;
}

.masjid_box_action{
	position:absolute;
	right:5px;
	width:40px;
	margin:150px 0 0 0;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap:15px;
}
.masjid_box_action > a > .ico{
	font-size:22px;
	width:40px;
	height:40px;
	border:1px solid #ccc;
	padding:7px;
	border-radius:50%;
	color:#ddd;
	display:inline-block;
	text-align:center;
}
.masjid_active_icon > .ico{
	border:1px solid #004170!important;
	color:#004170!important;
}

/* closest masjid */
.vicinity_block > a{
	color:#004170!important;
	font-weight:bold;
}
.vicinity_jumatan_box{
/*	text-align:center;*/
	width:100%;		
}

.vicinity_jumatan{
	display:inline;
	margin:0;
	padding:3px 0 3px 3px;
	font-weight:bold;
	font-size:10px;
	border:1px solid #c5ddf0;
	background-color:#dfe8f0;
	border-radius:4px 0 0 4px;
	text-align:center;	
}
.vicinity_jumatan.kanan{
	padding:3px 0 3px 0!important;
	/*background-color:#5b6e80!important;*/
	border-radius:0 4px 4px 0!important;
	color: #ffffff!important;
}
.jumat_now{
	display:inline;
	color: #ffffff;
	background-color:#5b6e80;	
	padding:3px;
	margin:4px 0;
	border-left:1px solid #ffffff;
	border-radius:0 4px 4px 0;
	font-size:10px;	
}
.jumat_now.lewat{
	background-color:#8facc7!important;	
	text-transform:uppercase;
}
.total_khutbah4 > .khutbah1.jumat_now, .total_khutbah4 > .khutbah2.jumat_now, .total_khutbah4 > .khutbah3.jumat_now,
.total_khutbah3 > .khutbah1.jumat_now, .total_khutbah3 > .khutbah2.jumat_now,
.total_khutbah2 > .khutbah1{
	border-radius:0!important;
}
/*.jumatan_now.lewat.mostright{
	border-radius:0 4px 4px 0!important;
}*/
#vicinity_header_total{
	font-weight:bold;
	font-size:95%;
	text-transform:uppercase;
}
#vicinity_header_type > div > a{
	display:block;width:25px;
	height:25px;border:1px solid #ddd;
	padding:4px;text-align:center;
	line-height:20px;
}
.radius_navi{
	width:calc(25% - 4px);
	border:1px solid #ddd;
	color:#ddd;
	border-radius:6px;
	padding:6px;
	text-align:center;
	display:block;
}
.radius_navi.activ{
	color:#004170;
	box-shadow:1px 1px 3px #888;
}
#vicinity_header_title{
	display:flex;justify-content:space-between;
	margin:10px 0 15px 0;
	font-weight:bold;font-size:90%;
}
.vicinity_distance{
	color:#888;
	margin-top:8px;
	font-size:90%;	
}
.vicinity_distance > span > .ico{
	font-size:16px;
}
.vicinity_distance > img{
	height:16px;
}
.vicinity_address{
	color:#999;
	font-size:85%;
}
/*.vicinity_photo{
	display:flex;
	margin-top: 5px;
}*/
.vicinity_photo > img{
    background:#ddd;
	width:75px;
	height:75px;
	border-radius:3px;
	border:1px solid #ddd;
}
.vicinity_block{
	/*margin-left:85px;*/
	padding:0 10px 10px 10px;
	/*min-height:120px;*/
	width:100%;
}
.vicinity_block.mydata{
	margin-left:85px;
	padding-top:0;
	min-height:80px;
}
.vicinity_block.photo{
	margin-left:10px!important;
	min-height:50px!important;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
.vicinity_item_box{
	margin-bottom:20px;
	padding:4px;
}
.vicinity_item_box.photo{
	width:100%!important;
	margin-bottom:10px;
}
.ico18{
	font-size:18px;
}
.block.masjid > .title{
	text-shadow:none!important;
	line-height:1.5em!important;
	color:#888!important;
	border-bottom:none!important;
	/*border-bottom:1px solid #ddd!important;*/
}
#masjid_view_photobox{
    width:100%;
}
.review_image_main{
	display:flex;margin-top:15px!important;width:100%;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:calc(25% - 1px);height:10px;
}
.review_image_expander{
	display:flex;align-items:center;justify-content:center;background-color:#000!important;width:100%;height:10px;opacity:0.5;filter: alpha(opacity=50);font-size:26px;margin-top:-20px;
}
.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{
	width:100px;height:100px;display:flex;align-items:center;justify-content:center;background-color:#222;opacity:0.9;filter: alpha(opacity=90);
}
.review_image_photo > .photo-is-cover-star{
	position:absolute;margin-top:-18px;margin-left:5px;font-size:110%;
}
.masjid_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;
}
.submit_butt.bottom	{
	margin-bottom:45px;
}
.review_image_add_button{
	right:calc(12.5% - 30px);bottom:85px;display:block;border:1px solid #ddd;background-color:#D9D9D9;width:60px;height:40px;padding-top:6px;text-align:center;/*margin-top:calc(25vw * 0.75);*/
}
.review_image_add_button.is_four{
	position:absolute!important;
}	
.review_image_add_button.photos{
	right:0;bottom:0;
}	
.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, .review_image_photo.is_less{
	display:block;border:1px solid #ddd;background-color:#D9D9D9;width:calc(25% - 2px);height:10px;text-align:center;line-height:120%;
}	
.review_image_add_button.is_less > .icon-button, .review_image_photo.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;
}
.hidden-xs.is_four{
	display:none!important;
}
#js_album_outer_content{
	margin:15px 0 0 0!important;width:100%;
}
#page_masjid_view .item_info {
	display:flex;height: auto;max-height: none;padding: 20px 15px 10px 15px;margin: 0;line-height: unset;
}
#page_masjid_view .item_info .img-wrapper {
	border-radius: 0;overflow: hidden;width: 32px;height: 32px;min-width: 32px;
}
#page_masjid_view .item_info .item_info_author{
	margin-left:10px;
}
#masjid-detail-container > .masjid-detail > p > img, #masjid-detail-container > .masjid-detail > p > a > img{
	max-height:calc(100vw - 10px)!important;
}
#page_masjid_index .header_bar_search_inner{	
	padding-right:0!important;
}
#page_masjid_index .header_bar_search_inner .input-group{
	display:flex;
}
#page_masjid_index .header_bar_search_inner .input-group .btn.btn-default{
	width:40px!important;
	margin-left:2px;
	border-radius : 0 4px 4px 0!important;
}
#page_masjid_my #content .block,
#page_masjid_index #content .block{
	margin-bottom:10px;
}
#page_masjid_my .header_bar_search,
#page_masjid_index .header_bar_search{
	margin-top:6px;
}
#page_masjid_index .header_bar_search_inner .input-group a.form-control-feedback{
	right:42px!important;
}
#page_masjid_index .header_bar_search_inner .input-group .form-control{
	width:calc(100% - 42px)!important;
}
#page_masjid_index .header_bar_search_inner .input-group #js_search_wrapper{
	display:none;
}
#header_search_container .input-group .form-control:first-child{
	/*width:calc(100% - 42px);*/
}