@charset "UTF-8";
@import "../lib/daterangepicker/daterangepicker.css";

.ets-hotelSearchForm .sf-autocomplete input[type=text], .flatpickr-wrapper, .sf-guests {
	width: 100%;
    height: 60px;
/*     line-height: 60px; */
    padding-left: 43px;
    font-size: 14px;
    color: #1f2126;
    font-weight: 500;
    outline: none;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e1e9ed;
    margin-bottom: 0;
    box-shadow: 0 3px 8px 0 rgb(18 5 41 / 20%);
} 

.flatpickr-wrapper {
	padding-left:0px;
}

.sf-guests {
	padding-left:20px;
}

.ets-hotelSearchForm .sf-autocomplete i {
	left: 16px;
    top: 15px;
    position: absolute;
    font-size: 20px;
}

.sf-autocomplete {
    margin: 0 6px 0 15px;
    position:relative;
    border-radius: 10px;
}
.autocomplete-result ul li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 30px;
}
.search-bottom {
   // padding: 0;
    position:relative;
	cursor: pointer;
}
html body .search-hotel .btn-primary {
    display:flex;
    width: 100%;
    height: 100%;
}
.sf-autocomplete:before {
	content: "";
    width: 6px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-image: linear-gradient(186deg, #ff5b00, #ffa26f);
    background-color: #17cec4;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.sf-datepicker-select:before {
	content: "";
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -3px;
    display: block;
    background-image: linear-gradient(186deg, #ff5b00, #ffa26f);
    background-color: #17cec4;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.sf-guests:before {
	content: "";
    width: 6px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 15px;
    display: block;
    background-image: linear-gradient(186deg, #ff5b00, #ffa26f);
    background-color: #17cec4;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.ets-hotelSearchForm i {
	position: inherit;
    font-size: 20px;
    color: #9ca1ae;
    line-height: inherit!important;
    left: 0px;
}

.ets-hotelSearchForm .sf-autocomplete .autocomplete-result i {
    font-size:18px;    
}
#checkin-icon, #checkout-icon {
    padding: 10px 0 10px 10px;
}

.date-pipe {
	border-right:1px solid #ebf1fa;
}

.date-format {
	padding-left:10px;
	font-size: 16px;
	font-weight: 500;
}

.date-format.day {
	font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9ca1ae;
    padding-left: 10px;
}

#checkIn .date, #checkOut date {
    position: absolute;
    padding: 10px 0 10px 0px;
}

.daterangepicker .right tr td.off.disabled.in-range,
.daterangepicker .right tr td.off.disabled.active.start-date.in-range,
.daterangepicker .right tr:last-child td.off.disabled.active.start-date.in-range,
.daterangepicker .left tr td.off.disabled.active.start-date.in-range,
.daterangepicker .left tr td.off.disabled.active.end-date.in-range{
    background-color: white !important;
}

.sf-datepicker-select {
	height: 60px;
    background: #fff;
    cursor: pointer;
    position: relative;
    display: flex;
    margin-top: -20px;
    margin-right:4px;
    border-radius: 6px;
    border: 1px solid #e1e9ed;
    box-shadow: 0 3px 8px 0 rgb(18 5 41 / 20%);
}

.sf-datepicker-select #checkIn, .sf-datepicker-select #checkOut {
	width:40%;
}

.sf-datepicker-select #total-nights {
	width:20%;
	color: #17cec4;
    font-weight: normal;
}

.date-input {
    padding: 15px 0 10px 5px;
    display: flex;
    flex-direction: column;
}

.date-total-nights {
    padding: 10px 0 0px 0px;
    text-align:center;
}

.night-text {
	text-align:center;
}


/* FLAT PICKER STYLE START */
.flatpickr-calendar {
	border-radius: 6px;
  	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  	margin-top:5px;
}

.flatpickr-months, .flatpickr-weekdays {
    background-color: #f6f9fd!important;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.flatpickr-current-month {
	font-family: Montserrat!important;
    font-size: 14px!important;
    font-weight: 500!important;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.flatpickr-current-month span.cur-month, .flatpickr-current-month input.cur-year  {
    font-family: inherit;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0;
    font-size: 14px;
    font-weight: 500!important;
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 12px!important;
    background: transparent;
    color: #61656e;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: normal!important;
    letter-spacing: 0.26px;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: #c4cbd5!important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    color: #fff;
    border-radius: 4px!important;
    background-color: #17cec4!important;
    border: none;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #dcf8f6!important;
    border-color: #dcf8f6!important;
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.flatpickr-day.today {
    border-color: #dcf8f6!important;
}
.flatpickr-day {
    border-radius: 0px!important;
}

/* FLAT PICKER STYLE END */

.sf-guests > span {
	line-height: 55px;
	display: flex;
}

.guest-area {
	border-radius: 6px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    width: 100%;
    margin-top: 5px;
    margin-left: -20px;
    padding: 20px;
}

.quantity-left-minus {
	background: url(../../img/hotel/icons/eksi.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #08aeea!important;
    border-radius: 3px!important;
}
.quantity-right-plus {
	background: url(../../img/hotel/icons/plus.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #08aeea!important;
    border-radius: 3px!important;
}

#guestAdultSpinner, #guestChildSpinner {
	display: inline-flex;
    margin-bottom: 20px;
    width: 100%;
}

.btn-spinner {
	height: 45px;
    padding: 22px!important;
}

.input-spinner {
	background: #f6f9fd;
    border: #f6f9fd;
    height: 45px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.adult-title, .child-title {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color:#61656e;
	margin-bottom:8px;
	text-transform: uppercase;
}
.adult-title {
    display: flex;
    align-items: center;
}

.adult-title i {
	display:flex;
    margin-left: 4px;
    color: #056bfd;
    font-size: 12px;
}

.suffix-icon {
	right: 0;
    width: 35px;
    text-align: right;
    font-size: 11px!important;
    color: #c4cbd5!important;	
}

/* DATE RANGE PICKER START */

.daterangepicker {
    top: 50px!important;
    left: 100px!important;
    border:none;
    overflow: hidden;
}

.vue-daterangepicker .dropdown-menu {
	border-radius: 6px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border:none;
   	width: 600px;	
}
.daterangepicker td.start-date {
    border-radius: 6px 0 0 6px;
   	padding: 7px;	
}

.daterangepicker td.active {
    background-color: #17cec4!important;
    border-color: transparent!important;
    color: #fff!important;
    font-weight: bold;
    border-radius: 6px 0px 0 6px!important;
}

.daterangepicker td.active:hover {
    background-color: #17cec4!important;
    border-color: transparent!important;
    color: #fff!important;
    font-weight: bold;
    border-radius: 6px!important;
}

.daterangepicker .active.in-range.end-date {
    border-radius: 0px 6px 6px 0px!important;
}

.daterangepicker td.in-range {
    color: #000;
    border-radius: 0;
    background-color: #dcf8f6;
}

.daterangepicker .drp-calendar {
    max-width: inherit;
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
    background-color: #fff;
    opacity:1;
}

.calendar-table > table > thead > tr > th {
	border-radius: 6px;
  	background-color: #f6f9fd;
	color: #1f2126;
    padding: 10px;
    font-family: Montserrat;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
}

.daterangepicker .calendar-table tbody tr:first-child th {
    background-color: #f6f9fd!important;
	color: #61656e;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
}
.daterangepicker .table-condensed tbody tr:last-child {
	/* display:none; */
}
/* DATE RANGE PICKER END  */

@media(max-width:677px) {
	#roomMinPriceArea button{
        width: 130px;
        height: 40px
	}
	#hotelDetailApp #header {
		z-index: 1;
	}
	body.search-form-active .room-link {
		z-index: 1;
	}
	.mobile-date-full-width .guest-area {
		top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    margin-top: 0 !important;
	    overflow-y: scroll;
	    z-index: 12;
	    background: #ffffff;
		padding: 0;
		margin:0;
		font-family: Montserrat, Helvetica Neue, Helvetica, Arial;
	}
	.mobile-date-full-width .sf-autocomplete {
		top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    margin-top: 0 !important;
	    overflow: hidden!important;
	    z-index: 3;
		padding: 0 20px;
		background-color: #fff;
	}
	.search-form-backdrop.mobile-date-full-width .sf-search-icon {
	    left: 18px;
	}
	.search-form-backdrop.mobile-date-full-width .etsfonticon-arrow-left {
	    left:15px;
	    font-size:15px;
	}
	.mobile-date-full-width .sf-autocomplete #tb-autocomplete {
		top: 0px;
	    left: 0px;
	    /* overflow-y: scroll; */
	}
	.mobile-date-full-width .sf-autocomplete:before {
		display:none;
	}
	.search-bottom {
		padding-bottom:10px;
	}
	.search-hotel {
	    //padding: 0;
	}
	.sf-datepicker-select{
		margin-right: 0;
		box-shadow: none;
		/* border: none; */
	}
	.sf-datepicker-select:before{
	    left: 0;
	}
	.mobile-picker-tb button, .mobile-guest-tb button {
	    background: transparent;
	    border: none;
	    font-weight: 500;
	}
	.mobile-autocomplete {
		top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    margin-top: 0 !important;
	    overflow-y: scroll;
	    z-index: 3;
	    background: #ffffff;
	    padding: 0 20px;
	}
	.mobile-autocomplete #tb-autocomplete {
		top: 0px;
	    left: 0px;
	    overflow-y: scroll;
	}
	.mobile-autocomplete:before {
		display:none;
	}
	.sf-suggestion-container {
		background-color:#ffffff;
		margin-left:-20px;
		margin-right:-20px;
	}
	.sf-autocomplete {
        margin:0;
    }
    .date-format.day{
    	padding-left:5px;
		font-size: 14px;
    }
    .sf-guests .etsfonticon-person {
	    margin-left: -10px;
	}
	.ets-hotelSearchForm .sf-autocomplete i {
		left: -3px;
		top: unset;
	}
	.ets-hotelSearchForm .sf-autocomplete .autocomplete-result i{
		left: 25px;
	}
	.mobile-autocomplete > i {
		top:85px!important;
	}
	.mobile-autocomplete .mobile-autocomplete-tb {
		display:block!important;
		padding: 20px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #ebf1fa;
	    font-size: 16px;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: center;
	    color: #1f2126;
	}
	.sf-search-icon {
		position: absolute;
		margin: 15px;
		top: unset;	
	}
	.daterangepicker.ltr .drp-calendar.left {
	    width: 100%!important;
	}
	.daterangepicker.openscenter {
		top: 0px!important;
	    left: 50%!important;
    	right: 50%!important;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	}
	.table-condensed thead tr:last-child th {
	    font-size: 14px!important;
	    font-weight: 500;
	}
	.show-calendar .datepicker-dates-top-area {
	    border-top: none!important;
	    padding:10px!important;
	    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27); */
	}
	.daterangepicker .applyBtn {
		height:40px!important;
	}
	.autocomplete-result ul li {
		padding-left: 5px;
	    display: flex;
	    font-size: 14px;
	    font-weight: 300;
	    color: #000;
	    transition: 0.2s;
	    text-overflow: ellipsis;
	    padding: 15px;
	    overflow: hidden;
	    white-space: nowrap;
	    line-height: 30px;
	    text-align: left;
	    border-bottom: 1px solid #e6e6e6;
	    height: 58px;
	    cursor: pointer;
	    align-items: center;
	    position: relative;
	}
	.autocomplete-result ul li span {
		padding-left: 5px;
		width:100%;
	}
	.autocomplete-result .hotel-popular-list li span {
	    margin-left: 54px!important;
	}
	.autocomplete-result .hotel-popular-list li .etsfonticon-arrow-right{
	    position:absolute;
	    right:22px;
	    left:inherit;
	    font-size:10px!important;
	}
	.sf-autocomplete .select-all.error ~ .error-msg {
	    position: relative!important;
	}
	.mobile-date-full-width .sf-autocomplete .select-all.error ~ .error-msg{
		display:none;
	}
	.datepicker-dates-top-area .text-center img {
	    width: 100%;
	    max-width: 20px;
	    margin-top:4px;
	}
	.mobile-guest .guest-area {
		top: 0px;
	    left: 0px;
	    right: 0px;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    margin: 0 !important;
	    overflow: scroll;
	    z-index: 3;
	    background: #ffffff;
	    padding: 0px;
	}
	.mobile-guest .mobile-guest-tb, .show-calendar .mobile-picker-tb {
		display:block!important;
		padding: 20px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #ebf1fa;
	    font-size: 16px;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: center;
	    color: #1f2126;
	}
	.mobile-guest-content {
		padding:20px;
	}
	.mobile-guest-close {
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);
 	 	background-color: #ffffff;
 	 	bottom:0px;
 	 	position: fixed;
	    height: 90px;
	    width: 100%;
	    display:block;
	}
	.mobile-date-full-width .mobile-guest-close .btn-primary {
	    width: 100%;
	}
	.daterangepicker.openscenter {
		top: 0px!important;
	    left: 50%!important;
    	right: 50%!important;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	}
	.calendars-container {
		width: 100%;
	    height: 100%;
	    right: 0;
	    display: grid!important;
	    overflow-y: scroll;
	}
	.table-condensed thead tr:last-child th {
	    font-size: 14px!important;
	    font-weight: 500;
	}
	.show-calendar .datepicker-dates-top-area {
	    border-top: none!important;
	    padding:10px!important;
	}
	.daterangepicker .applyBtn {
		height:40px!important;
	}
	.drp-buttons {
		padding:0px;
		z-index:9999;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);
	}
	.daterange-bottombar-content-area {
	    margin-left: 25px;
	}
	.show-calendar {
		overflow-y: scroll !important;
    	overflow-x: hidden !important;
	}
	.hotel-dates-apply-btn {
		height: 40px!important;
    	padding: 0 15px;
	}
	.mobile-date-full-width .sf-autocomplete .mobile-autocomplete-tb {
		display:block!important;
		padding: 20px;
	    margin-bottom: 10px;
	    font-size: 16px;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: center;
	    color: #1f2126;
	}
	.mobile-date-full-width .sf-guests .mobile-guest-tb, .show-calendar .mobile-picker-tb {
		display:block!important;
		padding: 20px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #ebf1fa;
	    font-size: 16px;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: center;
	    color: #1f2126;
	}
	.mobile-guest-tb i, .mobile-picker-tb i {
		left: 20px;
	    top: 22px;
	    position: absolute;
	    font-size: 15px;
	}
	.mobile-picker-tb button {
		border:none;
	}
	.searchBar-mobile .result-hotel-name {
		border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    	border-bottom-style: dotted;
	}
	.drp-buttons-area .between-date {
		display:none;
	}
	.search-form-backdrop.mobile-date-full-width .drp-buttons-area{
		padding: 15px!important;
		margin:0;
		z-index: 9999;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);
		bottom: 0;
		left: 0;
		right: 0;
		position: fixed;
    	display: flex;
		background: #fff;
	}
	.daterangepicker .drp-calendar.right{
		padding-bottom: 72px!important;
	}
	.daterangepicker.dropdown-menu.ltr.show-calendar.openscenter.linked {
	    transform:none;
	    left: 0!important;
	    border-radius:0;
	}
	.daterangepicker.dropdown-menu.ltr.show-calendar.openscenter.linked > div.slot{
		box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.27);
	}
	.drp-calendar.col.right th.prev.available, .drp-calendar.col.left th.next.available {
		display: block;
	}
	/* .daterangepicker.openscenter .slot.web-drp-btn {
        padding: 15px!important;
	    margin: 0;
	    z-index: 9999;
	    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);
	    bottom: 0;
	    left: 0;
	    right: 0;
	    position: fixed;
	    background: #fff;
	    display: block;
	} */
	.daterangepicker.openscenter .drp-buttons-area {
	    display:block;
	}
	.daterangepicker.openscenter .btn{
	    display:none;
	}
	.daterangepicker.openscenter .btn-sm.btn-submit {
	    display:block;
	    width: 100%;
	}
	.drp-buttons-area .btn-outline-primary {
	    width:100%;
	    background:#fff!important;
		height: 40px;
		max-height: 40px;
	}
	.drp-buttons-mobile .drp-buttons-area button{
		width: 100%;
	}
	.sf-datepicker-select #checkIn {
		padding-right: 0px;
		padding-left: 6px!important;
	}
	.ets-hotelSearchForm .sf-autocomplete input[type=text], .sf-guests, .date-format {
	    font-family: Montserrat;
	    font-size: 16px;
		box-shadow: none;
		font-weight: normal;
	}
	.date-format {
	    margin-left: 0;
	    padding-left: 4px;
	}
	.sf-datepicker-select .checkout-img  {
	    padding-left: 12px!important;
	    padding-right:6px;
	}
	.web-drp-btn {
		display: none;
	}
	.daterangepicker .calendar-table .next span {
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	}
	.daterangepicker .calendar-table .next span, 
	.daterangepicker .calendar-table .prev span {
	    color: #fff;
	    border: solid #000!important;
	    border-width: 0 2px 2px 0!important;
	    border-radius: 0;
	    display: inline-block;
	    padding: 3px;
	}
	.next.available {
	    position: absolute;
	    top: 4px;
	}
	.date-apply{
	    display:none;    
	}
	.search-form-backdrop.mobile-date-full-width .date-apply {
	        padding: 15px!important;
	        margin: 0;
	        z-index: 9999;
	        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.27);
	        bottom: 0;
	        left: 0;
	        right: 0;
	        position: fixed;
	        display: flex;
	        background: #fff;
	        display: block;
	}
	.search-form-backdrop.mobile-date-full-width .btn-primary.hotel-dates-apply-btn {
	    width:100%;
	}
	html body .search-hotel .btn-primary {
		padding-top: 19px;
    	padding-bottom: 19px;
    	font-size: 18px;
	}
}
.child-selection-wrapper{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
.child-selection-item{
	width: 49%;
}
.child-selection {
	display:inline-block;
	width: 48.8%;
	position:relative;
	vertical-align: top;
}
.child-selection:first-of-type{
	margin-right:5px;
}
.child-selection select{
	border: none;
	background: transparent;
    appearance: none;
    padding: 16px 12px 16px 15px;
    width: 100%;
    border-radius: 3px;
    border: solid 1px #dbe0e6;
}
.child-selection select:focus{
    outline:none;
}
.sf-child-ages .align-items-center:first-of-type {
    padding-right:2px;
}
.sf-child-ages .align-items-center:last-of-type {
    padding-left:2px;
}
.sf-child-ages .child-selection .ets-MUST.child-select-age{
	color: #9ca1ae;
}
.child-selection .etsfonticon-arrow-down {
    font-size: 6px;
    position:absolute;
    right: 15px;
    top: 20px;
    left: inherit;
    padding-right:2px;
}
.child-selection .etsfonticon-arrow-down::before {
    position:absolute;
    top: 5px;
	right: 2px;
}
.child-selection .error-message {
    word-break: break-word;
}
.child-selection select:focus{
    outline:none;
}

.sf-child-ages .align-items-center:first-of-type {
    padding-right:2px;
}
.sf-child-ages .align-items-center:last-of-type {
    padding-left:2px;
}

.child-selection .error-message {
    word-break: break-word;
}
.search-form-container {
	z-index: 10;
	min-height: 155px!important;
}
.autocomplete-result .hotel-popular-list li span  {
    margin-left:0;
}
.autocomplete-result .hotel-popular-list li i{
    font-size:24px!important;
}
.autocomplete-result .hotel-popular-list li .etsfonticon.etsfonticon-discount,
.autocomplete-result .hotel-popular-list li .etsfonticon.etsfonticon-city-hotel-bell {
    margin-right: 18px;
}
.autocomplete-result .hotel-popular-list li .etsfonticon.etsfonticon-alert-deal{
    margin-right: 12px;
    font-size: 22px!important;
}
.autocomplete-result .hotel-popular-list li .etsfonticon.etsfonticon-discount{
    margin-left:4px;
}
.autocomplete-result .hotel-popular-list li .etsfonticon.etsfonticon-city-hotel-bell{
    margin-left:4px;
}
@media (min-width:1140px){
    .daterangepicker {
        left: -2px!important;
        transform: inherit!important;
        min-width: inherit!important;
    }
}

@media(min-width:991px) {
    .wrapper.search-tab-menu{
        padding: 0;
    }
	.search-tab-menu .nav {
	    padding: 130px 0 0 30px;
	}
	.web-slider-model {
		display:block!important;
	}
	.mobile-scroll-model {
		display:none!important;
	}
	.search-hotel {
		padding: 0 0 0 5px;
	}
	.mobile-guest-close {
		display:none;
	}
	.sf-suggestion-container {
	    position: absolute;
	    top: 60px;
	    left: 0;
	    right: 0;
	}	
	.autocomplete-result {
		position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    max-height: 400px;
    	overflow-y: hidden;
    	z-index: 2;
	}
	.autocomplete-result ul{
		border-radius: 6px;
	    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	    background-color: #ffffff;
	    margin-top: 5px;
	    max-height: 400px;
    	overflow-y: auto;
	}
	.autocomplete-result ul::-webkit-scrollbar {
	    width: 10px;
	    border-radius: 10px;
	}
	.autocomplete-result ul::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgb(58 56 56 / 30%); 
	    border-radius: 10px;
	}
	.autocomplete-result ul::-webkit-scrollbar-thumb {
	    border-radius: 10px;
	    background: #9ca1ae; 
	    height:29px;
	}
	.autocomplete-result ul li {
	    display: flex;
	    font-size: 14px;
	    font-weight: 100;
	    color: #000;
	    transition: 0.2s;
	    padding: 15px 5px 15px 15px;
	    overflow: hidden;
	    line-height: 30px;
	    text-align: left;
	    border-bottom: 1px solid #e6e6e6;
	    height: 58px;
	    cursor: pointer;
	    align-items: center;
	    position: relative;
	}
}
    .autocomplete-result ul li span b {
        font-weight: 500 !important;
}
	.hotel-popular-list i {
	    position: unset!important;
	}
	.hotel-popular-list .etsfonticon-arrow-right {
	    display: none;
	}
	/* Search Result - Search Bar settings */
	.search-result .search-form-backdrop, .hotel-detail .search-form-backdrop {
		background-color: transparent;
	}
	.search-result .ets-hotelSearchForm, .hotel-detail .ets-hotelSearchForm {
		border: solid 1px #e5e5e5;
	}
	.search-result .search-form-container {
		position: relative;
	}
	.search-result .header {
		z-index:11!important;
	}
	/* Search Result - Search Bar settings END */

	/* hotel detail - Search Bar settings */
	.hotel-detail .sf-datepicker-select {
		margin-top: -21px;
	}
	.hotel-detail .daterangepicker {
		top:23px;
	}
	.hotel-detail .search-form-container {
		position: relative;
	}
	/* hotel detail - Search Bar settings END */
}

/* Home Page Search Form Child Age İcon Title Start */
.ets-home .bs-tooltip-top{
	box-shadow: 0 0 5px #666 !important;
	border: 1px solid #c5c5c5 !important;
	border-radius: 0 !important;
	top: 110px !important;
	left: 126px !important;
	
}
.ets-home .tooltip-inner{
	background-color: #fff !important;
	color: #333 !important;
	font-size: 14px !important;
	max-width: 250px !important;
	text-align: left !important;
}
.ets-home .arrow{
	display: none !important;
}
/* Home Page Search Form Child Age İcon Title End */

@media(min-width:1200px) {
	.guest-area {
	    min-width: 250px;
	}
}
.guest-area {
	    z-index: 3;
}
.sf-child-ages .adult-title{
    position:relative;
}
.sf-child-ages .custom-tooltip{
    display:none;
    background:#61656e!important;
    border-radius:4px;
    font-family: Montserrat;
    font-size: 12px;
    width:fit-content;
    min-width: 176px;
    position:absolute;
    top: -28px;
    left: 24px;
    font-style: normal;
    padding: 10px 15px;
    line-height: 16px;
}
.sf-child-ages .custom-tooltip:before{
    content: "";
    position: absolute;
    border-color: #61656e;
    border-style: solid;
    top: 42%;
    left: -5px;
    border-width: 0 .8rem .8rem 0;
    transform: rotate(45deg);
}
html body .adult-title:hover > i .custom-tooltip{
    display:block;
    z-index: 1;
}
html body .btn-spinner.disable {
    opacity:0.3;
}
#guestAdultSpinner {
    position: relative;
}
html body .tooltip-warning {
    border-radius: 4px;
    font-family: Montserrat;
    font-size: 12px;
    position: absolute;
    top: 50px;
    font-style: normal;
    padding: 10px 15px;
    line-height: 16px;
    width: 100%;
    z-index: 1;
}
html body .tooltip-warning:before{
    content: "";
    position: absolute;
    border-color: #f55157;
    border-style: solid;
    top: -5px;
    right: 16px;
    border-width: 0 .8rem .8rem 0;
    transform: rotate(45deg);
}
#tb-autocomplete{
	border: 1px solid #e1e9ed;
    font-size: 16px;
}
.sf-autocomplete .error-msg {
    display:none;
    position:absolute;
    color: red;
    font-size: 12px;
    flex: 100%;
    margin: 3px 0 0 0px;
    padding-top: 5px;
}
.sf-autocomplete .select-all.error ~ .error-msg{
	display:block;
	transition-timing-function: ease-in;
}

@media only screen and (min-width: 320px){
	.show-calendar .mobile-picker-tb{
		margin-top: 0;
	}
	.show-calendar .datepicker-dates-top-area{
		box-shadow: none;
	}
}
@media only screen and (min-width: 768px){}

.error:not(.form-check) .error-message {
	margin: 0;
}
@media(max-width: 370px) {
	.date-format {
		font-size: 12px;
	}
	.date-format.day {
		font-size: 13px;
	}
}