html, body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.5em !important;
	margin: 0; 
	padding: 0;
	width: 100%; 
	height: 100%;
}

html{}

body{
	overflow-y: scroll;
	overflow-x: hidden;
	padding-top: 3rem;
	background-color: var(--color-primary);  
	color: black;
}


input,
textarea,
button,
select,
a {
	-webkit-tap-highlight-color: none;
}

label{
	color: black !important; 
}


h1, h2, h3, h4, h5, h6{line-height: 1.3em; width: 100%; font-size: inherit; font-family: 'Roboto', serif; font-weight: 300;}

h1{font-size: 3rem; font-weight: 500;}
h2{font-size: 1.8rem; font-weight: 400;}
h3{font-size: 1.5rem;}
h4{font-size: 1.2rem;}
h5{}
h6{}


i{font-family: arial;}
hr{margin: 0.5rem auto;}
legend{font-weight: bold;}

ul, ul li{list-style: none; list-style-type: none; margin: 0;}
li{}

a{text-decoration: none; color: var(--color-accent);}

iframe{width: 100%; max-width: 100%;}


table{font-size: 0.8rem;}

table caption{}

td, th{vertical-align: top;}

table thead{}
table thead tr{}
table thead tr th{font-weight: normal; text-align: center; font-weight: bold;}

table tbody{}
table tbody tr{}
table tbody td{}

table tfoot{}
table tfoot tr{}
table tfoot tr td{font-weight: normal;}

.tbl_wrapper{overflow-x: scroll;}

.tbl_records{}
.tbl_records tr{background: none !important;}
.tbl_records tr th, .tbl_records tr td{border: 1px solid #e2e2e2; font-size: 0.7rem; padding: 0.3rem;}
.tbl_records tr th a, .tbl_records tr td a{color: black !important; text-decoration: underline;}
.tbl_records img{margin: 0.1rem;}
.tbl_records .rec_mess{font-style: italic; font-family: Arial; }

.tbl_records .btn_del{color: red;}



.tbl_compact_borderless{
	border-collapse:collapse;
	border: none;
}

.tbl_compact_borderless tr{
	background: none !important;
	border: none;
}

.tbl_compact_borderless tr th, .tbl_compact_borderless tr td{
	font-size: 0.7rem; 
	padding: 0.3rem; 
	border: none;
}

.tbl_compact_bordered{
	border-collapse:collapse;
}

.tbl_compact_bordered tr{
	background: none !important;
}

.tbl_compact_bordered tr th, .tbl_compact_bordered tr td{
	font-size: 0.7rem; padding: 0.3rem; border: 1px solid black;
}



.record_item{
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border: none; 
	background-color: none;
	font-size: 0.8rem;
}


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


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);}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.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;
}

.button.success {
    color: white !important;
}


.button{
	background-color: var(--color-accent);
	color: #fefefe;
}


.box_shadow_1{-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_2{-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_5{-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_15{-webkit-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_50{-webkit-box-shadow: 2px 0px 68px 2px rgba(0,0,0,0.05); -moz-box-shadow: 2px 0px 68px 2px rgba(0,0,0,0.05); box-shadow: 2px 0px 68px 2px rgba(0,0,0,0.05);}

.box_shadow_2_top{-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_5_top{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);}

.text_shadow{text-shadow:#000 1px 1px 5px}

.rounded{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(media/images/border-radius.htc);} 
.rounded_5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 
.rounded_10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.rounded_20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.rounded_10p {-moz-border-radius: 10%; -webkit-border-radius: 10%; border-radius: 10%;}  
.rounded_50p {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

.loading{width: 20px;  height: 20px;  display: inline-block; background-image: url("media/images/ajax-loader.gif");  background-repeat: no-repeat}
.loading:before{content: '';}

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


.block{border: 1px solid #fbfbfb; background-color: white;} 
.block_header{font-size: 1rem;}
.block_title{font-weight: bold; text-align: left;}
.block_buttons{text-align: right;}
	.block_buttons a{font-size: 0.8rem; display: inline-block; margin: auto 0.5rem; padding: auto 0.5rem;}
		.block_buttons a i{margin-right: 0.2rem;}

.button i{margin-right: 0.2rem;}

.lbl{color: gray; font-size: 0.75rem; font-weight: normal;}
	
.text_left{text-align: left;}
.text_right{text-align: right;}

.pagination li {display: inline-block;}

.clr{clear: both;}

.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: var(--color-accent); text-decoration: none; } 
.df_menu ul li a:hover{}
.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{}

.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: 910; }
.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: 920;}
.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: var(--color-accent); 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: var(--color-alt-primary); 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{}

#df_menu_mobile_togler{ padding: 0.5rem; color: var(--color-accent); text-decoration: none; float: right;}
#df_menu_mobile_togler:hover{background-color: none;}
#df_menu_mobile_togler:active{background-color: none;}
#df_menu_mobile_togler i{}
#df_menu_mobile_togler span{margin-left: 0.2rem;}

#df_menu_mobile_wrapper{display: none; z-index: 10000; position: fixed; top:0;  bottom: 0; width: 100%; padding-bottom: 5rem; height: 100%; background-color: var(--color-alt-primary); overflow-y: scroll;} 

.df_menu_mobile ul,
.df_menu_mobile ul li {width: 100%;}
.df_menu_mobile ul li a{padding: 0.5rem; color: var(--color-accent); }

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

#fixed_header_wrapper{position: fixed;  top: 0;  left: 0; width: 100%; margin: 0; padding: 0.5rem;  z-index: 10000; background-color: var(--color-alt-primary);  color: black;}
	
	#fixed_header{}
	
		#fixed_header_left{padding: 0rem;}
			#fixed_header_left #logo{height: 2rem; margin-top: 0.3rem;} 
		#fixed_header_right{padding: 0rem; text-align: right;}


#fixed_footer_wrapper{position: fixed;  bottom: 0;  left: 0; width: 100%; margin: 0; 
	padding-top: 0.3rem;  padding-bottom: 0.3rem;  z-index: 900; background-color: white;  color: black;}
	
	#fixed_footer{}
	
		#fixed_footer a{
			display: inline-block; 
			font-size: 1.2rem !important; 
			color: black; 
			margin: 0.1rem; 
			padding: 0.7rem 0.3rem;
			width: 40px;
			height: 40px;
			behavior: url(media/images/border-radius.htc);
			-moz-border-radius: 50%; 
			-webkit-border-radius: 50%; 
			border-radius: 50%;
			background-color: none;
		}  
	
		#fixed_footer_left{padding: 0;} 
		#fixed_footer_right{padding: 0; 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;}			




.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: 4rem; 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: white;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(images/border-radius.htc);}
.tag_paid{background-color: white; padding: 0.1rem;}
.tag_paid_partial{background-color: white; padding: 0.1rem;}
.tag_unpaid{background-color: white; padding: 0.1rem;}
				

ul.context_nav{
	display: inline-block;
}

ul.context_nav, ul.context_nav li , ul.context_nav li ul{
	list-style: none; 
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

ul.context_nav li a{display: block; padding: 0.5rem; color: black; text-decoration: none; text-align: left !important;} 

ul.context_nav li{
	position: relative;
}

ul.context_nav li ul{
	display: none;
	position: absolute;
	background-color: white;
	width: 300px;
	border: 1px solid gray;
	z-index: 99999;
}

ul.context_nav li:hover ul{
	/*display: block;*/
}
	
.btn_whatsapp, .btn_call{
	padding: 0.2rem;
}																
		
.btn_whatsapp{
	color: green;
}		
														
.btn_call{
	color: red;
}			


.btn_count_decrease{
	/*background-color: red !important;*/
}

.btn_count_increase{
	/*background-color: green !important;*/
}	




.b_title
,.b_stitle
,.b_desc
,.b_text
,.b_text
,.b_fmsg{
	display: inline-block;
	width: 100%;
	padding: 15px;
	
}

.b_title{
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: bold;
}

.b_stitle{
	font-size: 2rem;
	line-height: 2.5rem;
	
}

.b_desc{
	font-size: 1.3rem;
	line-height: 1.8rem;
	font-style: italic;
	
}

.b_text{
	font-size: 1rem;
	line-height: 1.5rem;
}

.b_main_button{
	font-size: 1.7rem;
	line-height: 2.2rem;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: .85em 1em;
	margin: 0 0 1rem 0;
	text-align: center;
	color: white;
	background-color: #398fd6;
	border: 1px solid transparent;
	
	-webkit-appearance: none;
	
	cursor: pointer;
	
	-webkit-transition: background-color .25s ease-out,color .25s ease-out;
	transition: background-color .25s ease-out,color .25s ease-out;
	
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url(media/images/border-radius.htc);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); 
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); 
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	
}


.b_fmsg{
	font-size: 0.9rem;
	line-height: 1.1rem;
}
		
.ava_wrapper{
	display: inline-block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; behavior: url(media/images/border-radius.htc);
}	

.ava_wrapper_extra_large{
	width: 150px;
	height: 150px;
}

.ava_wrapper_large{
	width: 100px;
	height: 100px;
}

.ava_wrapper_medium{
	width: 50px;
	height: 50px;
}
		
.ava_wrapper_small{
	width: 25px;
	height: 25px;
}		


.comments_wrapper{
	font-size: 0.8rem;
}


.comments{
	
}

.comments hr{
	color: #333437;
	border-color: #333437;
}



.comment{
	
}


.frm_comment{
	
}

.comment_text{
	
}

.btn_comment_send{
	
}





.states_nav{
								
}

.states_nav div{
	width: 20%;
	float: left;
	padding: 5px;
	text-align: center;
}

.states_nav .states_nav_title{
	font-size: 0.7rem;
}

.states_nav a{
	display: inline-block; 
	width: 43px; 
	height: 43px;  
	margin: 1px;
	padding: 6px; 
	padding-top: 10px; 
	border: none; 
	position: relative;
	text-align: center;
	color: none;
	background-color: white; 
	color: #474b4e;
	
}

.states_nav a.selected{
	border-color: none;
	color: white !important;
	background-color: var(--color-accent ) !important;
	border-width: 2px;
}





.states_nav a:hover,
.states_nav a:active,
.states_nav a:focus{
	color: none;
	background-color: none;
}

.states_nav a i{
	font-size: 1.1rem; 
	padding-top: .2rem;
	
}

.states_nav a .items_count{
	display: inline-block; 
	position: absolute; 
	right: -5px;
	top: -10px; 
	font-size: 0.8rem; 
	line-height: 1rem;
	background-color: yellow;
	border: 1px solid #a6ac00;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: black !important;
}











.dash_block{
	text-align: center; 
	font-size: 1rem;
}

.dash_block .dash_block_title
,.dash_block .dash_block_label
,.dash_block .dash_block_sublabel
,.dash_block .dash_block_value
,.dash_block .dash_block_subvalue
{
	display: block;
	padding: 3px;
}


.dash_block .dash_block_title{
	font-weight: bold;
	font-size: 1rem;
}

.dash_block .dash_block_label{
	font-size: 0.8rem;
	color: gray;
	padding-top: 10px;
}

.dash_block .dash_block_sublabel{
	font-size: 0.7rem;
	color: gray;
	padding-top: 10px;
}

.dash_block .dash_block_value{
	font-size: 1.2rem;
	font-weight: bold; 
	
}

.dash_block .dash_block_subvalue{
	font-size: 0.9rem;
}


.scale2{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
}



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


/*phones portrait*/
@media only screen and (max-width: 640px) and (orientation: portrait) {
	
}

/*phones landscape*/
@media only screen and (max-width: 640px) and (orientation: landscape) {
	
		
}


/* 1) Small: Landscape phones and smaller */
@media only screen and (max-width: 480px) {
	
	#fixed_header_wrapper{}
	
	#fixed_header{}
	
		#fixed_header_left{}
			#fixed_header_left #logo{} 
		#fixed_header_right{}
		
	
	.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.3rem; margin: 0.1;}
	
	.btn_resp span{display: none;}
}

/* 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.3rem; margin: 0.1;}
	
	.btn_resp span{display: none;}
}

/* 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;}
	
	.btn_resp span{display: none;}
} 

/* 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 {
	@page {
        margin: 1cm;
    }
	.btn_print, .btn_back{display: none;}
	
	
	table, .tbl_records{
		
	}
	
	table tr, .tbl_records tr{
		
	}
	
	table tr td, .tbl_records tr {
		border: 1px solid black;
	}
}