/**
 * VM Live Product Search
 *
 * Used to process Ajax searches on a Virtuemart 1.1.2 Products.
 * Based on the excellent mod_pixsearch live search module designed by Henrik Hussfelt (henrik@pixpro.net - http://pixpro.net)
 * @author		modified by stAn RuposTel 
 * @author		John Connolly <webmaster@GJCWebdesign.com>
 * @package		mod_vm_live_product
 * @since		1.5
 * @version     0.3.0
 */

input.inputbox_vm_ajax_search_search_str2{
	float: left;

}

div.ajax_search_pro  .button_ajax_search_old {
	float: left; 
	margin-left: 10px; 
}

div.ajax_srch {
 overflow: visible !important;
}
div.res_a_s {
 display: none;
 position: absolute;
 width: 100%;
 float: left;
 background-color: white;
 margin: 0 0 0 0; 
 padding: 0 0 0 0;
 overflow: none; 
 z-index: 9999999; 
}

div.res_a_s div.vm-price-desc, div.res_a_s span.vm-price-desc {
display: none; 
}

div.res_a_s div a{
 color: #142a4f !important;
 font-weight: bold;
}
div.res_a_s {
	border: 1px solid #218d65;
	margin-right: 0;
	margin-left: 0; 
	padding-right: 0; 
	padding-left: 0;
	max-height: 60%; 
	overflow-y: scroll;
	border-radius: 0.25rem;
	/* display: block !important; */
	
}

input.button_ajax_search {
 float: right !important;
 clear: right;
}

a.product_lnk_ajax_text, 
a.product_lnk_ajax_text:hover, 
a.product_lnk_ajax_text:active {
	text-decoration: none !important; 
	background: none; 
	color: #142a4f;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.res_a_s .mf_name_wrap1 {
	float: left;
	line-height: 24px;
	color: #696969;
}

.res_a_s .PricesalesPrice.vm-display {
	float: right;
}

.res_a_s span.PricesalesPrice {
	font-size: 20px;
	line-height: 24px;
}

.res_a_s .vm-price-desc + span {
	width: 100%;
}

div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax:hover, 
div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax:active, 
div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax:visited {
 text-decoration: none !important; 
 background: none; 
}

a.product_lnk_ajax { 
	margin-right: 5px; 
}

i.searchicon.ajaxsearch {
	position: relative; 
	float: left; 
	left: 30px; 
	font-size: 25px; 
	margin-top: 5px; 
	z-index: 9999; 
	color: #142a4f;
}

i.spinner.ajaxsearch.active_search {
	display: block; 
}

i.spinner.ajaxsearch {
	position: relative; 
	float: left; 
	/*margin-left: -55px; */
	margin-left: 0;
	font-size: 25px; 
	margin-top: 5px; 
	z-index: 9999; 
	color: #ddd;
	display: none;
	left: 340px;
}

i.clearable.ajaxsearch {
	position: relative; 
	float: left; 
	margin-left: 0; 
	font-size: 25px; 
	margin-top: 5px; 
	z-index: 9999; 
	color: #ddd;
	cursor: pointer;
	display: none;
	left: 340px;
	
}
i.clearable:hover {
	color: black; 
	transition: background 0.4s;
	
}

div.res_a_s div.vm_ajax_search_header2 a.product_lnk_ajax {
	float: right !important;
		text-decoration: none; 
		background: none; 
	color:#142a4f !important;
	
}
div.res_a_s div.vm_ajax_search_header2{
	font-weight: normal;
	font-size: 17px;
	background-color: #c5dacd;
	color:#142a4f;
	margin-bottom: 0;
	float: left;
	width: 100%;
	padding: 10px
}

div.res_a_s h3{
	color: #142a4f;
	
	float: left;
	clear: both;
	width: 100%;
}
a.product_lnk_ajax {
 float: left;
}
div.res_a_s span{
	line-height: 100%;
}
div.res_a_s div.vm_ajax_search_row_1{
	background-color: #FFF;
	cursor: hand;
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	padding: 10px;
}
/*
div.res_a_s div.vm_ajax_search_row_1:hover {
 background-color: #ccc;
}

div.res_a_s div.vm_ajax_search_row_2:hover {
 background-color: #ccc;
}
*/
div.res_a_s div.selectedRow {
	background-color: #f0f1f3 !important;
}
div.res_a_s div.vm_ajax_search_row_2{
	cursor: hand;
	background-color: #f8f9fa;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	float: left;
	padding: 10px;
}
div.res_a_s div.vm_ajax_search_row_btm{
	font-weight: bold;
	font-size: 12px;
	background-color: #333;
	float: left;
}

/* postions timer in search box****/
div.vm_ajax_search_timer2 {
	position: absolute; 
	top: 33px; 
	left: 135px;
	width: 16px;
}
/* 3 letter min message****/
span.vm_ajax_search_3letters2 {
	color:red;
}

.image_wrap1 {
float: left; width; 23%; min-height: 55px;
}

.image_wrap2 {
float: left; 
border: none;
white-space: no-wrap; display: inline-block; clear: right; 
}

.image_wrap2 > div {
	margin-left: 0 !important;
}

.link_wrap1 {
float: right; display: block; overflow: none; padding: 0; margin: 0; width: calc(100% - 80px); min-height: 55px;
}

.product_lnk_ajax_text {
text-align: left; margin-top: -3px;
}

div.aj_label_wrapper.ajax_search_pro {
position: relative; height: 20px; clear: both;
}

div.ajax_search_pro  div.input-prepend input.inputbox_vm_ajax_search_search_str2 {
position: relative;float:left; border-radius:0; top: 0; left: 0;
padding-left: 35px !important; 
}

div.aj_search_radio {
float:left;
}

div.results_position_x  {
clear: both; float: left; height: 1px; width: 1px; font-size: 1px;
}


input.active_search {
	/*
 background-color: white; 
 background-image: url('loadingcircle.gif'); 
 background-repeat: no-repeat; 
 background-position: right 50%; 
 */
}



div.search-button {
 clear:none; 
 
}


.category_search_selector {
 height: 24px;
 border: 0px solid white; 
 border-radius: 0px !important;
}

span.has_next {
	color: red;
	text-align: center; 
	margin-left: 10%;
        cursor: pointer;
}

@media (max-width: 700px) { 
div.res_a_s {
	width: 100% !important; 
	left: 0 !important; 
	
}

div.input-prepend, div.ajax_search_pro   {
	clear: both !important; 
	width: 100% !important; 
	height: auto !important; 
	float: left; 
	max-width: 100% !important;

	
}
input.inputbox_vm_ajax_search_search_str2 {
	max-width: 100% !important;
	height: auto !important; 
	width: 100% !important; 
	height: auto !important; 
	float: left; 
	margin-left: -25px !important; 
}
i.searchicon.ajaxsearch {
	left: 5px !important; 
}


/*div.input-prepend { box-sizing: content-box; } */
div.ajax_srch {
	width: 100%; 
	float: left; 
	clear: both; 
	padding-right: 0; 
	padding-left: 0; 
	margin-right: 0; 
	margin-left: 0; 
}
div.ajax_search_pro button.button_ajax_search_old  { 
margin-top: 10px; 
margin-left: 0; }

}


/*remove to fix the icons */
div.aj_label_wrapper div.input-prepend {
	position: relative; 
}
div.input-prepend i.fa-search {
	left: 5px !important; 
	margin-top: 2px !important;
}
div.input-prepend i.fa-times {
	margin-top: 2px !important;
}
div.input-prepend i.fa-search, div.input-prepend i.fa-spin, div.input-prepend i.fa-times {
	position: absolute !important;
}
 /*end remove to fix the icons */
 
 /* cursor for more results */
 .vm_ajax_search_header2 .has_next {
	 cursor: pointer;
 }