.unifSearch, #recsearch {
    border-radius: 4px;
    background-color: white;
}
#recsearch {
    box-shadow: 1px 1px 6px #666666;
}
#recsearch form {
    background-color: white;
    width: auto;
}
#recsearch.form {
    margin-bottom: 0px;
    width: auto;
}
#recsearch label {
	color: #000;
	font-size: 18px;
	font-weight: 500;
}
.check_avail_panel a.check_available, .filters_panel a.apply_filters, .all.search
 {
	background-color: var(--secondary_color_400);
	background: linear-gradient(to bottom, var(--secondary_color_400) 0,var(--secondary_color_400) 100%);
	border: 1px solid var(--secondary_color_400);
    color:var(--secondary_color_900);
    font-weight: 600;
	width: auto;
	border-radius: 8px;
}
.check_avail_panel a.check_available, .check_avail_panel a.book_now, .categorysection .check_avail_panel a.check_available, .categorysection .check_avail_panel a.check_available:hover {padding: 12px 20px 12px 20px; font-size: 14px; border-radius: 8px;}
.check_avail_panel a.check_next_available, .all.search, .popupdialog div.confirmButton button, #cancelBtn, #okBtn, .sitecomparenext a {
	padding: 10px 16px 10px 16px; font-size: 14px; border-radius: 8px; height: auto;}
.sitecomparenext a {width: auto; display: inline-block;}
.popupdialog .popupbuttons div, .popupdialog .popupbuttons div a, .createNewList, .createNewList a {border-radius: 8px;}
.filters_panel a.apply_filters {width: 60%;}

.check_avail_panel a.check_available:hover, .filters_panel a.apply_filters:hover, .all.search:hover
{
	background-color: var(--secondary_color_500);
	background: linear-gradient(to bottom,var(--secondary_color_500) 0,var(--secondary_color_500) 100%);
	border: 1px solid var(--secondary_color_500);
	border-radius: 8px;
}

.check_avail_panel a.check_next_available {width: 170px;}
.categorysection .check_avail_panel.not.available a.check_available {width: auto;}
.categorysection .check_avail_panel.not.available a.check_available, .categorysection .check_avail_panel.not.available a.check_available:hover {background: none;}
.check_avail_panel a.check_next_available, .categorysection .check_avail_panel.not.available a.check_available, .sitecomparenext a {
	color: var(--color_white);
	border: 1px solid var(--gray_color_800);
	background-color: var(--gray_color_600);
	box-shadow: 0px 1px 2px 0px var(--gray_color_900);
}
.check_avail_panel a.check_next_available:hover, .categorysection .check_avail_panel.not.available a.check_available:hover, .sitecomparenext a:hover {
	background-color: var(--gray_color_800);
	border: 1px solid var(--gray_color_800);
}
#map_view_switch a:before {
  content: "\f279";
  font: normal normal normal 16px FontAwesome;
  margin-right: 8px;
  padding-top: 3px;
  color: var(--secondary_color_900);
}
.facility_view_content .check_avail_panel a:after {
  content: "\f061";
  font: normal normal normal 14px FontAwesome;
  margin-left: 8px;
  color: var(--secondary_color_900);
  padding-top: 3px;
}
.facility_view_content .check_avail_panel a.check_next_available:after, .sitecomparenext a:after {
	color: var(--color_white);
}
.facility_view_content h3 {
	font-size: 18px;
}
.unifSearchRecreation {
	color: var(--gray_color_900, #101828);
	font-size: 24px;
	background-image: none;
	padding: 0 4px 8px 0;
}
.unifSearchRecreation strong, .facility_header_parent strong, .categorysection .check_avail_panel a.check_available, .categorysection .check_avail_panel a.check_available:hover {font-weight: 600;}
.facility_header_parent strong, .site_type_item_redesigned a, .view_switch, div.msg.error {font-size: 16px; }

.ussSubSection .criteria_section label, .ussSubSection span.extra {
	color: var(--gray_color_900, #101828);
	font-size: 16px;
	line-height: 24px;
	font-family: var(--font_family);
	font-weight: 500;
}
.unifSearchCriteria input[type=text], .unifSearchCriteria input[type=number], .unifSearchCriteria #campingDate, #campingDate, #dayUseDate, #dayPassDate, #marinaDate {
	width: 100%;
	height: 40px;
	border-radius: 8px;
	font-size: 16px;
}
.interest_label {margin-top: 14px;}
.unifSearchRecreation span:before, .unifSearchRecreation strong:before {
	content: "\f002";
	margin-right: 10px;
	font: normal normal normal 24px FontAwesome;
}
.unifSearchRecreation span, .unifSearchRecreation strong {
	padding: 0;
}
.usearch_results {width: 700px;}
.usearch_results_area {width: auto;}
.facility_view_card {width: 660px;}
#recsearch form, .unifSearch form {margin-bottom: 0px;}

div.filterCategory span{
	font-size: 24px;
	font-weight: 600;
	color: var(--gray_color_900);
	display: block;
}
#resultsFilters div.filterCategory {
	border-bottom: 1px var(--gray_color_200, #EAECF0) solid;
	margin-left: 16px;
	margin-right: 16px;
	padding-left: 0px;
	text-indent: 0px;
}

div.unifSearch #lengthOfStay, div.unifSearch #dayUseLengthOfStay, div.unifSearch #dayPassLengthOfStay, div.unifSearch #marinaLengthOfStay {
	clear: both;
	width: 100%;
	margin-left: 0px;	
}
.facility_view_description span.description span {
	 color: var(--Gray-600, #475467);
}
.facility_view_description span.description span:hover {
	 color: var(--Gray-700, #344054);
}
#recsearch form, .unifSearch form {width: auto;}
.unifSearchCriteria select, .unifSearchCriteria, .whereinstr {width: 350px;}
.unifSearchCriteria #btnDiv button, .btn_blue, .all.search {width: 352px;}
.btn_blue, btnOk, btnCancel {min-height: 44px; font-size: 16px;}
.whereinstr {display: block; font-family: var(--font_family); font-weight: 400; font-size: 16px;}

.facility_view_header_near {
	background-color: var(--gray_color_600, #475467);
	color: #FFF;
}

div.check_avail_panel a.check_outofstock{
  border-radius: 5px;
}
.resvpaging, .pageresults, .usearch_results_header, .usearch_results_footer, .usearch_results_control, .usearch_results_control label, .items thead td, .items tfoot td, 
	#csiterst div.thead, #csitecalendar div.thead, .items .headrow td, .giftCardOrders .paging {background-color: var(--gray_color_700, #344054); color: var(--color_white, #FFF);}
.usearch_results_control, .pagenav a.disabled {color: var(--gray_color_200, #EAECF0);}
a.disabled {color: var(--gray_color_600);}
.usearch_results_control a:visited, .usearch_results_control a:link, .pagectrllabel a:link, .items thead td a:visited, .items tfoot td a:visited, 
	#csiterst div.thead .favprodlock, .items .headrow td a:link, .items thead td a:link, .items tfoot td a:link, .pagenav a:link, .pagenav a:visited,
	.pagenav a:hover  {color: var(--color_white, #FFF); cursor: pointer;}
a.disabled:hover {cursor: auto;}
.usearch_results_control a:link {font-weight: 500;}
#resultViewToggle .map_view_switch a, #shoppinglist .items thead td {color: var(--secondary_color_900);}
.usearch_results_label {font-size: 14px; padding: 8px 10px; width: 50%;}
.pagenav, .usearch_results_control, .pagenav a:link, .pagenav a:visited, .usearch_results_control a:link, .usearch_results_control a:visited, .timeSlotsDiv, .facility_view_header_near {font-size: 14px !important; }
.usearch_results_control {margin-top: 2px;}
.ussSubSection select {width: 100%;}
.view_switch {background-image: none; background-color: var(--gray_color_700);}
#shoppinglist .items thead td {background-color: #e5e4d0;}


#resultsFilters div.itemFilter, #resultsFilters div.itemActFilter {position: relative;}
#resultsFilters input[type=checkbox] {
	width: 20px; 
	height: 20px; 
	border-radius: 6px; 
	appearance: none;
	border: 1px solid var(--gray_color_500, #667085);
	margin: 2px 4px 0 15px;
}
#resultsFilters input[type=checkbox]:checked::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 10px;
    border: solid var(--gray_color_500, #667085);
    border-width: 0 2px 2px 0;
    top: 40%;
    left: 26px;
    transform: translate(-50%, -50%) rotate(45deg);
}
#resultsFilters div.itemFilter div.item, #resultsFilters div.itemActFilter div.item {padding-left: 10px; font-weight: 500;}
#resultsFilters div.dim, #resultsFilters span.dim, .filterCategory div.dim, .unifSearchCriteria .criteria_section label, .unifSearchCriteria span.section_label, div.site_attribute span.label {font-weight: 500;}
#resultsFilters input[type=radio] {
	width: 20px; 
	height: 20px; 
	border-radius: 50%; 
	appearance: none;
	border: 1px solid var(--gray_color_500, #667085);
	outline: none;
	margin: 2px 4px 0 15px;
} 
#resultsFilters input[type=radio]:before {
	content: '';
  	display: block;
  	width: 70%;
 	height: 70%;
  	margin: 15% auto;
  	border-radius: 50%;
}
#resultsFilters input[type=radio]:checked:before {
 	 background: var(--gray_color_500, #667085);
}

/*CHANGES MOVED TO OK CSS FILE FROM GENERIC FILE AFTER SEARCH RESULTS REVERT - TBD IF CORRECT, TESTING NEEDED*/

.unifSearch form, .ussSubSection, #resultsFilters, #recsearch, #facilityDetailsSingleColumn .ussSubSection, #facilityDetailsSingleColumn #permitsSearch {
 	background-color: #fff;
	border: 1px solid #EAECF0;
	border-radius: 8px;
 	box-shadow: 0px 8px 8px -4px #10182808, 0px 20px 24px -4px #10182814;
 	
}
.unifSearch option, #recsearch option, .ussSubSection option {
	font-size: 16px;
	color: var(--gray_color_900, #101828);
}
.unifSearch select, #recsearch select, .ussSubSection select {
 	border: 1px solid var(--gray_color_300, #D0D5DD);
 	border-radius: 8px;
 	background: var(--color_white, #FFF);
 	font-size: 16px;
 	color: var(--gray_color_900, #101828);
 	font-family: var(--font_family);
 	height: 42px;
}
#unifSearchForm select {
	margin-bottom: 8px;
}
.ussSubSection input[type="text"]
{
	height: 40px;
	margin: 5px 12px 10px 0;
	border-radius: 8px;
	border: 1px solid var(--gray_color_300, #D0D5DD);
	font-size: 16px;
	color: var(--gray_color_600, #475467);
}
.insetMap {background-color: #fff;}
#recsearch span.h2 {
	font-size: 18px;
	font-weight: bold;
}
#campgrounddetailspage .ussSubSection, #resultsFilters {background-color: #fff;}
#recsearch form{
 	border-radius: 0;
}
.unifSearchCriteria #location_section span.section_label, .unifSearchRecreation strong, .facility_header_parent strong, .categorysection .check_avail_panel a.check_available, .categorysection .check_avail_panel a.check_available:hover {font-weight: 600;}
.unifSearchCriteria .criteria_section label {font-size: 14px;}
div.site_attribute {margin-top: 8px;}
.unifSearchCriteria input.dateField, input.dateField, form input.dateField, .compactoptions .dateField, .compactoptions #arrivaldate {
 	text-indent: 37px;
 	background-position-x: 10px;
}
#unifSearchForm select {width: 100%; max-width: 350px; margin-left: 0px;}
.unifSearchCriteria .criteria_section label, .whereinstr {
	clear: both;
	color: var(--gray_color_900, #101828);
	line-height: 24px;
	font-family: var(--font_family);
}
.unifSearch .dateField, #recsearch .dateField, .ussSubSection .dateField,
 	.unifSearch #lengthOfStay, #recsearch #lengthOfStay, .ussSubSection #lengthOfStay,
 	#dayUseLengthOfStay, #dayPassLengthOfStay, #marinaLengthOfStay,
 	.unifSearch #csite, #recsearch #csite, .ussSubSection #csite,
 	.unifSearch #locationCriteria, #recsearch #locationCriteria, .ussSubSection #locationCriteria,
 	.unifSearch #siteCode, #recsearch #siteCode, .ussSubSection #siteCode,
 	.unifSearch #maxpeople, #recsearch #maxpeople, .ussSubSection #maxpeople,
 	.unifSearch #eqplen, #recsearch #eqplen, .ussSubSection #eqplen,
 	.unifSearch .TextBoxRenderer, #recsearch .TextBoxRenderer, .ussSubSection .TextBoxRenderer,
 	.unifSearch .DecimalBoxRenderer, #recsearch .DecimalBoxRenderer, .ussSubSection .DecimalBoxRenderer,
 	.unifSearch .PasswordBoxRenderer, #recsearch .PasswordBoxRenderer, .ussSubSection .PasswordBoxRenderer,
 	.unifSearch .EmailBoxRenderer, #recsearch .EmailBoxRenderer, .ussSubSection .EmailBoxRenderer
 	{
 		height: 40px;
 		margin: 5px 12px 10px 0;
 		border-radius: 8px;
 		border: 1px solid var(--gray_color_300, #D0D5DD);
 		font-size: 16px;
 		color: var(--gray_color_900, #101828);
}
div[id^='availability_section_'] .label {padding: 5px 5px 0 0;}
.sitesearchfield:not(#enterdatesrightcol .sitesearchfield) {width: 100%;}
.unifSearchCriteria div.site_attribute select, .ussSubSection div.site_attribute select {width: 97% !important; max-width: 350px; margin-left: 0px;}
.unifSearchCriteria div.specific_attributes, .ussSubSection div.specific_attributes {
	margin-left: 0px;
	padding-left: 10px;
	background-color: #FAFAFA;
}
.unifSearchCriteria div.specific_attributes fieldset, .ussSubSection div.specific_attributes fieldset {padding-bottom: 12px;}
.unifSearchCriteria div.specific_attributes input[type=text], .unifSearchCriteria div.specific_attributes input[type=number],
.ussSubSection div.specific_attributes input[type=text], .ussSubSection div.specific_attributes input[type=number] {
	width: 97%;
}
.sitesearchfield #lookingFor, .unifSearchCriteria #interest, .ussSubSection .sitesearchfield {margin-bottom: 0px;}
.unifSearchCriteria #interest_camping {margin-top: 8px;}
.unifSearchCriteria div[id^='availability_section_'] {margin-top: 20px;}
.unifSearchCriteria input[type=checkbox], div.specific_attributes input.more_options_checkbox {margin-top: 5px;}

div.resultspindef img {margin: 0 5px 25px 0;}

@media (max-width: 767px) {  
	div.unifSearch #lengthOfStay, div.unifSearch #dayUseLengthOfStay, div.unifSearch #dayPassLengthOfStay, div.unifSearch #marinaLengthOfStay {clear: none;}
	.unifSearchCriteria select, .unifSearchCriteria, #recsearch form, .unifSearch form, #siteCode {width: 100%;}
	.whereinstr, #locationCriteria {width: 93%;} 
	div.site_attribute span.label {margin: 10px 5px 0 0;}
	div[id^='availability_section_'] .label {padding: 0; margin: 0;}
	div[id^='availability_section_'] label[for="lengthOfStay"], div[id^='availability_section_'] label[for="dayUseLengthOfStay"], div[id^='availability_section_'] 
		label[for="dayPassLengthOfStay"], div[id^='availability_section_'] label[for="marinaLengthOfStay"] {margin-right: 24px;}
	#recsearch.form {width: 100%;max-width: 350px;}
}
@media (max-width: 350px) {
	#recsearch.form {width: auto;max-width: none;}
}