#parkwideAvail .input-group[class*=col-] {
			float: left;
		}
		#parkwideAvail .input-group-addon i.far {
			font-size: 18px;
		}
		/*.btnWeek {
			color: #c16e10;
			font-size: 16px;
			display: inline-block;
			margin: 7px 0 0 0;
			cursor: pointer;
		}*/

		.btnWeek {
			color: #fff;
			font-size: 13px;
			display: inline-block;
			margin: 15px 0 0 0;
			cursor: pointer;
			background-color: rgb(193 110 16 / .9);
			padding: 5px 10px;
			border-radius: 5px;
			white-space: nowrap;
			transition: background-color 150ms ease;
			-webkit-transition: background-color 150ms ease;
			-moz-transition: background-color 150ms ease;
		}
		.btnWeek:hover,
		.btnWeek:active {
			background-color: rgb(193 110 16);
		}

		input#pwFromDate {
			height: 35px;
			text-align: center;
			color: #c16e10;
			font-size: 18px;
		}
		.flatpickr-calendar.open {
			width: 350px !important;
		}

		.linkParkwideHelp {
			color: #999;
			font-weight: normal;
			text-decoration: underline;
			font-size: 14px;
			margin: 0 0 10px 0;
			display: block;
		}
		.linkParkwideHelp:hover {
			text-decoration: underline;
		}

		.siteList {
			background-color: #eee;
			padding: 15px 15px 8px 15px;
			margin: 20px 0 15px 0;
			border: solid 1px #c16e10;
			border-radius: 5px;
		}
		.siteList.invalid {
			opacity: 0.5;
		}
		.siteList h4 {
			color: #c16e10;
		}
		.siteList p.site {
			color: #333;
			margin-bottom: -3px;
		}
		.siteList p.dates {
			color: #999;
			font-size: 12px;
			margin-bottom: 7px;
		}
		.siteList p.dates b {
			color: #c16e10;
		}
		.siteList .clearSites {
			font-size: 12px;
			color: #999;
			text-decoration: underline;
			font-weight: normal;
		}
		.siteList .clearSites:hover,
		.siteList .clearSites:active {
			color: #c16e10;
		}

		.filters {
			margin: 0px 0 20px 0;
			color: #518a94;
			padding-right: 0;
		}
		.filterWrap {
			background-color: #eee;
			padding: 15px 30px 15px 30px;
			margin-top: 15px;
		}
		.btnFilter {
			display: inline-block;
			margin-right: 10px;
			font-size: 14px;
			cursor: pointer;
		}
		.btnFilter span {
			font-style: italic;
			color: #ff9933;
			font-weight: bold;
		}
		.btnFilter i {
			font-size: 18px;
			vertical-align: text-bottom;
		}
		.filters2 {
			margin: 15px 0 0 0;
			text-align: center;
			font-size: 14px;
			color: #67a1ab;
			border-top: solid 1px #ccc;
			padding-top: 15px;
		}
		.btnFilter2 {
			display: inline-block;
			margin-right: 20px;
			cursor: pointer;
		}
		.btnFilter2 label {
			display: inline-block;
			font-weight: normal;
			margin-right: 5px;
		}
		.btnFilter2 input[type=range] {
			display: inline-block;
			width: 120px;
		}
		.btnFilter2 i {

		}
		.btnFilter2.maxrv {
			display: block;
			margin-bottom: 10px;
		}
		.btnFilter2.maxrv input {
			margin-right: 5px;
		}
		.btnFilter2.maxrv span {
			font-weight: bold;
		}
		.btnFilter2.waterview {
			margin-top: 10px;
		}

		.calendarTop {
			background-color: #4a5020;
			padding: 20px 15px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border: solid 1px #fff;
		}

		.calBtnText, .fa-filter {
		  padding: 5px 10px;
		  color:#ffffff;
		}

		.tableWrap {
			overflow-x: scroll;
			overflow-y: visible;
			width: 100%;
		}
			@media (width <= 576px) {
				.tableWrap {
					overflow-x: scroll;
					height: 40vh;
				}
				.tableWrap tbody>tr>td:first-child{
					position: sticky;
					left: 0;
				  }
				  #parkwideTable thead>tr>th:first-of-type {
					  position: sticky;
					  left: 0;
					  z-index: 9999;
					}
				.row>* {
					padding-right: 3px;
				}
			}
		table.table {
			margin: 0;
			position: relative;
		}
		thead th,
		tbody tr.extraDates td {
			background-color: #4a5020!important;
			color: #fff!important;
			font-weight: 700;
			vertical-align: middle !important;
			font-size: 13px!important;
			text-align: center!important;
			position: sticky;
			top: 0;
		}
		thead th:first-of-type,
		tr.extraDates td:first-of-type {
			text-align: left;
			font-size: 16px;
		}
		tbody td {
			font-size: 14px;
		}
		th.date,
		tr.extraDates td.date {
			font-size: 12px;
			text-align: center;
			opacity: 0.8;
		}
		th.date span {
			display: block;
		}
		th.date.weekend,
		tr.extraDates td.date.weekend {
			opacity: 1;
		}
		tr.dateTemplate {
			display: none !important;
		}
		td.site {
			color: #fff;
			background-color: rgba(193, 110, 16, 0.85);
			cursor: pointer;
			padding: 8px 5px !important;
		}
		td.site:hover,
		td.site.selected {
			background-color: rgba(193, 110, 16, 1);
		}
		td.site.call {
			background-color: #bbb;
		}
		tr.selected {
			/*border: solid 1px red;*/
		}
		tr.selected td.site {
			background-color: #6d3e08;
		}
		tr.selected td {
			border-top: none;
			border-bottom: none;
		}
		td.avail,
		td.ctr {
			/*background-color: #a2af25;*/
			background-color: rgba(162, 175, 37, 0.85);
			color: #fff;
			text-align: center;
			vertical-align: middle !important;
			/*color: #a2af25;*/
			cursor: pointer;
			transition: all 75ms ease;
			-webkit-transition: all 75ms ease;
			-moz-transition: all 75ms ease;
		}
		td.noCheckIn,
		td.avail.noCheckIn.weekend {
			background-color: rgba(162, 175, 37, 0.5);
			color: #fff;
			text-align: center;
			vertical-align: middle !important;
			/*color: #a2af25;*/
			cursor: pointer;
			transition: all 75ms ease;
			-webkit-transition: all 75ms ease;
			-moz-transition: all 75ms ease;
		}
		td.avail.weekend,
		td.ctr.weekend {
			background-color: hsla(57, 65%, 37%, 0.85);
		}
		td.avail:hover,
		td.ctr:hover {
			/*background-color: #bfd62f;*/
			background-color: rgba(162, 175, 37, 1);
			color: #fff;
		}
		td.noCheckIn:hover,
		td.avail.noCheckIn.weekend:hover {
			background-color: rgba(162, 175, 37, 0.5);
		}
		td.avail.weekend:hover,
		td.ctr.weekend:hover {
			background-color: hsla(57, 65%, 37%, 1);
		}
		td.avail.selected,
		td.avail.selected:hover {
			background-color: #c16e10;
		}
		td.avail.inRange,
		td.avail.inRange:hover {
			background-color: #c16e10;
		}
		td.sold {
			/*background-color: #c55238;*/
			/*color: #fff;*/
			background-color: rgba(0,0,0,0.15);
			color: #969696;
			text-align: center;
			vertical-align: middle !important;
			cursor: not-allowed;
		}
		td.sold.weekend {
			background-color: rgba(0,0,0,0.22);
		}
		td.avail.checkout,
		td.sold.checkout {
			/*border-left: solid 10px orange;*/
			background-image: linear-gradient(to right, rgba(193,110,16,1), rgba(193,110,16,1), rgba(193,110,16,0), rgba(193,110,16,0));
			color: transparent;
		}
		td.end {
			box-shadow: 20px .5px 0 0 #F78800;
			position: relative;
			z-index: 9;
		}
		.tooltip.top .tooltip-inner {
			background-color: #db721d;
		}
		.tooltip.top .tooltip-arrow {
			border-top-color: #db721d;
		}


		.calSpinner {
			width: 100%;
			position: absolute;
			text-align: center;
			top: 25%;
			font-size: 65px;
			z-index: 10;
			color: #ca823b;
		}

		p.noMatch {
			display: none;
			font-size: 20px;
			text-align: center;
			margin-top: 30px;
		}
		p.noMatch i {
			display: block;
			color: #c36c00;
			font-size: 50px;
			margin-bottom: 10px;
		}
		p.noMatch a {
			display: block;
			text-decoration: underline;
			font-size: 16px;
			color: #999;
			font-weight: normal;
			margin-top: 15px;
		}

		#siteDescModal .siteImg {
			width: 100%;
			height: 180px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			margin-bottom: 20px;
			border: solid 2px rgba(255,255,255,0.6);
		}
		#siteDescModal .modal-content {
			background-color: #c16e10;
			color: #fff;
		}

		#siteDescBox {
			position: absolute;
			top: 0;
			left: 20%;
			width: 350px;
			background-color: #c16e10;
			box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
			padding: 15px 20px;
			color: #fff;
			display: none;
			z-index: 9;
		}
		#siteDescBox h3 {
			background-color: transparent;
			margin-bottom: 5px;
		}
		#siteDescBox .ctrMsg,
		#siteDescModal .ctrMsg {
			font-size: 15px;
	    margin-top: 15px;
	    background-color: rgba(255,255,255,.75);
	    color: #c26e12;
	    text-align: center;
	    padding: 3px 0;
		}
		#siteDescBox .siteImg {
			width: 100%;
			height: 180px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			margin-bottom: 20px;
			border: solid 2px rgba(255,255,255,0.6);
		}
		#siteDescBox .siteImage,
		#siteDescModal .siteImage {
			width: 100%;
			display: block;
			border: solid 2px #fff;
			margin-bottom: 20px;
		}
		#siteDescBox .thumbnails,
		#siteDescModal .thumbnails {
			margin: 15px 0 0 0;
		}
		#siteDescBox .thumbnails .thumb,
		#siteDescModal .thumbnails .thumb {
			width: 45px;
			height: 45px;
			margin: 0 3px 0 0;
			display: inline-block;
			border: solid 1px #fff;
			cursor: pointer;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			opacity: 0.7;
			transition: opacity 200ms ease;
			-webkit-transition: opacity 200ms ease;
			-moz-transition: opacity 200ms ease;
		}
		#siteDescBox .thumbnails .thumb:hover,
		#siteDescBox .thumbnails .thumb:active,
		#siteDescBox .thumbnails .thumb.active,
		#siteDescModal .thumbnails .thumb:hover,
		#siteDescModal .thumbnails .thumb:active,
		#siteDescModal .thumbnails .thumb.active {
			opacity: 1;
		}
		#siteDescBox p.rule,
		#siteDescModal p.rule {
			margin: 5px 0;
		}
		#siteDescBox p,
		#siteDescModal p {
			font-size: 14px;
		}


		/*Key*/
		.key {
			width: 100%;
			overflow: hidden;
			text-align: right; 
		}
		.key .keyWrap {
			display: inline-block;
			margin: 0 10px 10px 0;
			height: 30px;
		}
		.key .keyWrap span {
			display: inline-block;
			margin: 3px 0 0 0;
			font-size: 14px;
		}
		.key .keyWrap.avail span {
			color: #7b8433;
		}
		.key .keyWrap.notAvail span {
			color: #777;
		}
		.key .keyWrap > div {
			width: 75px;
			height: 30px;
			text-align: center;
			float: right;
			margin: 0 0 5px 5px;
			font-size: 18px;
		}
		.key .keyWrap .avail {
			background-color: rgba(162, 175, 37, 0.85);
			color: #fff;
		}
		.key .keyWrap .notAvail {
			background-color: #d0d0d0;
		}


		@media( min-width:768px ) {

			.btnWeek {
				margin-top: 0;
				font-size: 16px;
				padding: 5px 15px;
			}

			/*.modal-dialog {
				width: 95%;
			}
			.modal-content {
				margin-top: -71px;
				padding: 15px;
			}
			.modal-content i.close {
				font-size: 50px;
				top: -3px;
				right: 4px;
			}*/

		}

		@media( min-width: 992px ) {

			.filters {
				margin: 5px 0 20px 0;
			}

		}

		@media( min-width: 1200px ) {

			.tableWrap {
				overflow-x: unset;
			}

		}