.tbl_wrapper .fa-pen-square{
	font-size: 1.5rem;
}

.tbl_records{}
.tbl_records tr{background: none !important;}
.tbl_records tr th, .tbl_records tr td{border: 1px solid #d7d7d7; font-size: 0.7rem; text-align: left;}
.tbl_records img{margin: 0.1rem;}
.tbl_records .rec_mess{font-style: italic; font-family: Arial; }

.tbl_records .btn_del{color: red;}

.tbl_records input{margin: 0 !important;}

.record_item{
	display: block;
	margin-top: 0.3rem;
	border: 1px solid #e7e7ea; 
	background-color: white;
	-webkit-box-shadow: 0px 0.5px 0.5px 0px rgba(50, 50, 50, 0.2); 
	-moz-box-shadow: 0px 0.5px 0.5px 0px rgba(50, 50, 50, 0.2); 
	box-shadow: 0px 0.5px 0.5px 0px rgba(50, 50, 50, 0.2);
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; behavior: url(images/border-radius.htc);
	font-size: 0.8rem;
}


.record_item a i{
	font-size: 1rem;
}

/*** Forms ***/

form{}

input[type="text"], 
input[type="password"],
textarea{
	-moz-border-radius: 5px !important; 
	-webkit-border-radius: 5px !important; 
	border-radius: 5px !important; 
	behavior: url(images/border-radius.htc);
}

.input-group input[type="text"]{
	-moz-border-radius: 0 !important; 
	-webkit-border-radius: 0 !important; 
	border-radius: 0 !important; 
}

.frm{}
input.error, select.error, .error{color: red !important;}  
input.success, select.success, .success{color: green !important;} 
input.error, select.error{border-color: red !important;}

.inp_mess{
	padding: 0.2rem; margin-top: -.5rem;  padding-top: 0; margin-bottom: 0.5rem; 
	color: red;  font-size: 0.8rem;  text-indent: 0;  font-style: italic;
}






#content_end{margin-top: 7rem;}
#noscript{}
.overflow_x_scroll{width: 100%; overflow-x: scroll;}
.overflow_y_scroll{height: 100%; overflow-y: scroll;}





.clr{clear: both;}

.text_left{text-align: left;}
.text_right{text-align: right;}


/*** menu ***/
.df_menu{display: inline-block;}
.df_menu ul,
.df_menu ul li{margin: 0; padding: 0; list-style: none; list-style-type: none; }
.df_menu ul{} 
.df_menu ul li{position: relative; } 
.df_menu ul li a{display: block; padding: 0.5rem; color: black; text-decoration: none; } 
.df_menu ul li a:hover{background-color: #f6f6f6;}
.df_menu ul li a:active{}
.df_menu ul li a i{margin-right: 0.2rem;}
.df_menu ul li a span{margin-left: 0.2rem;}
.df_menu ul > li ul{display: inline-block;}
.df_menu ul > li ul a{}
	

/*** menu scr ***/
.df_menu_scr > ul > li{float: left;}
.df_menu_scr > ul > li ul{display: none;}
.df_menu_scr > ul > li > ul{position: absolute; z-index: 700; }
.df_menu_scr > ul > li:hover > ul{display: block !important;}

.df_menu_scr > ul > li > ul > li{position: relative;}
.df_menu_scrr > ul > li > ul > li > ul{position: absolute; left: 230px; top: 0; z-index: 710;}
.df_menu_scr > ul > li > ul > li:hover > ul{display: block !important;}

.df_menu_scr_right > ul > li > ul > li > ul{left: -230px;}

.df_menu_scr ul li a{ display: block; color: black; text-align: left;}
.df_menu_scr ul li a:hover{}
.df_menu_scr ul li a:active{}
.df_menu_scr ul li a i{}
.df_menu_scr ul li a span{}

.df_menu_scr ul > li ul{background-color: white; color: black; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);}
.df_menu_scr ul > li ul a{width: 230px; font-weight: normal;} 
.df_menu_scr ul > li ul a:hover{}


/*** Mobile menu togler ***/
#df_menu_mobile_togler{ padding: 0.5rem; color: black; text-decoration: none; float: right;}
#df_menu_mobile_togler i{}
#df_menu_mobile_togler span{margin-left: 0.2rem;}



/*** mobile_menu ***/

#df_menu_mobile_wrapper{display: none; z-index: 700; position: fixed; top:0;  bottom: 0; width: 100%; padding-bottom: 5rem; height: 100%; background-color:  white; overflow-y: scroll;} 

.df_menu_mobile ul,
.df_menu_mobile ul li {width: 100%;}
.df_menu_mobile ul li a{padding: 0.5rem; color: black; }

.df_menu_mobile > ul{padding-top: 85px;}
.df_menu_mobile > ul > li ul{display: inline-block;}
.df_menu_mobile > ul > li > a{font-weight: bold;}
.df_menu_mobile > ul > li > ul > li > a{padding-left: 1rem; font-weight: normal;}
.df_menu_mobile > ul > li > ul > li > ul > li > a{padding-left: 2rem;}



#fixed_header_wrapper{position: fixed;  top: 0;  left: 0; width: 100%; margin: 0; 
	padding-top: 0.3rem;  padding-bottom: 0.3rem;  z-index: 700; background-color: white;  color: black;}
	
	#fixed_header{}
	
		#fixed_header_left{padding: 0.3rem;}
			#fixed_header_left #logo{height: 2rem;} 
		#fixed_header_right{padding: 0.3rem; text-align: right;}



		
		
/*** DF Responsive Visible Utilities ***/
.df_show_small{display: none;}   
.df_show_medium{display: none;}
.df_show_large{display: none;}

.df_show_only_small{display: none;}
.df_show_only_medium{display: none;}
.df_show_only_large{display: none;}

.df_hide_small{display: none;}
.df_hide_medium{display: none;}
.df_hide_large{display: none;}

.df_hide_only_small{display: none;}
.df_hide_only_medium{display: none;}
.df_hide_only_large{display: none;}


#sys_mess_wrapper{display: none; bottom: 5px; position: fixed; text-align: center; width: 100%; z-index: 900;}
#sys_mess{background: rgba(175, 0, 0, 0.7); padding: 0.5rem; color: white; margin: auto; display: inline-block; max-width: 600px;}			


.single_photo_edit_wrapper{}
.single_photo_edit_wrapper img{width: 100%; max-width: 300px;}
.single_photo_edit_wrapper a{width: 100%; max-width: 300px;display: inline-block;
	text-align: center;border-radius: 3px;}
	
#photoes_edit_wrapper{}
#photoes_edit_wrapper .photo_edit_item{display: block; position: relative; width: 130px;  float: left; margin: 0 1rem 1rem 0; padding: 0; border: 1px solid #cdcdcd;}
#photoes_edit_wrapper .photo_edit_item .img_wrapper{height: 100px; overflow: hidden;}
#photoes_edit_wrapper .photo_edit_item .img_wrapper img{width: 100%;}
#photoes_edit_wrapper .photo_edit_item .img_wrapper .btn_photo_del{position: absolute; right: 5px; top: 5px; width: 25px; height: 25px; text-align: center;  background-color: red; color: white;}
#photoes_edit_wrapper .photo_edit_item .btn_photo_main_select{font-size: 0.7rem; display: inline-block; padding: 0.5rem; width: 100%; text-align: center;}
#photoes_edit_wrapper .photo_edit_item .btn_photo_main_select[pr_main_photo="1"]{background-color: yellow; color: black;}




.dlg_wrapper{width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: none;z-index: 900; background-color: rgba(0, 0, 0, 0.8);}
.dlg{margin: auto;width: 100%;max-width: 1000px;position: relative; background-color: white; margin-top: 2rem; padding: 1rem;}
.dlg_small{max-width: 400px;}
.dlg_medium{max-width: 700px;}
.dlg_close{position: absolute;right: 5px;top: 5px;width: 30px;height: 30px;text-align: center;}
.dlg_title{}


.tag{
	display: inline-block; padding: 0.2rem; margin: 0.2rem; background-color: #f7f7f7;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(images/border-radius.htc);
}


.offer_item{
	border: 1px solid #dfdfdf; background-color: white;
	padding: 0.5rem; margin: 0.5rem;
	display: inline-block;
	color: black;
	font-size: 0.9rem !important;
}

.offer_item:hover{
	color: black;
}
.offer_item .offer_item_title{
	
}


	
.btn_whatsapp, .btn_call{
	padding: 0.2rem;
}																
		
.btn_whatsapp{
	color: green;
}		
														
.btn_call{
	color: red;
}																	


/* Comments */

.comments_wrapper{
	width: 100%;
}

.comments{
	
}

.comment_item{
	border-bottom: 1px solid #e7e7e7;
	width: 98%;
	padding: 1%;
	margin: 0.5rem;
	position: relative;
}

.comment_item .name{
	font-weight: bold;
	display: inline-block;
	font-size: 0.8rem;
}

.comment_item .dt_comment{
	font-style: italic;
	display: inline-block;
	font-size: 0.8rem;
	color: #9e9e9e;
}


.comment_item .linked_obj{
	display: inline-block;
	font-size: 0.8rem;
}

.comment_item .comment{
	font-style: italic;
	display: inline-block;
	width: 100%;
	font-size: 0.8rem;
}

.comment_item .comment_mess{
	
}

.comment_item  .btn_comment_del{
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #c2c2c2;
}

.comment_item  .btn_comment_del:hover{
	color: red;
}

.frm_comment{
	
}



#popup_notify_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 900;
	text-align: center;
	display: none;
}

#popup_notify{
	max-width: 700px;
	background-color: white;
	display: inline-block;
	margin-top: 1rem;
	padding: 1rem;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; behavior: url(images/border-radius.htc);
}



#popup_task_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 900;
	text-align: center;
	display: none;
}

#popup_task{
	max-width: 700px;
	min-width: 300px;
	background-color: white;
	display: inline-block;
	margin-top: 1rem;
	padding: 0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; behavior: url(images/border-radius.htc);
	position: relative;
}

#popup_task_body{
	max-height: 500px;
	overflow-y: scroll;
}




#btn_popup_task_close{
	color: red;
	position: absolute;
	right: 1rem;
	top: 1rem;
	font-size: 1.5rem;
}


.panel{
	padding: 2%;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #ebebeb; 
	margin-top: 0.5rem;
}

.panel .panel_title{
	display: block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #3f3f3f;
	cursor: pointer;
}


.panel .panel_title i{
	float: right;
	color: #d0d0d0;
}

.panel .panel_body{
	display: none;
	width: 100%;
}

.panel_activ .panel_body{
	display: inline-block;
}




			
					
/******************* MEDIAQUERIES *********************/

/* 1) Small: Landscape phones and smaller */
@media only screen and (max-width: 480px) {
	
	#fixed_footer a{font-size: 1.2rem !important; margin: 0.1rem; padding: 0.3rem;}
	
	.df_show_small{display: inline-block !important;}   
	.df_show_medium{}
	.df_show_large{}

	.df_show_only_small{display: inline-block !important;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: none;}

	.df_hide_small{display: none;}
	.df_hide_medium{}
	.df_hide_large{}

	.df_hide_only_small{display: none;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: inline-block !important;}
	
	.offer_item{padding: 0.5rem; margin: 0.1;}
}

/* 2) Small: Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {
	
	.df_show_small{display: inline-block !important;}   
	.df_show_medium{}
	.df_show_large{}

	.df_show_only_small{display: inline-block !important;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: none;}

	.df_hide_small{display: none;}
	.df_hide_medium{}
	.df_hide_large{}

	.df_hide_only_small{display: none;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: inline-block !important;}
	
	.offer_item{padding: 0.5rem; margin: 0.1;}
}

/* 3) Medium: Portrait tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.df_show_small{}   
	.df_show_medium{display: inline-block !important;}
	.df_show_large{}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: inline-block !important;}
	.df_show_only_large{display: none;}

	.df_hide_small{}
	.df_hide_medium{display: none;}
	.df_hide_large{}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: none;}
	.df_hide_only_large{display: inline-block !important;}
} 

/* 4) Medium:  Portrait tablets and medium desktops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.df_show_small{}   
	.df_show_medium{display: inline-block !important;}
	.df_show_large{}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: block !important;}
	.df_show_only_large{display: none;}

	.df_hide_small{}
	.df_hide_medium{display: none;}
	.df_hide_large{}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: none;}
	.df_hide_only_large{display: inline-block !important;}
}


/* 5) Large: Large Screens */
@media only screen and (min-width: 1200px) {
	
	.df_show_small{}   
	.df_show_medium{}
	.df_show_large{display: inline-block !important;}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: inline-block !important;}

	.df_hide_small{}
	.df_hide_medium{}
	.df_hide_large{display: none;}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: none;}
}

/* 6) Extra Large: Large Screens */
@media only screen and (min-width: 2000px) { 
	
	.df_show_small{}   
	.df_show_medium{}
	.df_show_large{display: inline-block !important;}

	.df_show_only_small{display: none;}
	.df_show_only_medium{display: none;}
	.df_show_only_large{display: inline-block !important;}

	.df_hide_small{}
	.df_hide_medium{}
	.df_hide_large{display: none;}

	.df_hide_only_small{display: inline-block !important;}
	.df_hide_only_medium{display: inline-block !important;}
	.df_hide_only_large{display: none;}
}

/*** print ***/
@media print {
	
	.btn_print, .btn_back{display: none;}
}