/* Controls (dateRange and Guests)
--------------------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////// */


/* combo box
-------------------------------------------------------------------------------- */
.holder { 
	position: relative; 
	float: left; 
}
.holder > input { 
	background: #fff;
  border-radius: 0; 
	border:none; 
	border-right: 1px solid #bbb;
  height: 36px;
	width:100%;
  padding: 2px 22px 2px 7px; 
	margin: 0 0 0 5px;
  font-size: 13px;
  cursor: pointer;
}
/*.holder input:-moz-read-only {background: #fff; color: #999; }
.holder input:read-only { background: #fff; color: #444; border-radius: 4px;border: 1px solid #bbb;}*/

.holder--icon { 
	position: absolute;
  left: calc(100% - 40px); 
	top: 6px;
  font-size: 22px; 
	color: #ce0606;  /* ## CSS COLOR RED */
}
.holder img { 
	border: none;
	height: 34px;
	width: 58px;
	padding: 0 12px; 
}
/* PI-COmbos ------------------------------------------------------------------- */
.pico-container {
		position: absolute; 
		visibility: hidden;
		display: none;
		z-index: 999;
    border: 1px solid #dbdbdb; 
		border-radius: 4px;
    padding: 0;  
		margin-top: 27px;
    box-shadow: 0px -14px 7px rgba(0, 0, 0, 0.19);
    font-size: 14px; 
		background: #fff;
		text-align: left;
}
.pico-container-tall { margin-top: 12px; }
.pico--overlay { 
	position: fixed; 
	z-index: 10;
  top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
  background: rgba(255,255,255,0.4);
  visibility: hidden; 
	opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.pico-container.is-visible .pico--overlay { 
	opacity: 1; 
	visibility: visible;display: block; 
	z-index: 0;
  transition-delay: 0s;
}
.pico-container.is-visible { visibility: visible; display: block; }
.pico-container.is-full {width:100%;max-width:100%;min-width:100%;max-height:100%;height: 100%;margin: 0;padding: 0;border: 0;box-sizing: border-box;top: 0;bottom: 0;right: 0;left: 0;position: fixed;z-index: 999; }
	.pico-container.is-full .pico--content {display:block;max-height:100%;height: 100%;border: 0;border-radius: 0; box-shadow: none; }
		.pico-container.is-full .pico--content .pico--head{display:none;}
		.pico-container.is-full .pico--content .pico--body{margin: 0;height: calc(100% - 42px);overflow: auto; }
		.pico-container.is-full .pico--content .pico--buttons{position: fixed;bottom: 0;width: 100%;height: 42px}




textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
    -webkit-border-radius: 0;
border-radius: 0;
	-webkit-box-shadow: none;
box-shadow: none;
}

input {
/*-webkit-appearance: none;*/
    -webkit-border-radius: 0;
border-radius: 0;
	-webkit-box-shadow: none;
box-shadow: none;
}


input.pico-title { 
	cursor: pointer;
  color: transparent;
  text-shadow: 0 0 0 #2196f3;
  &:focus {
      outline: none;
  }
}
.pico--content { 
	border-radius: 4px;
	
	overflow-y: none;
	background: #fff;
}
.pico-container .pico--content.pico--content-tall .pico--body{ 
	overflow:auto;
	max-height: 500px;
}
.pico--content.-from-bottom- { 
	z-index: 999; 
}
.pico--content.-from-bottom- {
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
}
.pico--pointer,
.-bottom-left- .pico--pointer,
.-top-left- .pico--pointer { left: 10px; }

.pico--pointer,
.-bottom-center- .pico--pointer,
.-bottom-left- .pico--pointer,
.-bottom-right- .pico--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}
.pico--body { 
	margin-top:-15px; 
	padding: 14px;
	background: #fff; 
	border-radius: 6px; /* 2px */
	width: 100%;
}
/*.pico--body .row { margin-left: -15px; margin-right: -15px; }*/
.pico--body > div{ padding-bottom: 14px; }
.pico--body > div:last-child { padding: 0px; }
.pico--pointer { 
		position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb; 
		border-right: 1px solid #dbdbdb;
    width: 10px; 
		height: 10px; 
		top: -6px; /* -5px */
    z-index: -1;
}

.pico--label { 
	font-weight: 700; 
	line-height: 1em; 
	padding-top: 2px; 
	text-align: left; 
}
.pico--value{text-align: right;line-height:1em; }
.pico--value input{margin-bottom:0 }
.pico--label span { 
	font-size: 82%; 
	font-weight: 400; 
	color: #777; 
	white-space: nowrap;
}
.pico--buttons { 
	display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
	border-top: 1px solid #efefef;
	padding: 4px;
}
.pico--buttons input { width: 50%; }
.pico--button { 
	color: #5b9596; /* #4EB5E6 */
	cursor: pointer;
  height: 32px; 
	border-radius: 4px;
  -webkit-flex: 1; 
	-ms-flex: 1; 
	flex: 1;    
	display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.pico--button:hover, .pico--button.hover { 
	color: #fff; /* #4a4a4a */
	background: #5b9596; /* #f0f0f0; */
}
.pico--buttons span:first-child { margin-right: 25px; }
.pico--buttons span:last-child { margin-left: 25px; }
.pi-filled {
  color: #444 !important;
  /* font-weight: 700; */
  /* background: #d00 !important; */
}
/* widths for pi-co controls */
.width-300 { min-width: 320px; }
.width-480 { min-width: 480px; }
/* range slider --------------------------------------------------------------- */
.theme-green .back-bar { height: 7px; }
.theme-green .back-bar .pointer { top: -5px; width: 16px;  height: 16px; }
.slider-container .back-bar .pointer-label { position: absolute;
    top: -19px; margin-left: 0px;
    font-size: 11px; line-height: 1;
    background: #fff; white-space: nowrap;
}
.theme-green .back-bar .selected-bar {
    background-color: #5b9596;
    background-image: -moz-linear-gradient(top, #5b9596, #5b9596);
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66aaee), to(#77bbee)); */
    background-image: -webkit-linear-gradient(top, #5b9596, #5b9596);
    background-image: -o-linear-gradient(top, #5b9596, #5b9596);
    background-image: linear-gradient(to bottom, #5b9596, #5b9596);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66aaee', endColorstr='#5b9596', GradientType=0);
}

.theme-green .back-bar .pointer-label { color: #456; }
/*.xx .pointer-label.low { left: 180px !important; top: -3px !important; }
.xx .pointer-label.high {left: 205px !important; top: -3px !important; }
.xx .pointer-label.low::after, .xx .pointer-label.high::after { content: "km"; }
.xx .pointer-label.high::before { content: "– "; }*/
.holder .xy .pointer-label.low, .holder .xx .pointer-label.low, .holder .ra .pointer-label.low { left: 180px !important; top: -3px !important; }
.holder .xy .pointer-label.high, .holder .xx .pointer-label.high, .holder .ra .pointer-label.high {left: 205px !important; top: -3px !important; }
.holder .xx .pointer-label.low::after, .holder .xx .pointer-label.high::after { content: "km"; }
.holder .xx .pointer-label.high::before, .holder .xy .pointer-label.high::before, .holder .ra .pointer-label.high::before { content: "– "; }
.holder .ra .pointer-label.low{width: 22px;text-align: right;}

/* pi Counter
-------------------------------------------------------------------------------- */
.pi-count .count { 
	display: inline-block;
  color: #454545;
  min-width: 42px; 
	padding: 0;
  font-size: 25px; 
	font-weight: 700; 
	text-align: center;
  vertical-align: top;
	border: 0; width: 2%; 
	margin-bottom: 0;
}
.pi-count .plus, .pi-count .minus{
	display: inline-block; 
	cursor: pointer;
  vertical-align: top; 
	text-align: center; 
	padding-left: 0 !important;
  font-size: 27px !important; 
	color: #5b9596 !important;
     /* Prevent text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  }
.pi-count .minus:hover, .pi-count .plus:hover { color: #454545 !important; }
.pi-count input {  }
.pi-count input:disabled{ background:white; }
.pico-filters{ font-size:  15px; font-weight: 700; line-height: 14px;padding: 15px 0; }
.pico-filters span { font-size: 10px; color: #999; padding-left: 24px; font-weight: 300 }
.pico-filters input[type=checkbox] { 
	height: 16px; 
	width: 16px;
  margin: 0 3px 0 0;
  position: static;
	vertical-align: middle;
}
.pico-filters label{vertical-align: middle;margin-bottom: 0px;}
.pico-filters .col-md-6{padding-bottom: 4px;}

.hero-section .holder, #inquire-bar .holder{
    width: 100%;
}


/* patches --------------------------------------------------------------------- */
/*.pico--body div[class^="col-sm-"],
.pico--body div[class^="col-xs-"] {
	padding-left: 8px;
	padding-right: 8px;
}
.holder { width: 100%; }
.holder input { margin: 0 0 0 0; }
.holder a { height: 32px; width:100%;
  border-radius: 4px;
  padding: 5px 7px; margin-top: 8px;
  font-size: 15px;
}
.holder a:hover, .holder a:active, .holder a:focus { color: #fff !important; }

.holder input::-webkit-input-placeholder { color: #222; }
.holder input:-ms-input-placeholder {  color: #222; }
.holder input::placeholder { color: #222; } */
/* #222 is a quite dark one, but placeholders are semi-transparent so it is ok */