html	{
	direction:	rtl;
}



form#get_data_form, form#get_data_form * {margin: 0; padding: 0; border: none; color: #333; line-height: 1.6em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}

form#get_data_form {float: auto; /*border: 1px solid #ccc; margin: 10px;*/ width:100%}

form#get_data_form h1 {font-size: 32px; font-weight: bold; background-color: rgb(60, 141, 188); color: rgb(247, 247, 247); padding: 10px 20px;}
/*form#get_data_form h2 {font-size: 24px; font-weight: bold; background-color: rgb(60, 141, 188); color: rgb(247, 247, 247); padding: 10px 20px;}*/
form#get_data_form h2 {font-size: 24px; font-weight: bold; background-color: rgb(175 198 211); color: rgb(247, 247, 247); padding: 10px 20px;}
form#get_data_form h3 {font-size: 12px; font-weight: bold; padding: 10px 20px;}
form#get_data_form h4 {font-size: 10px; font-weight: bold; padding: 10px 20px;}
form#get_data_form h5 {font-size: 8px; font-weight: bold; padding: 10px 20px;}
form#get_data_form h6 {font-size: 6px; font-weight: bold; padding: 10px 20px;}

form#get_data_form	a	{
		font-weight:	bold;
		font-size:	18px;
		color:	#0f33e6;
		margin-right:	25px;
		background-color: rgb(210 222 228);
		padding:	5px;
	}

/*
form#get_data_form p {padding: 15px;}
*/

/*form#get_data_form input,*/

form#get_data_form select,
form#get_data_form textarea {
	border: 1px solid #ccc;
	display: block;
	float: right;
	min-width: 170px;
	width:	40%;
	padding: 5px;
	background-color: white;
}

form#get_data_form select {background-color: white;}
/*form#get_data_form input[type="button"],*/
form#get_data_form input[type="submit"] {display: inline; float: none; padding: 5px 10px; width: auto; min-width: auto;}
form#get_data_form input[type="checkbox"],
form#get_data_form input[type="radio"] {width: 18px; min-width: auto; margin-left: 10px;}

/* div columns */
form#get_data_form div.col {display: block; float: right; width: 330px; padding: 10px 20px;}
form#get_data_form div.col2 {display: block; float: right; width: 100%; padding: 10px 10px;}
form#get_data_form div.col3 {display: block; float: right; width: 60%; padding: 10px 10px;}
form#get_data_form div.col4 {display: block; float: right; width: 40%; padding: 10px 10px;} /* child name/age */
form#get_data_form div.col_small {display: block; float: right; width: 100px; padding: 3px 3px;}
/* for for all golan regions with side border */
form#get_data_form div.col_small1 {display: block; float: right; width: 120px; padding: 3px 3px;border-right: 2px solid black}
form#get_data_form div.col_city {display: block; float: right; width: 120px; padding: 3px 3px;}


form#get_data_form div.clear {display: block; float: none; clear: both; height: 0px; overflow: hidden;}

form#get_data_form div.center {text-align: center;}
form#get_data_form div.buttons {padding: 10px 0; border-top: 1px solid #ccc; background-color: #f7f7f7}

form#get_data_form div.section_header_in_process div {border: 1px solid #747373; }
form#get_data_form div.section_header_done div {border: 1px solid #747373; }
form#get_data_form	div.minus_btn_div	{display:contents; width: 20px; float:none;}
/*
form#get_data_form div.section_num_col {border: 1px solid #ccc; }
*/

form#get_data_form label {display: block; float: right; width: 160px; font-size: 18px;margin-left: 50px; font-weight: bold;}
form#get_data_form span.required {color: #FF0000;}
	

/* bcakground div and form container */
.background_div { 
	width: 100%;
	height: 100%;                                                                
	overflow: auto;                                                              
	background: #fbfbfb;                                                         
}
	
.header_div {
	height: 60px;                                                                
}                                                                              

/* labels*/ 
div#by_phone_res	label.full_name_lbl{
	font-weight:	bold;
	font-size:	18px;
	display:	contents;
	float:	left;
	margin-right:	10px;
}

form#get_data_form div#phone_for_data	label#phone_for_data_lbl	{
	font-weight:	bold;
	font-size:	22px;
	display:	contents;
	float:	left;
	margin-right:	10px;
	margin-top:	55px;
	background-color: rgb(60, 141, 188)
}
/*
form#get_data_form div.col3 label	{margin-left: 10px;}
*/

form#get_data_form	div.col3	span	label	{
	width:	80px;
}
form#get_data_form	div.col3	span.label_big	label{
	width:	150px;
}

/* main alignment and widht (and other main staff) */
div#form_submit_res,
div#form_intro,
div#form_container {
	width: 50%; /* adjust to desired width */                                    
	margin: 0 auto; /* center the container */                                   
}

.form_container {
	background: #fbfbfb;                                                         
}
	
/*	Input fields */
form#get_data_form input[type="date"]	,
form#get_data_form input[type="email"]	,
form#get_data_form input[type="text"]	{
	border: 1px solid #ccc;
	background: #fbfbfb;                                                         
	font-size:	14px;
	min-width:	170px;
}

form#get_data_form	div.col3	input.input_short	{
	min-width:	50px;
}

.date_input	{
	font-size:	15px;
	width:	50%;
	text-align:	center;
}

.input_long	{
	width:	70%;
}

.input_medium	{
	width:	50%;
}

.input_short	{
	width:	20%;
}

.intro_text	{
		font-size:	15px;
		font-weight:	bold;
		padding:	15px 10px;
	}
	.phone_prefix	{
		float: right;
		width: 60px;
		font-size: 14px;
		background-color: #958d8d;
	}
	.select_obj_big	{
		background-color: white;
		width: 130px;
		/*
		font-size: 18px;
		*/
	}
	
	.select_obj_small	{
		background-color: white;
		width: 65px;			
	}

	.legal_val_check	{
		direction:	ltr;
	}

	/*  inactive object*/
	div#golan_regions	div.col_small	label.inactive,
	div#golan_regions	div.col_small1	label.inactive,
	form#get_data_form	div.col3	label.inactive	,
	form#get_data_form	div.col3	select.inactive	{
		color:	#e6dddd;
	}

	/* buttons */

	div#search_type_buttons	input.search_type_btn	{
    margin: 10px;
		padding:	5px;
	}

	.ef_button	{
		display: inline-block;
		padding: 0;
    margin: 0;
    vertical-align: top;
		 height: 40px;
		 width: 180px;
	}

	div#send_recheck_btn	input.default_btn	{
		float:	left;
		border: none;
		color: white;
		padding: 5px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 22px;
		margin: 20px ;
		border-radius: 20px;
		height:	50px;
		width:	300px;
		font-weight:	bold;
	}

	form#get_data_form	input[type="button"][disabled] {
		background-color: #D5DAD8;
	}

	input.inactive_btn	{
		background-color: #D5DAD8;
	}

	input.active_btn	{
		background-color: #1E201F;
	}

	div#add_child_div	input.add_child_btn	{
		background:	url('../themes/Hebrew/images/forms/plussign.png')	no-repeat;
		border: 2px solid black;
		width: 64px;
		height:64px;
		margin:	10px;
	}
	div#minus_btn_div	input.rm_child_btn	{
		background:	url('../themes/Hebrew/images/forms/minussign.png')	no-repeat;
		border: 2px solid black;
		width: 50px;
		height:50px;
		margin:	10px;
	}

	div#form_intro	div.start_btn_div	{
		margin:	0	auto;
		width:	300px;
	}

	/* end of buttons section */


		/*
	div#continue_btn_div input.continue_btn	{
			background:	url('../themes/Hebrew/images/forms/active_continue_btn_1.png')	no-repeat;
			background:	url('../themes/Hebrew/images/forms/inactive_continue_btn_1.png')	no-repeat;
			background-size: 250px;
			 height: 60px;
			 width: 230px;
			float:	left;
			margin:	10px;
		}
			*/

	/* Section header row/col */
	.section_header_in_process	{
		background-color:	#dcd8d8;
	}

	.section_header_done	{
		background-color:	#64e497;
	}

	.section_num_col	{
		display:	block; 
		float:	right;
		width:	10%;
	}

	div#div_num_col		p {
		display:	block;
		font-size:	16px;
		padding:	15px;
		text-align:	center;
	}
	/*
	.section_text_col	p	{
		font-weight: bold;
	}
	*/

	.section_text_col	{
		display: block; 
		float: right;
		width:	70%;
	}

	div.section_text_col	span	{
		vertical-align:	middle;
	}


	div.section_header_done div,
	div.section_header_in_process	div	{
		display: block; 
		text-align:	center;
		font-size:	17px;
		font-weight: bold;
		height:	50px;
	}

	.section_arrow_col	{
		display: block; 
		float: left;
		width:	20%;
		/*
		font-weight: bold;
		*/
	}

	/* form introduction page */
	div#form_submit_res	div.meg_logo,
	div#form_intro	div.meg_logo	{
		background:	url('../themes/Hebrew/images/meg_logo.png')	no-repeat;
		width: 420px;
		height:170px;
		display: block; 
		margin:	0	auto;
	}

	div#form_submit_res	div.post_submit_txt	{
		margin:	10px	auto;
		width:	40%;
	}

	div#form_intro	div.intro_txt	{
		margin:	0	auto;
		width:	70%;
	}

	div#form_submit_res	div.post_submit_txt	p	{
		text-align:	center;
		padding:	20px;
		font-size:	20px;
	}

	div#form_intro	div.intro_txt	p	{
		font-size:	20px;
	}
	div#form_submit_res	div.intro_txt1	,
	div#form_intro	div.intro_txt1	{
		margin:	0	auto;
		border: 2px solid black;
		padding:	20px;
		width:	fit-content;
	}
	div#form_submit_res	div.intro_txt1	p	,
	div#form_intro	div.intro_txt1	p	{
		text-align:	center;
		}

	/* images */ 
	.down_arrow {
		content:url(../themes/Hebrew/images/forms/down_arrow.png);
	}
	.left_arrow {
		margin:	5px;
		content:url(../themes/Hebrew/images/forms/left_arrow.png);
	}
	.checkmark {
		content:url(../themes/Hebrew/images/forms/checkmark.png);
	}

	/* lines */
	form#get_data_form	div.dotted_line	{
		border: none;
		border-top: 3px dotted black;
	}

	/* error's */
	form#get_data_form	div.col_err	{
		color:	red;
		font-size:	20px;
		display:	inline;
		margin:	20px;
	}

	form#get_data_form	div.col4	label.error	,
	form#get_data_form	div.col3	label.error	{
		color:	red;
		background-color:	white;
	}
	form#get_data_form	div.col4	input.error	,
	form#get_data_form	div.col3	input.error	{
		color:	red;
		border: 2px solid red;
		background-color:	white;
	}

	/* Media */
	/*#######*/

	/*
	@media	only	screen
	and (-webkit-min-device-pixel-ratio: 3),
	and (min-resolution: 192dpi)and (max-width:640px) {
		form#get_data_form	div.col3	input.input_short	{
			min-width:	150px;
		}
		form#get_data_form div.col3 label	{margin-left: 50px;}
		form#get_data_form div.col3 {display: block; float: right; width: 330px; padding: 10px 10px;}
	}
	*/
	@media	only screen	
		and (min-width : 320px)	
		and	(max-width:640px)	{

		form#get_data_form div.col3 {display: block; float: right; width: 330px; padding: 10px 10px;}
		form#get_data_form	div.col3	input.input_short	{
			min-width:	150px;
		}
		form#get_data_form div.col4 {width: 50%; padding: 5px 5px;} /* child name/age */
		form#get_data_form div.col_small	{width: 65px;}
		form#get_data_form div.col_small1	{width:90px; padding-right: 3px}

		/* form submit msg*/
		div#form_submit_res	{
			width: 100%; /* adjust to desired width */                                    
		}

		div#form_submit_res	div.post_submit_txt	{
			margin:	5px	auto;
			width:	100%;
		}

		div#form_submit_res	div.post_submit_txt	p	{
			text-align:	center;
			padding:	20px;
			font-size:	17px;
		}

		div#form_submit_res	div.intro_txt1	{
			margin:	10px;
			padding:	15px;
		}

		/* buttons */
		form#get_data_form div#send_recheck_btn {float: left;} 
		div#send_recheck_btn	input.default_btn	{
			width:	170px;
			height:	45px;
			margin:	10px;
		}

		/* labels */
		form#get_data_form div.col3 label	{margin-left: 20px;}
		div#selected_cities	label,
		form#get_data_form div#golan_regions	label	{
			font-size:11px;
			margin-left: 5px;
			width: 50px;
		}

		form#get_data_form div.col3 label.label_small	{width: fit-content;}

		form#get_data_form	div.col4	label	,
		form#get_data_form	div.col3	span.label_small	label	{
			width:	fit-content;
			margin-left: 5px;
		}

		form#get_data_form div#religion_type_div label	{display: contents;}
		div#selected_cities	label{
			display: contents;
		}
		/* end of labels */ 

		div#selected_cities	div.col_city{width: 110px;}

		/* inputs */
		form#get_data_form textarea {width: 25%;float:left;}
		form#get_data_form	div.col4	input	{min-width: 100px;}
		form#get_data_form	div.minus_btn_div	input	{min-width: 35px;}

		div#form_intro,div#form_container {
			width: 85%; /* adjust to desired width */                                    
		}

		div.section_header_done div,
		div.section_header_in_process	div,	
		div#form_intro	div.intro_txt	p	{
			font-size:	15px;
		}

		/* images */
		div#form_submit_res	div.meg_logo	,
		div#form_intro	div.meg_logo	{
			background:	url('../themes/Hebrew/images/meg_logo_small.png')	no-repeat;
			width: 334px;
			height:132px;
			display: block; 
			margin:	5	auto;
		}

		div#add_child_div	input.add_child_btn	{
			background:	url('../themes/Hebrew/images/forms/plussign_small.png')	no-repeat;
			border: 1px solid black;
			width: 42px;
			height:42px;
			margin:	5px;
		}

		div#minus_btn_div	input.rm_child_btn	{
			background:	url('../themes/Hebrew/images/forms/minussign_small.png')	no-repeat;
			border: 1px solid black;
			width: 35px;
			height:35px;
			margin-right:	5px;
		}

		form#get_data_form	div.section_arrow_col	img.down_arrow	{
			content:url(../themes/Hebrew/images/forms/down_arrow_small.png) ;
			display:	inline-block;
			margin:	5px	auto;
		}

		form#get_data_form	div.col_err	{
			color:	red;
			font-size:	20px;
			display:	inline;
			margin:	10px;
		}

		form#get_data_form	div#phone_for_data	a	{
			font-size:	22px;
			margin:	5px;
		}
		
	}
