/* custom styles for search page */
	#search-container { 
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	#left-panel { 
		width: 25%;
		float: left;
		clear: none;
	}
	
	#left-panel input[type=search] {
		width: 80%;
	}
	
	#right-panel { 
		width: 75%;
		float: right;
		clear: none;
	}
	
	#left-panel h3 { 
		font-size: 90%;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	.ais-RefinementList { 
		margin-bottom: 10px;
	}
	
	li.ais-RefinementList-item { 
		line-height: 110%;
	}
	
	.ais-RefinementList-item div { 
		padding-right: 10px;
	}
	
	.ais-RefinementList-labelText { 
		font-weight: normal;
	}
	
	#search-stats { 
		margin: 5px 0;
		width: 60%;
		float:left;
		clear: left;
	}
	
	#search-results-items-per-page { 
		width: 30%;
		float: right;
		clear: none;
	}
	
	#search-results-items-per-page label { 
		font-weight: normal;
		margin-top: 5px;
		text-align: right;
		color: #777;
		font-size: 1.1rem;
		/*float: right;*/
		display:inline-block;
		clear: both;
	}
	
	#search-results-items-per-page select, 
	.ais-HitsPerPage { 
		float: right;
		clear: both;
		width: 120px;
		/*margin-top:6px;*/
		margin-top:3px;
	}
	
	.recalls aside, 
	.recall-single aside { 
		font-size: 10px;
	}
	
	#menuHitsPerPage { 
		padding-left: 10px;
	}
	
	@media(max-width: 768px) { 
		#search-results-items-per-page { 
			width: 100%;
			float: left;
			clear: both;
		}
		
		#search-results-items-per-page label { 
			font-weight: normal;
			/*margin-top: 6px;*/
			margin-top:0;
			text-align: left;
			color: #777;
			font-size: 1.1rem;
			float: left;
			clear: both;
		}
		
		#search-results-items-per-page select, 
		.ais-HitsPerPage { 
			float: left;
			clear: both;
			/*margin-top:6px;*/
			margin-top: -5px;
		}
	}
	
	@media(max-width: 767px) { 
		#left-panel { 
			padding-left: 0;
		}
		
		#right-panel { 
			padding-left: 10px;
		}
		
		.ais-Pagination-link {
			padding: .3rem 0.5rem !important;
		}
	}
	
	.ais-Stats-text { 
		font-size: 100%;
	}
	
	.item, 
	.ais-Results-item {
		width: 100%;
		display: block;
	}
	
	input[type=search] {
		padding-left: 30px;
	}
	
	#left-panel hr { 
		width: 80% !important;
		padding-right: 10px;
	}
	
	/* overrides for algolia styles */
	.ais-ClearRefinements-button, .ais-CurrentRefinements-reset, .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-InfiniteResults-loadMore, .ais-Menu-showMore, .ais-RefinementList-showMore { 
		color: #333;
		font-weight: 600;
		background-color: #f9f9f9; /* #eeeeee; */ /* #dedede */
		padding: .4rem .6rem;
		border: 1px solid #ddd;
		border-radius: 4px;
	}
	
	.ais-ClearRefinements-button:focus, .ais-ClearRefinements-button:hover, .ais-CurrentRefinements-reset:focus, .ais-CurrentRefinements-reset:hover, .ais-GeoSearch-redo:focus, .ais-GeoSearch-redo:hover, .ais-GeoSearch-reset:focus, .ais-GeoSearch-reset:hover, .ais-HierarchicalMenu-showMore:focus, .ais-HierarchicalMenu-showMore:hover, .ais-InfiniteHits-loadMore:focus, .ais-InfiniteHits-loadMore:hover, .ais-InfiniteHits-loadPrevious:focus, .ais-InfiniteHits-loadPrevious:hover, .ais-InfiniteResults-loadMore:focus, .ais-InfiniteResults-loadMore:hover, .ais-Menu-showMore:focus, .ais-Menu-showMore:hover, .ais-RefinementList-showMore:focus, .ais-RefinementList-showMore:hover { 
		color: #333;
		font-weight: 600;
		background-color: #ededed; /* #dedede; */ /* #cccccc */
	}
	
	.ais-HierarchicalMenu-count, 
	.ais-Menu-count, 
	.ais-RefinementList-count, 
	.ais-ToggleRefinement-count { 
		background-color:#f2f2f2;
	}
	
	.ais-Stats > .ais-Stats-text { 
		#777777 !important;
		font-size: 1.1rem;
	}
	
	/* custom table styles */
	
	.table-search-results th,
	.table-search-results td { 
		padding: 2px 4px;
		vertical-align: top;
	}
	
	.sidebar { 
		margin-top: 0;
	}
	
	.recent-recalls h3 { 
		font-size: 12px;
		margin-bottom: 0.25em;
	}
	
	.restrict-search { 
		margin: 10px 0 0 0;
		font-size: 1.1rem;
		width: 60%;
		float: left;
		clear: none;
	}
	
	.restrict-search .checkbox-inline { 
		font-weight: normal;
	}
	
	.restrict-search .restrict-checkbox { 
		margin-left: -17px !important;
	}
	
	@media(max-width: 600px) { 
		.restrict-search { 
			display: block;
			width: 100%;
			float: none;
		}
	}