<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
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, #searchforms2 {
        font-size: 12px !important;   
    } */
    #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:600px) {
	#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 &gt; *,
	#searchforms2 form &gt; *{
		margin-top: 10px;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	#searchforms form &gt; input,
	#searchforms2 form &gt; input{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	/* html[dir=ltr] #searchforms form &gt; input{
		float: right;
	}
	html[dir=rtl] #searchforms form &gt; input{
		float: left;
	} */
	html[dir=ltr] #searchforms form &gt; span,
	html[dir=ltr] #searchforms2 form &gt; span{
		text-align: right;
	}
	html[dir=rtl] #searchforms form &gt; span,
	html[dir=rtl] #searchforms2 form &gt; 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*/
    }    
}




</pre></body></html>