#header{
	min-height: 100%;
	background-color:#83d796;
	border-bottom:3px solid #00982e;
	margin-bottom:20px;


}

.header-logo{
	height:150px;
	text-align: center;
	padding-top: 45px;
}

.header-logo img{
	max-width: 300px;
}

.header-image{
	position:relative;
	/*background-image:url(/img/frontoffice/top-header.jpg);*/
	background-position:center;
	background-size: cover;
	background-repeat: no-repeat;
	height:200px;
	background-color:green;
}
.header-image-overlay{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: rgb(223,224,226);
	background: linear-gradient(90deg, rgba(223,224,226,1) 0%, rgba(223,224,226,0) 100%); 
	height:100%;
}

#body{
	min-height:400px;
}

.search-form{
	z-index:999;
}

.my-input-container input{
	padding-left:35px;
}

.my-input-container::after {
	position: absolute;
	top: 11px;
	left: 15px;
	font-family: 'Font Awesome 5 Free';
	color: gray;
	font-size: 17px;
}

.my-input-search::after{
	content: "\f002";
}
.my-input-calendar::after{
	content: '\f274';
}


.search-results {
	border-radius: 5px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding: 0px;
	overflow: hidden;
	z-index: 999;
	display:none;
	border: 1px solid #ced4da;
}


.search-results li {
	list-style-type: none;
	padding: 5px 20px;
	cursor: pointer;
	color: #555;
	border-top: 1px solid #f4f4f4;
}


.search-results li:hover{
	background-color:#daffe2;
}

.search-results td{
	padding-right:10px;
}

.white-readonly{
	background-color:#fff!important;
}

.rangedatepicker{
	cursor: pointer;
}


.button-view{
	color:gray!important;
	border-color:1px solid #ced4da;
}

.no-border{
	border:none;
}


.turisbook-popover{
	display:none;
	margin-top:7px;
	position:absolute;
	top:100%;
	background-color: #fff;
	border:1px solid #ced4da;
	min-height:50px;
	width:300px;
	padding: 8px;
	border-radius:5px;
	z-index: 999;
}

.turisbook-popover::before{
	position: absolute;
	display: inline-block;
	content:'';
	left:9px;
	top: -7px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #ced4da;
}
.turisbook-popover::after{
	position: absolute;
	display: inline-block;
	content:'';
	left:10px;
	top: -6px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid #fff;
}


.stars{
	position:relative;
}

.stars::after{
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	color:#28a745;
	top: -3px;
	left: 100%;
	font-size: 11px;
	margin-left: 4px;
}

.one-star::after{content: "\f005";}
.two-star::after{content: "\f005 \f005";}
.three-star::after{content: "\f005 \f005 \f005";}
.four-star::after{content: "\f005 \f005 \f005 \f005";}
.five-star::after{content: "\f005 \f005 \f005 \f005 \f005";}



.establishment-card{
	background-color:#fff;
	box-sizing: border-box;
	border: 1px solid#eee;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	transition:all .25s linear;
}

.establishment-card:hover{
	background-color:#f8f8f8;
}

.establishment-card-side{
	height:200px;
}

.establishment-card-type{
	width:auto;
	background-color:#28a745;
	color:#fff;
	border-radius:5px;
	padding: 0px 6px 3px 6px;
}
.establishment-card-description{
	font-size:75%;
	color:#666;
}

.establishment-card-footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}



.location-card{
	position: relative;
	/*overflow: hidden;*/
}

.location-card-body{
	position:relative;
	width:100%;
	height: 250px;
	background-position: center;
	background-size: cover;
	border-radius: 5px;
	transition:all .25s linear;
}

.location-card-body:hover{

	box-shadow: 1px 1px 5px 2px	rgba(0,0,0,.5);
}

.location-card-name {
	position: absolute;
	top: 10px;
	left: 0px;
	color: #fff;
	font-size: 25px;
	padding: 3px 10px 3px 40px;
	background-color: rgba(0,0,0,.7);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.location-card-price{
	position:absolute;
	border-radius: 5px;
	padding:5px 10px 5px 10px;
	bottom:10px;
	right:10px;
	color:#fff;
	background-color:#28a745;
}

label.error {
    color: red;
    font-size: 11px;
}

input.error{
	border-color:red;
}
input.error:focus{
	border-color:red;
	box-shadow: 0 0 0 .2rem rgba(255,0,0,.25);
}