/************************************** MODERN CSS STYLES ************************************/
.font-icon, .wkextsearchform .select2-container .select2-selection--single .select2-selection__arrow:before {
	font-family:'FontAwesome' !Important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.wkextsearchform .select2-container .select2-selection--single {
	background:none;
	border-color:black;
	color:#6c6c6c;
	padding-top:5px;
	text-align:left;
}
/* Initial state */
.wkextsearchform .ms-choice > div,
.wkextsearchform .ms-choice > div:before,
.wkextsearchform .ms-choice > div.open:before,
.wkextsearchform .select2-container .select2-selection--single .select2-selection__arrow:before {
	font-family:'FontAwesome'!Important;
	display:block;
	color:#fff;
	text-align:center;
	line-height:38px;
	font-weight:bold;
	height:100%;
}
.wkextsearchform .ms-choice > div:before {
	margin-top: -3px;
	font-size:0.8em;
	content:"\f0dd";
}
.wkextsearchform .ms-choice > div.open:before {
	margin-top: 0;
	font-size:0.8em;
	content:"\f0de";
}
/* when select has been opened (on hover) */
.wkextsearchform .select2-container.select2-container--open.select2-container--above .select2-selection--single,
.wkextsearchform .select2-container.select2-container--open.select2-container--below .select2-selection--single {
	background-image: none;
	background-repeat: no-repeat;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.wkextsearchform .select2-container .select2-selection--single .select2-selection__arrow:before {
	font-size:1.5em!Important;
}
.wkextsearchform .ms-choice > div {
	font-size:1.3em!Important;
}
/* loading spinner */
.wkextsearchform .spinner:before {
	font-family:'FontAwesome' !Important;
	content:"\f110" !Important;
	font-weight: normal !Important;
	-webkit-animation:fa-spin 2s infinite linear;
	animation:fa-spin 2s infinite linear;
}
/* If combobox selected, change icon */
.wkextsearchform .select2-container.selected .select2-selection--single .select2-selection__arrow:before {
	/*font-family:'FontAwesome';
	content:"\f00c";
	font-weight: normal!Important;*/
}
.wkextsearchform .select2-container.select2-container--disabled .selection .select2-selection__placeholder {
	opacity: 0.5!Important;
	filter:alpha(opacity=50);
	cursor: default;
}
.wkextsearchform .select2-container.select2-container--disabled .select2-selection--single {
	cursor: not-allowed!Important;
	background-color: #eeeeee!Important;
}

/*
 * Input Text
*/
#search_query_block::-webkit-input-placeholder {
	font-size:13px;
	color: #888888;
}
#search_query_block:-moz-placeholder { /* Firefox 18- */
	font-size:13px;
	color: #888888;
}
#search_query_block::-moz-placeholder {  /* Firefox 19+ */
	font-size:13px;
	color: #888888;
}
#search_query_block:-ms-input-placeholder {  
	font-size:13px;
	color: #888888;
}

/*
 * In stock checkbox
*/
.wkextsearchform .checkbox {
	padding-top:4px;
	margin-bottom:-10px;
}
.wkextsearchform .checkbox label {
	vertical-align: top;
}
/*
 * Drop down lists
*/
.filter-combobox {
	display: block;
	width: 100%;
	height: 30px;
	padding: 3px 5px;
	line-height: 1.42857;
	vertical-align: middle;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.block select { width:100%; } /* override global.css */
.filter-combobox:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.filter-combobox[disabled] {
	cursor: not-allowed;
	background-color: #eeeeee;
}
.modern-oncolumn .form-row-column select, .modern-oncolumn .form-row-column #search_query_block {
	border: 1px solid #CCC!Important;
	height:auto!Important;
}
/*
 * Buttons
*/
.btn-search {
	display:inline-block;
	margin-bottom:0;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	white-space:nowrap;
	line-height:1.42857;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	color: #ffffff;
	font-size: 14px;
	padding: 6px 8px 6px 8px;
	text-decoration: none;
	border:1px solid #5095d1;
	background-color:#116cba;
	box-sizing: border-box;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
}
.btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active {
  color: #ffffff;
  background: #6faadc;
  text-decoration: none;
}

/*
* Image under module header
*/
.ext-img-home {
	width:100%;
	margin-top:9px;
}
.ext-img-home2 {
	margin-top:9px;
}
.ext-img-column {
	width:100%;
	margin-top:-4px;
}
/*
* Multiple select
*/
.wkextsearchform .ms-choice > span {
	top:5px!Important;
}
.wkextsearchform .ms-choice > div, .wkextsearchform .ms-choice > div.open {
	text-align:center;
}

/*
* General
*/
.ext_shortdesc {
	margin-bottom:10px;
}

.form-row-home {
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 5px;
}
.extOutputEngine .page-subheading {
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 0 15px;
	line-height: normal;
	border-bottom: 1px solid #d6d4d4;
	margin-bottom:0;
}
.wkextsearchform span.before-field {
	display:none;
}
.wkextsearchform label {
	color:#333;
	margin-bottom:1px;
}
#categories_block_left form {
	margin:0; padding:0
}
.wkextsearchform .ms-drop ul {
	overflow-x: hidden;
}
.form-row-column {
	margin-top:5px;
}
.wkextsearchform .clearinput {
	clear:left;
	padding-top:5px;
}
.wkextsearchform .row-separator {
	float:left;
	clear:both;
	width:99.6%;
	border-top: 1px solid #ddd;
	text-transform:uppercase;
	margin-left:5px;
	margin-top:10px;
	padding-top:5px;
	margin-bottom:-5px;
}

/* must be here a the bottom of .wkextsearchform .row-separator  */
.block_content .wkextsearchform .row-separator {
	float:none;
	margin-left:0;
	margin-bottom:5px;
}
.block_content .wkextsearchform .clearinput {
	clear:none;
	padding-top:0;
}
.wkextsearchform .not-Allowed {
	cursor:not-allowed;
	pointer-events:none;
	opacity:0.50;
	filter:alpha(opacity=50);
	-webkit-box-shadow:none;
	box-shadow:none;
}
.wkextsearchform .Allowed {
	cursor: pointer;
	pointer-events:auto;
	opacity:1;
	filter:alpha(opacity=100);
}
.wkextsearchform span.number, .wkextsearchform span.arrow {
	display:none;
}
.select2-container {
	z-index: 99999;
}

/*
* Reset Button
*/
.wkextsearchform .reset-btn {
	padding-top:0!Important;
	padding-bottom:0!Important;
	line-height:35px!Important;
	font-size:14px!Important;
}

@media (max-width: 1200px) {
	.ext-img-home2 {
		width:100%;
	}
	.wkextsearchform .reset-btn {
		padding-left:0;
		padding-right:0;
	}
}
/*
 *********************** F O R   S M A R T P H O N E S ******************
*/
@media (max-width: 739px) {
	#top-middle-home {
		width:100%;
		margin-bottom:20px;
	}
	.adv-top-column {
		margin-bottom:20px;
	}
	.adv-top-top .ext-img-home, #top-middle-home .ext-img-home {
		padding-right:0;
	}
	.wkextsearchform .row-separator {
		margin-left:0;
	}
}
@media (max-width: 480px) {
	.form-row-home {
	  width: 100%;
	}
	.ext-img-home, .ext-img-home2 {
		width:100%;
		padding-right:auto;
	}
	.adv-top-column {
		padding-right:20px;
	}
	.adv-top-column .ext-img-home, #top-middle-home .ext-img-home {
		padding-right:0;
	}
}
