/* 
FILE: common_finders.css
Services CSS for both Hebrew and English finders forms
See .panel_finders and .panel-finders-heb selectors.
	Created on : 19-Jan-2019, 14:06:18
	Author	 : festsoft
*/

/*IMPORTANT: Add this class to Bootstrap class='panel'*/
.panel-finders, .panel-finders-heb {
	background: transparent;
	padding: 5px 0px 5px 0px;
	border: none;
	margin-bottom: 0;	
}

.panel-finders-heb { direction: rtl; }

/*Modify Bootstrap class='panel-body' for finders forms*/
.panel-finders .panel-body, .panel-finders-heb .panel-body  { 
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

#searchforms, #searchforms2 { 
	text-align:center; 
	font-family: Arial, sans-serif;
}

#searchforms input, #searchforms2 input { 
	display: inline-block;
	background: #8DBDFF; 
	color: #515151; 
}

#searchforms h3, #searchforms2 h3 { margin: 1em; }
#searchforms h4, #searchforms2 h4 { margin: 1em; }

#findhalacha, #findhalacha2, #findhalacha3 { margin:0 auto; }
#selecthalacha, #selecthalacha2 { margin:0 auto; }
#findhalacha22, #findhalacha222 { margin:0 auto; }

#searchforms .select-pair, 
#searchforms2 .select-pair {
	display: inline-block;
	margin: 0px 10px 5px 0px;
}
.panel-finders #searchforms select, 
.panel-finders #searchforms2 select {
	display: inline-block;
	text-align: left;
}

.panel-finders-heb #searchforms select, 
.panel-finders-heb #searchforms2 select {
	display: inline-block;
	text-align: right;
}

/*Added to lessen cross-browser problem in Firefox. OK in Chrome*/ 
.panel-finders-heb #searchforms select option, 
.panel-finders-heb #searchforms2 select option {
	text-indent: 25px;
}

.panel-finders #searchforms span, 
.panel-finders #searchforms2 span {
	display: inline-block;
	width: 70px;
	text-align: right; 
}

.panel-finders-heb #searchforms span, 
.panel-finders-heb #searchforms2 span {
	display: inline-block;
	width: 40px;
	text-align: left;   
}

#searchforms form, #searchforms2 form { 
	margin: 1em 1em 1em 1em; 
}

@media screen and (max-width:450px) {
	#searchforms h3, #searchforms2 h3 {
		font-size: 18px !important; 
		margin: 0.5em 0 0.5em 0 !important;
	}

	#searchforms select, #searchforms2 select {
		width: 160px; 
	}

	#searchforms input, #searchforms2 input {
		display: block;
		margin: 0px auto 10px auto;   
	}
}

@media screen and (max-width: 1000px) {
	#searchforms form,
	#searchforms2 form {
		clear: both;
		margin: 0 2%;
	}

	#searchforms span,
	#searchforms2 span{
		display: inline-block;
		width: 32%;
		padding: 0 6px 2px;
		box-sizing: border-box;
	}

	#searchforms select,
	#searchforms2 select{
		display: inline-block;
		width: 64%;
	}

	#searchforms form > *,
	#searchforms2 form > *{
		margin-top: 10px;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	#searchforms form > input,
	#searchforms2 form > input{
		margin-left: auto !important;
		margin-right: auto !important;
	}

	html[dir=ltr] #searchforms form > span,
	html[dir=ltr] #searchforms2 form > span{
		text-align: right;
	}

	html[dir=rtl] #searchforms form > span,
	html[dir=rtl] #searchforms2 form > span{
		text-align: left;
	}
}

@media screen and (max-width:300px) {
	.panel-finders #searchforms span, 
	.panel-finders #searchforms2 span {
		display: block;
		text-align: left;   /*Heb right*/
	}

	.panel-finders-heb #searchforms span, 
	.panel-finders-heb #searchforms2 span {
		display: block;
		text-align: right;   /*Heb right*/
	}	
}