:root {
--link-primary: #000 ;
--nav-link-color: #000000 ;
--user-nav-link-bg: #000 ;
--page-bg: #F9FAFC ;
--page-bg-light: #FAFAFA ;
--avatar-bg-dark: #000 ;
--avatar-bg-light: #ccc ;
--avatar-bg: #000 ;
--avatar-text-color: #fff ;
--nav-icon-stroke: #000;
--nav-bg: rgba(255,255,255, 0.95) ;
--btn-primary-color: #000;
--toast-border-color: #000;
--toast-bg-color: #fff;
--home-hero-overlay-bg: #170b0c;
--stars-selected-bg: #000;
--primary-error-accent: #c10d0a;
--toast-text-color: #000;
--color-icon-default: #4c5566;
}

body{min-height: 100%;}
#body{}

/*
#ewc-content{display:none;}
#ewc-content.ewc-compact{display: block;position: fixed;left: 0;top: 0;width: 100px;border-right: 1px solid #e4e9ef;background-color: #fff;bottom:0; z-index: 90;}
*/

.stuck{height: 100vh;overflow-y: hidden;position: relative;}

a{ color: var(--link-primary); text-decoration: none; }
a:hover { color: var(--link-primary); text-decoration: none; }

.link-style{color: var(--link-primary);}

.required-star{color: #ce2121;margin-left: 5px;}

html{background-color: var(--page-bg);}
html.scondary{background-color: #fff;}

.flex{display: flex;}
.flex-center{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.flex-spacer-r-4{display: block;padding: 0px 0px 0px 4px;}
.flex-spacer-r-8{display: block;padding: 0px 0px 0px 8px;}
.flex-baseline{display: flex;-moz-box-align: baseline;align-items: baseline;}
.flex-column{display: flex;flex-direction: column;}
.flex-align-center{display: flex;-moz-box-align: center;align-items: center;}
.flex-row{display: flex;flex-direction: row;}
.flex-row-start{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
.flex-start {display: flex;align-items: flex-start;}
.flex-end {display: flex;align-items: flex-end;}
.flex-align-end{display: flex;-moz-box-align: end;align-items: end; justify-content: end;}
.flex-space-between{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}

.close{opacity: 0.5;}
.close:hover{opacity: 0.8;}


#toast-container {width: auto !important;position: fixed !important;right: 2% !important;max-height: 415px;top: 110px;max-width: 440px;z-index: 11111;}
.full-toast {float: right;width: 424px;height: auto !important;padding:10px;border-radius: 20px !important;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);margin-bottom: 10px;padding-left: 40px;position: relative;background-color: var(--toast-bg-color);color: var(--toast-text-color);font-weight: 600;border:2px solid var(--toast-border-color);}
.full-toast .fa{position: absolute;left: 12px; top: 12px;cursor: pointer;}
.full-toast.green-mode{border-color: #0ab21b;color: #0ab21b;}

.full-toast .fa-times:hover{opacity: 0.7;}

.header{position: fixed;left: 0;right: 0;top:0;width: 100%;background-color: var(--nav-bg);height: 88px;z-index: 9;z-index: 30;backdrop-filter: blur(10px);border-bottom: transparent;}
.header.active, .head-active .header{border-bottom: 1px solid #E5EAF0;-webkit-transition: border-color .25s,color .25s;-moz-transition: border-color .25s,color .25s;transition: border-color .25s,color .25s;}

.header-spacer{height: 88px;}
.header .logo-wrapper{height:70px;width: 220px;padding-top: 9px;float: left;}
.header .logo-wrapper img{height: 70px;}
.header .logo-wrapper img{height: 50px; margin-top: 10px;}
.header .logo-wrapper img{margin-top: 0px;height: 70px;}

.byblk{font-size: 12px;padding-top: 5px;}

.header .primary-nav{margin-left: 47px;}
.header .primary-nav ul{float: right;}
.header .primary-nav ul li{padding-right: 45px;float: left;list-style: none;padding-top: 29px;}
.header .primary-nav ul li:last-child{padding-right:0;padding-top: 24px;position: relative;}
.header .primary-nav ul li a.p-link{font-size: 18px;color: var(--nav-link-color);font-weight: 600;}
.header .primary-nav ul li a.p-link.standalone-svg{}
.header .primary-nav ul li a.p-link.standalone-svg svg{margin-top: 4px;}
.header .primary-nav ul li a.p-link.standalone-svg:hover svg{fill:var(--link-primary)}
.header .primary-nav ul li a.p-link.active{color: var(--link-primary);}
.header .primary-nav ul li a.p-link:hover{color: var(--link-primary);}
.header .primary-nav ul li .down-icon{float: left;height: 46px;padding-top: 11px;}
.header .primary-nav ul li .down-icon svg{stroke: var(--nav-icon-stroke);width: 20px;height: 20px;}
.header .primary-nav ul li .avatar-disc{ color: var(--avatar-text-color) ; font-size: 16px; width: 100%; width: 40px;height: 40px; margin-left: 30px; background-color: var(--avatar-bg);border-radius: 100%;padding-top: 0px; font-weight: 700; position: relative; display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;}

.header .primary-nav ul li:last-child{padding-top: 22px;}
.header .primary-nav ul li .down-icon{float: right;}
.header .primary-nav ul li .avatar-disc{margin-left: 0px; margin-right: 10px;}

.primary-nav-helper{z-index:20;position: fixed;top:88px;left: 0;right: 0;min-height: 300px;background-color: #f6f6f5;backdrop-filter: blur(10px);box-shadow: 0 0 4px rgba(33,33,33,0.25);}
.primary-nav-helper .helper-content{min-height: 200px;padding-top: 40px;padding-bottom: 40px;}
.primary-nav-helper .helper-content p._title{font-size: 18px;padding-bottom: 15px;font-weight: 600;}
.primary-nav-helper .helper-content ul{}
.primary-nav-helper .helper-content ul li{display: block;padding-bottom: 10px;}
.primary-nav-helper .helper-content ul li a{color: #000;font-size: 16px;}
.primary-nav-helper .helper-content ul li a:hover{color: var(--link-primary);}

.home-hero-section{background-color: #ccc;position: relative;background-repeat: no-repeat;background-size: cover;}
.home-hero-section::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--home-hero-overlay-bg);opacity: .35;z-index: 0;}
.home-hero-section .custom-banner {height: 340px;z-index: 2;}
.home-hero-section .custom-banner{height:440px;}
.home-hero-section .custom-banner::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 70px;background: url(/assets/img/spotlight-arrow.png) no-repeat 0 bottom;background-size: auto;background-size: contain;z-index: 10;pointer-events: none;}
.home-hero-section .custom-banner.none::after{display: none;}
.home-hero-section .custom-banner .info-card {padding-top: 40px;z-index: 3;}
.home-hero-section .custom-banner .info-card .sub-heading {color: #fff;padding: 0;margin: 0;margin-top: 0px;margin-bottom: 0px;margin-top: 20px;margin-bottom: 10px;font-size: 42px;font-weight: 600;letter-spacing: -1.2px;line-height: 50px;}
.home-hero-section  .custom-banner .info-card .banner-text {color: #fff;padding: 0;margin: 0;margin-top: 0px;font-size: 20px;letter-spacing: -.26px;margin-top: 8px;font-weight: 400;}

.home-hero-section .custom-banner .info-card .sub-heading{text-align: center;color: #222;margin-top:60px;}
.home-hero-section  .custom-banner .info-card .banner-text{text-align: center;color: #fff;max-width: 40%;margin-left: auto;margin-right: auto;margin-top: 18px;}

.home-hero-section .custom-banner .info-card .sub-heading{color: #fff}
.home-hero-section  .custom-banner .info-card .banner-text{color: #fff;}

._hr__light{border-color: rgb(227, 232, 239);border-width: 1px 0px 0px;border-style: solid;width: 100%;height: 1px;}


.input-load {
	margin-right: 38px;
	position: absolute;
	right: 0px;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	top:50%;
	margin-top: -12px;
  }
  .spin {
	position: relative;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
  }
  .spin::after {
	content: "";
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	border-image: none;
	border-color: #000 #000 rgba(217, 217, 217, 0.3) rgba(217, 217, 217, 0.3);
	animation: 0.8s linear infinite fnaYvJ;
  }
  @-webkit-keyframes fnaYvJ{
	0%{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(359deg);
	}
}



.search-container{ position: relative; margin-top: -78px; margin-bottom: 40px; background-color:#fff;/*box-shadow: 0 2px 4px rgba(0,0,0,0.25)!important;*/min-height: 300px; -webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px; border: 1px solid #e5e4e3; }
.search-container{border-radius: 24px;}
.search-container .tabslist{height: 78px;}
.search-container .tabslist ul{margin:0;padding:0;list-style: none;height: 79px;}
.search-container .tabslist ul li{border-right: 1px solid #e5e4e3;box-sizing: border-box;width: 33.3333%;float: left;border-bottom: 1px solid #e5e4e3;}
.search-container .tabslist ul li:last-child{border-right: 0;}
.search-container .tabslist ul li a{display: block; text-align: center; height: 78px;line-height: 78px;font-size: 16px;font-weight: 600;color: #000;cursor: pointer;}
.search-container .tabslist ul li.active{border-bottom: 1px solid transparent;}
.search-container .tabslist ul li:last-child a{}

.search-container .tabslist .icon{margin-right: 8px;width: 30px;position: relative;display: inline-block;vertical-align:bottom}
.search-container .tabslist .icon img{width: 100%;opacity: 0.5;}
.search-container .tabslist .icon.secondary{margin-right: 10px;}
.search-container .tabslist .icon.secondary img{width: 100%;margin-top: -10px;opacity: 1;}
.search-container .tabslist .title{display: inline-block;}

.search-container .tabscontainer{padding: 20px;min-height: 282px;}
.search-container .tabscontainer h2{font-size: 32px;color: #000;font-weight:400;padding:0;margin:0;padding-bottom: 14px;}

.search-form{padding-left: 8px;padding-right: 8px;}
.search-item-pad{padding-left: 7px;padding-right: 7px;}
.flight-search-item{ position: relative; background: #f2f2f2;border: 1px solid #f2f2f2; background-color: #fff; border-color: #e5e4e3; -webkit-box-shadow: none;box-shadow: none;border-radius: 2px; border-radius: 8px; padding-left: 52px;font-size: 16px;padding-right: 10px;padding-top: 22px;width: 100%;height: 56px;color: #000; margin-bottom: 14px; }
.flight-search-item input{background-color: transparent;border: 0;outline: none;width: 100%;}
.flight-search-item.input-error{border-color: var(--primary-error-accent);}
.flight-search-item .label{padding:0;color: #4e4c4a;font-size: 13px;position: absolute;left:0;top:0;padding-left:52px;padding-top:8px;font-weight: 600;}

.flight-search-item .icon-flight {display: block;position: absolute;top: 18px;left: 16px;width: 24px;height: 24px;background-repeat: no-repeat;}
/*
.flight-search-item .icon-flight.outbound {background-image: url(../img/origin-plane.svg);}
.flight-search-item .icon-flight.inbound {background-image: url(../img/destination-plane.svg);}
*/
.flight-search-item .icon-flight.outbound {background-image: url(../img/svg-plane-outbound.svg);background-size: contain;}
.flight-search-item .icon-flight.inbound {background-image: url(../img/svg-plane-inbound.svg);background-size: contain;}

.flight-search-item .icon-flight.cabin {background-image: url(../img/travel-class.svg);}
.flight-search-item .icon-flight.passenger {background-image: url(../img/passenger-type-family.svg);}
.flight-search-item .icon-flight.calander {background-image: url(../img/svg-cal.svg);}
.flight-search-item .icon-flight.preferred {background-image: url(../img/ancillary-preferred-seat.png); background-size: cover; }
.flight-search-item .icon-flight.abu-dhabi {background-image: url(../img/abu-dhabi.svg); background-size: cover;}
.flight-search-item .icon-flight.nationality {background-image: url(../img/svg-card-star.svg); background-size: contain;}
.flight-search-item .icon-flight.currencies {background-image: url(../img/icon-currency-widget.svg); background-size: contain;  opacity: 0.75; }


.flight-search-item .icon-car {display: block;position: absolute;top: 18px;left: 16px;width: 24px;height: 24px;background-repeat: no-repeat;}
.flight-search-item .icon-car.location {background-image: url(../img/svg-car-front.svg); background-size: contain; color: #4c5565; fill: #4c5565; }
.flight-search-item .icon-car.clock {background-image: url(../img/svg-clock-time.svg); background-size: contain; color: #4c5565; fill: #4c5565; }



/*.shared-ond-toggle-btn {top: 8px;left: -26px;z-index: 1;position: absolute;cursor: pointer;}*/

.shared-ond-toggle-btn {
	top: 10px;
	left: -18px;
	top:9px;
	left: -19px;
	z-index: 1;
	position: absolute;
	cursor: pointer;
  }

.shared-ond-toggle-btn .btn-toggle { transition: transform .15s ease-out; width: 37px;height: 37px; border: 0; width: 38px;height: 38px; border:1px solid #e5e4e3; border-radius: 50%; background-color: #fff; padding: 0;margin: 0;background-position: 1px 1px;background-repeat: no-repeat;padding-top: 7px;padding-bottom: 7px;}
.shared-ond-toggle-btn .btn-toggle svg{fill: #333;height: 24px;width: 24px;}
.toggle-segments.rotate{transform: rotate(180deg);}

.selectdates{position: absolute; top: 0; left: 0; right: 0; bottom:  0; z-index: 9; cursor: pointer; }
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: #101D2C!important;}

.flight-types-radio-wrapper{position: relative;padding-bottom: 15px;}



.hotel-rooms-res{
	min-height: 100px;background-color: #fff;border-top: 1px solid #e4e9ef;position: relative;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.hotel-rooms-res .spinner {width: 20px; height: 20px; margin-top:-10px; margin-left: -10px; border-width: 2px;z-index: 0;border-right-color: transparent;border-bottom-color: transparent;}

.hotel-rooms-res .spinner::before {
	z-index: 0;
	content: '';
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	opacity: 0.35;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
}


.section-search-form{/*box-shadow: 0 0 30px 6px rgb(31 51 73 / 10%) ;*/ border-radius: 8px !important; border-top-left-radius: 0!important; }
.section-search-form .pad{padding: 20px 30px;/*background-color: #fff;*/}

.section-search-component-wrapper.home .section-search-form .pad{padding: 0px 30px;}

.section-search-form .pad.top{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border-top-right-radius: 8px;}
.section-search-form .pad.bottom{border-radius: 8px;}
.section-search-form.all-rounded{border-radius: 8px !important;}
.section-search-form h2{
	font-size: 32px;
	color: #000;
	font-weight: 400;
	padding: 0;
	padding-bottom: 0px;
	margin: 0;
	padding-bottom: 14px;
}
.section-search-form input,.section-search-form select{font-size: 16px;}
.section-search-form .input-icon{position: absolute; left:8px;top:0;padding-top: 16px;display: none;}
.section-search-form .input-icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}
.section-search-form .input-icon.cal{padding-top: 18px;}
.section-search-form .input-icon.cal svg{font-size: 20px;}
.section-search-form .brn-search-form{height: 58px;/*border-color: #000!important;background-color: #000;*/}
.section-search-form .sDest, .section-search-form .dates{/*padding-left: 46px;*/}
.section-search-form .sDest.input-error{border-top:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;}
#EditSearchForm .section-search-form{box-shadow:none;border:1px solid #ebebeb;/*box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;*/ background-color: #fff;}


.box-section .input-error{color: var(--primary-error-accent);}





/* FLIGHTS */
.flight-search-top-bar-spacer{height: 169px;}
.flight-search-top-bar{position: fixed;top: 88px; left:0; right:0; width: 100%; background-color: #fff; padding-top: 16px; border-bottom: 1px solid #E3E8EF; height: 169px; z-index: 1;}

.flight-search-top-bar.slide-up{ transform: translateY(-58%); transition: all .3s; -webkit-transition: all .3s; }
.flight-search-top-bar.slide-down { transition: all .3s; -webkit-transition: all .3s; }



.flight-search-top-bar .preferences-tabs{display: flex;-moz-box-pack: start;justify-content: flex-start;position: relative;margin-bottom: 16px;}
.flight-search-top-bar .preferences-tabs .item{display: flex;margin-right: 32px;position: relative;}
.flight-search-top-bar .preferences-tabs .item .title{ cursor: pointer; box-sizing: border-box; text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}
.flight-search-top-bar .preferences-tabs .item .spacer{padding-right: 4px;}
.flight-search-top-bar .preferences-tabs .item svg{ width: 24px; height: 24px; overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}

.flight-search-top-bar .form-wrapper{width: 100%;transition: width 0.5s;display: flex;flex-direction: row;align-items: flex-start; margin-bottom: 16px; }
.flight-search-top-bar .form-wrapper .column-destinations{display: flex;flex-direction: row;-moz-box-flex: 2;flex-grow: 2;}
.flight-search-top-bar .form-wrapper .column-destinations .column-destinations-spacer {display: block;padding: 4px 4px 0px;}

.flight-search-top-bar .form-wrapper .column-destinations .switch {-moz-box-align: center;align-items: center;background-color: rgba(255, 255, 255, 0);border-radius: 4px;border: medium;display: flex;height: 32px;-moz-box-pack: center;justify-content: center;width: 32px;}
.flight-search-top-bar .form-wrapper .column-destinations .switch:hover{background-color: rgba(29, 44, 69, 0.05); cursor: pointer; }
.flight-search-top-bar .form-wrapper .column-destinations .switch:active{background-color: rgba(29, 44, 69, 0.12);}
.flight-search-top-bar .form-wrapper .column-destinations .switch svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;width: 24px;height: 24px;}


.flight-search-top-bar .form-wrapper .column-spacer{display: block;padding: 0px 8px 0px 0px;}
.flight-search-top-bar .form-wrapper .column-dates{max-width: 580px;display: flex;-moz-box-flex: 2;flex-grow: 2;}


.flight-search-top-bar .form-wrapper .input-wrapper{position: relative;display: inline-flex;-moz-box-align: center;align-items: center;width: 100%;min-height: 40px;z-index: initial;font-size: 16px;background: rgb(255, 255, 255);caret-color: auto;border-width: 1px;border-style: solid;border-color: rgb(191, 203, 217);border-radius: 4px;transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;box-shadow: unset; border-color: #d9d9d9; border-color: #bfcbd9; }
.flight-search-top-bar .form-wrapper .input-wrapper:hover {border-width: 1px;border-style: solid;border-color: rgb(76, 85, 102);}
.flight-search-top-bar .form-wrapper .input-wrapper .spacer-icon{display: inline-block;padding: 0px 0px 0px 8px;}
.flight-search-top-bar .form-wrapper .input-wrapper .spacer-icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}
.flight-search-top-bar .form-wrapper .input-wrapper .input{ min-height: 38px; padding: 0px 14px; margin: 0; line-height: 32px; width: calc(100% - 1em - 38px);overflow: hidden;text-overflow: ellipsis;background-color: rgb(255, 255, 255); border:0; background:transparent; outline: none; display: block; }
.flight-search-top-bar .form-wrapper .input-wrapper .input::placeholder {color: rgb(104, 119, 143);}
.flight-search-top-bar .form-wrapper .input-wrapper .closer{ cursor: pointer; margin-right: 8px;position: absolute;right: 0px;display: flex;-moz-box-align: center;align-items: center;}
.flight-search-top-bar .form-wrapper .input-wrapper .closer svg{width: 24px;height:24px;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);}
.flight-search-top-bar .form-wrapper .input-wrapper .load{margin-right: 38px;position: absolute;right: 0px;display: flex;-moz-box-align: center;align-items: center;}

.flight-search-top-bar .form-wrapper .input-wrapper .dp-date{border:0;outline:none;width: calc(100% - 1em - 38px);padding: 0px 14px;line-height: 32px;background: transparent;display: block;}

.flight-search-top-bar .form-wrapper .update-wrapper{padding-left: 8px;opacity: 0;transform: translateX(100%);transition: opacity 0.5s, transform 0.5s, width 0.5s;}
.flight-search-top-bar .form-wrapper .update-wrapper.appear {opacity: 1;transform: translateX(0px);width: 100px;animation: 0.5s dVHvKn;}
.flight-search-top-bar .form-wrapper .update-wrapper button {transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid  var(--btn-primary-color) ;border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(255, 255, 255);background-color:  var(--btn-primary-color); font-size: 16px !important; line-height: 24px !important; border-style: none; padding: 0; width: 100%; height: 40px; font-weight: 600; }
.flight-search-top-bar .form-wrapper .update-wrapper button:hover{ opacity: 0.9; }






.flight-filter-control-wrapper{display: flex;}

.flight-filters-wrapper{flex: 0 0 73.3333%;max-width: 73.3333%;}
.flight-filters-wrapper .flight-filters-container{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.flight-filters-wrapper .flight-filters-container .item-pill.first{display: block;padding: 0px 24px 16px 0px;}
.flight-filters-wrapper .flight-filters-container .item-pill .item {background: rgb(255, 255, 255);border-radius: 50px;border: 1px solid rgb(191, 203, 217);box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px; cursor: pointer; }
.flight-filters-wrapper .flight-filters-container .item-pill .item:hover{background-color: #F1F4F8;border-color: #4C5566;}
.flight-filters-wrapper .flight-filters-container .item-pill .item .inner-pad {display: block;padding: 8px;position: relative;}
.flight-filters-wrapper .flight-filters-container .item-pill .item .inner-pad .pill {display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.flight-filters-wrapper .flight-filters-container .item-pill .item .inner-pad .pill .pre-icon{ display: flex; align-items: center; overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 16px;}
.flight-filters-wrapper .flight-filters-container .item-pill .item .inner-pad .pill .title{display: block;padding: 0px 8px;color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}
.flight-filters-wrapper .flight-filters-container .item-pill .item .inner-pad .pill .post-icon { display: flex; align-items: center; overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 16px;}
.flight-filters-wrapper .flight-filters-container .item-pill .filter-dropdown-popup{left: 0; right: auto;top: 50px;}
.flight-filters-wrapper .flight-filters-container .item-pill .filter-dropdown-popup.right{left: auto; right: 0;}

.flight-filters-wrapper .flight-filters-container .item-pill.spacer {display: block;padding: 0px 0px 16px;}
.flight-filters-wrapper .flight-filters-container .item-pill .items{display: flex;-moz-box-align: center;align-items: center;}
.flight-filters-wrapper .flight-filters-container .item-pill .items .spacer{display: block;padding: 0px 0px 0px 8px;}

.flight-controls-wrapper{flex: 0 0 26.6667%;max-width: 26.6667%;}

.flight-results-wrapper {display: block;padding: 24px 0px 96px;}
.flight-results-wrapper .results-count {display: block;padding: 0px 0px 14px;color: #4C5566;}

.flight-results-wrapper .results-list{padding-top: 6px;}
.flight-results-wrapper .results-list .card-item{display: block;padding: 0px 0px 24px;}
.flight-results-wrapper .results-list .card-item .card{box-shadow: rgba(50, 50, 93, 0.08) 0px 2px 6px 0px, rgba(50, 50, 93, 0.05) 0px 0px 0px 1px;position: relative;transition: 0.15s;cursor: inherit;background: rgb(255, 255, 255);border-radius: 8px; min-height: 188px; }
.flight-results-wrapper .results-list .card-item .card.round{min-height: 273px;}
.flight-results-wrapper .results-list .card-item .card .item-flex {display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}

.operated-by{padding-left: 8px;padding-right: 8px;font-size: 12px;color:#68778f;}
.operated-by-text{font-size: 12px;color:#68778f;}

.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details{ display: flex;flex-direction: column;-moz-box-pack: justify;justify-content: space-between;-moz-box-flex: 1;flex-grow: 1;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details .spacer-details {display: block;padding: 24px 24px 16px; /*min-height: 244px;*/}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details .spacer-foot{display: block;padding: 0px 24px 16px 0px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details .spacer-foot .first-item{display: block;padding: 0px 0px 0px 24px;padding-bottom: 5px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details .spacer-foot .nth-item{display: block;padding: 0px 0px 0px 32px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details .spacer-foot .txt-link{ cursor: pointer; display: inline;color: var(--link-primary);font-weight: 600;text-decoration: none;padding:5px 10px;border:0px solid #e3e8ef;border-radius:6px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details .spacer-foot .txt-link:hover{text-decoration: underline;color: var(--link-primary);}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-details .spacer-foot .bundle-txt{background: rgb(241, 244, 248);border-radius: 4px;padding: 0px 4px;display: inline;color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}

.flight-results-wrapper .results-list .card-item .card .airline-logo{width: 24px;height: 24px;border-style: none;}
.flight-results-wrapper .results-list .card-item .card .airline-name{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}
.flight-results-wrapper .results-list .card-item .card .flight-no{color: rgb(104, 119, 143);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row{display: flex;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row.wide{width: 100%;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row .time-box{display: flex;flex-direction: column;-moz-box-pack: start;place-content: space-between flex-start;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row .time{display: flex;flex-direction: row-reverse;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row .time .formatted-text{text-align: left;vertical-align: baseline;line-height: 18px;font-size: 18px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #1D2C3C; }
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row .time .formatted-text .plus-day{font-size: 12px; line-height: 20px; font-weight: 400;margin-left: 5px;color: rgb(29, 44, 60);}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row .airport{ text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;color: rgb(76, 85, 102);}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .item-row .airport.second{text-align: right;}

.flight-results-wrapper .results-list .card-item .card .flight-times-row .flight-leg-info{-moz-box-flex: 10;flex-grow: 10;display: block;padding: 0px 16px;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .flight-leg-info .duration{color: rgb(76, 85, 102);text-align: center;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .flight-leg-info .line-wrapper{position: relative;height: 6px;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .flight-leg-info .line-wrapper .line{background: rgb(227, 232, 239);height: 1px;position: absolute;width: 100%;transform: translateY(2px);}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .flight-leg-info .journey-type{color: rgb(76, 85, 102);text-align: center;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .flight-leg-info .journey-type.direct{color: rgb(6, 129, 68);}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .leg-filter-spacer {display: block;padding: 0px 0px 0px 96px;}

.flight-results-wrapper .results-list .card-item .card .flight-times-row .leg-filter-spacer .checkbox-input-wrapper{position: relative;display: inline-block;height: 20px;width: 20px;border-radius: 2px;transition: 0.3s;vertical-align: text-top;box-shadow: rgb(191, 203, 217) 0px 0px 0px 1px inset;background-color: rgb(241, 244, 248);cursor: not-allowed;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .leg-filter-spacer .checkbox-input-wrapper:hover{box-shadow: rgb(76, 85, 102) 0px 0px 0px 1px inset;transition: 0.3s;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .leg-filter-spacer .checkbox-input-wrapper svg{position: absolute;inset: 0px;overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .leg-filter-spacer .checkbox-input-wrapper.off svg{visibility: hidden;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .leg-filter-spacer .checkbox-input-wrapper.available{ background-color: #fff; cursor: pointer;}



.flight-results-wrapper .results-list .card-item .card .flight-times-row .spacer-icon{padding-left: 8px;}
.flight-results-wrapper .results-list .card-item .card .flight-times-row .spacer-icon svg{overflow: hidden;fill: rgb(104, 119, 143);color: rgb(104, 119, 143);vertical-align: text-top;font-size: 18px;}



.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price{display: flex;flex-direction: row;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .divider {border-color: rgb(227, 232, 239);border-width: 0px 0px 0px 1px;border-style: solid;width: 1px;height: 100%;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .side{display: flex;flex-direction: column;-moz-box-pack: justify;justify-content: space-between;height: 100%;width: 240px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .side .side-top-pad{display: block;padding: 24px 24px 0px 0px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .side .side-bottom-pad{display: block;padding: 0px 24px 24px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .side .side-bottom-pad .hug{display: flex;flex-direction: column;-moz-box-pack: end;justify-content: flex-end;align-items: flex-start;}


.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button {position: relative;padding: 12px 20px;border-radius: 4px;background-color: var(--btn-primary-color);-webkit-transition: 150ms;transition: 150ms;color: #fff;font-size: 14px;line-height: 14px;font-weight: 700;text-align: center;border: 0;border-radius: 4px;outline: none;min-height: 38px; max-height: 38px; min-width: 88px;float: right;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button.btn-select{transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid var(--btn-primary-color);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(255, 255, 255);background-color: var(--btn-primary-color); width: 192px ; font-weight: 600; font-size: 16px;line-height: 16px !important;   }
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button.btn-select:hover{opacity: 0.9;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button.btn-select.opened{background-color: #fff;color: #4c5566;border:1px solid #bfcbd9;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button.btn-select.opened:hover{background-color: #f3f4f5;}

.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button.add-to-quote {float: right;width: 40px;min-width: auto;margin: 0px 10px 0px 0px;padding: 0px;border: 1px solid rgb(217, 217, 217);background-color: rgb(255, 255, 255);color: rgb(116, 129, 149);}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button.add-to-quote:hover{opacity: 1; border-color: #738094;color: #333;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .button.add-to-quote svg {width: 20px;height: 20px;margin-top: 2px;}



.flight-results-wrapper .results-list .card-item .card .item-drawer{
background: #F1F4F8;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
/*box-shadow: rgba(50, 50, 93, 0.08) 0px 2px 6px 0px, rgba(50, 50, 93, 0.05) 0px 0px 0px 1px;*/
min-height: 300px;
max-height: 700px;
box-shadow: inset 0 7px 7px -7px rgba(50, 50, 93, 0.08);
}
.flight-results-wrapper .results-list .card-item .card .item-drawer ._spacer{padding: 26px 0px;}
.flight-results-wrapper .results-list .card-item .card .item-drawer .upsell-flex{display: flex;position: relative;}

.flight-results-wrapper .results-list .card-item .card .item-drawer .control{ position: absolute; top:50%; margin-top: -24px; cursor: pointer; background: #fff;width: 48px;height: 48px;border-radius: 50%;display: inline-flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;border: 1px solid rgb(191, 203, 217);box-shadow: rgba(50, 50, 93, 0.1) 0px 4.8px 7.2px 0px, rgba(50, 50, 93, 0.1) 0px 4.8px 28.8px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1.2px 1.2px; z-index: 8; }
.flight-results-wrapper .results-list .card-item .card .item-drawer .control:hover{color: var(--btn-primary-color);}
.flight-results-wrapper .results-list .card-item .card .item-drawer .control.left{left: -24px;}
.flight-results-wrapper .results-list .card-item .card .item-drawer .control.right{right: -24px;}


.flight-results-wrapper .results-list .card-item .card .item-drawer .nav-wrapper {display: flex; display: none; -moz-box-pack: justify;justify-content: space-between;pointer-events: none;position: absolute;inset: 0px -50px;}
.flight-results-wrapper .results-list .card-item .card .item-drawer .nav-wrapper ._control {position: relative;height: 100%;width: 104px;opacity: 1;pointer-events: none;transition: opacity 0.2s, z-index 0.2s;display: flex;flex-direction: column;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.flight-results-wrapper .results-list .card-item .card .item-drawer .nav-wrapper ._control .clickable{z-index: 8;cursor: pointer;}
.flight-results-wrapper .results-list .card-item .card .item-drawer .nav-wrapper ._control ._circle {background: #fff;width: 48px;height: 48px;border-radius: 50%;display: inline-flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;border: 1px solid rgb(191, 203, 217);box-shadow: rgba(50, 50, 93, 0.1) 0px 4.8px 7.2px 0px, rgba(50, 50, 93, 0.1) 0px 4.8px 28.8px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1.2px 1.2px;}
.flight-results-wrapper .results-list .card-item .card .item-drawer .nav-wrapper ._control ._circle:hover{background: #000;}

._scroll{scroll-behavior: smooth;overflow: scroll;display: flex;}
._upsell-option-pad{display: block;padding: 0px 8px 8px 16px;}
._upsel-card{position: relative;transition: 0.15s;cursor: inherit;background: #ffffff;border-radius: 8px;box-shadow: none;border: 1px solid #E3E8EF;width: 302px;height: 100%;min-height: 300px;}

._upsel-card ._contents{padding: 16px 16px 0px;min-height: 200px;}

._upsel-card ._title{padding: 16px;border-top-left-radius: 8px;border-top-right-radius: 8px;background-color: #f9fafc;border-bottom: 1px solid #E3E8EF;}
._upsel-card ._title ._gap{gap: 8px;min-height: 20px;}
._upsel-card ._title ._flex{display: flex;-moz-box-pack: justify;justify-content: space-between;}
._upsel-card ._title ._name{position: relative;}
._upsel-card ._title ._name ._formattedText{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 600;color: #1D2C3C;}
._upsel-card ._title ._name ._sub-title{color: #465566;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}
._upsel-card ._title ._price{text-align: left;line-height: 24px;font-size: 20px;font-weight: 600;color: #1D2C3C;}
._upsel-card ._contents ul{list-style: none;margin:0;padding:0;padding-top: 16px;}
._upsel-card ._contents ul li{list-style: none;margin:0;padding: 0;padding-bottom: 16px;display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
._upsel-card ._contents ul li._breaker{border-top: 1px solid #E3E8EF;}
._upsel-card ._contents ul li ._icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
._upsel-card ._contents ul li ._icon svg{overflow: hidden;fill: #068144;color: #068144;vertical-align: text-top;font-size: 24px;}
._upsel-card ._contents ul li ._txt{color: #1d2c3c;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
._upsel-card ._contents ul li.grey ._icon svg{fill: #68778f;color: #68778f;}


._upsel-card ._footer-btn{padding: 8px 16px 16px;display: flex;}
._upsel-card ._footer-btn .flight-select-option{transition: 0.2s;position: relative;padding: 7px 16px;border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: #fff;background-color: var(--btn-primary-color);border-color: var(--btn-primary-color);width: 100%;font-size: 16px !important;line-height: 24px !important;font-weight: 700;}
._upsel-card ._footer-btn .flight-select-option:hover{opacity: 0.9;}


._upsel-card ._footer-btn .button.add-to-quote {width: 40px;min-width: auto;margin: 0px 10px 0px 0px;padding: 0px;border: 1px solid rgb(217, 217, 217);background-color: rgb(255, 255, 255);color: rgb(116, 129, 149); border-radius: 4px; }
._upsel-card ._footer-btn .button.add-to-quote:hover{opacity: 1; border-color: #738094;color: #333;}
._upsel-card ._footer-btn .button.add-to-quote svg {width: 20px;height: 20px;margin-top: 2px;}


._upsel-card ._contents ._sk{background-color: #f3f4f6;border-radius: 4px;animation: 2s ease-in-out infinite fadeIt;}
._upsel-card ._contents ._sk-1{width: 168px;height: 28px;margin-bottom: 10px;}
._upsel-card ._contents ._sk-2{width: 52px;height: 16px;margin-bottom: 15px;}
._upsel-card ._contents ._sk-3{width: 77px;height: 24px;margin-bottom: 30px;}
._upsel-card ._contents ._sk-4{width: 168px;height: 24px;margin-bottom: 20px;}

@-o-keyframes fadeIt {
	0%   { background-color: #f3f4f6; }
	50%  { background-color: #E3E8EF; }
	100% { background-color: #f3f4f6; }
}
@keyframes fadeIt {
	0%   { background-color: #f3f4f6; }
	50%  { background-color: #E3E8EF; }
	100% { background-color: #f3f4f6; }
}




._upsel-card ._footer{
	border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f9fafc;
  padding: 16px;
  border-top: 1px solid #E3E8EF;
}
._upsel-card ._footer ._flex{
	display: flex;
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-align: top;
  align-items: top;
}
._upsel-card ._footer ._btn-sk{width: 84px;height:40px;border-radius: 4px; background-color: #E3E8EF;}
._upsel-card ._footer ._price-sk{width: 56px;height: 28px;background-color: #f3f4f6;}






.skeleton-bar {color: rgb(104, 119, 143);width: 120px;height: 24px;position: relative;overflow: hidden;margin-left: 0px;margin-right: 0px;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 20px;font-weight: 600;}
.skeleton-bar::before {position: absolute;content: "";inset: calc(-1px) 0px 5px;background-color: currentcolor;opacity: 0.1;transition: opacity 0.2s;z-index: 0;pointer-events: none;}
.skeleton-bar::after {position: absolute;content: "";display: block;top: 0px;left: 0px;width: 100vw;height: 300px;pointer-events: none;background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));animation: 2s ease-in-out infinite gXrbbb;}
.skeleton-bar.w120{width: 120px;}
.skeleton-bar.w48{width: 48px;height: 28px;}
.skeleton-bar.w28{width: 28px;height: 24px;}
.skeleton-bar.w32{width: 32px;height: 24px;}
.skeleton-bar.w72{width: 72px;height: 24px;}
.skeleton-bar.w72b{width: 72px;height: 28px;}
.skeleton-bar.skeleton_btn{height: 40px; width: 192px;}
.flight-results-wrapper .results-list .card-item .card .airport.second .skeleton-bar{float: right;}




.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-spacer{display: block;padding: 16px 0px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-flex{display: flex;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-pill{background: rgb(241, 244, 248);border-radius: 4px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-pill .inner{display: block;padding: 0px 4px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-pill .item-flex{display: flex;flex-direction: row;align-items: flex-start;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-pill .badge-icon{display: flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;height: 20px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-pill .badge-icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 16px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-pill .badge-spacer{display: block;padding: 0px 2px 0px 0px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .policy-pill .formatted-text {color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}

.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .price-text{display: inline-flex;flex-direction: column;align-items: flex-start;padding-top: 4px;padding-right: 4px;padding-bottom: 2px;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .price-text .formatted-text{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 20px;font-weight: 600;display: inline-block;box-sizing: border-box;}
.flight-results-wrapper .results-list .card-item .card .item-flex .flight-section-price .price-label {color: rgb(104, 119, 143);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}

.modal-flight-details {
	display: flex;
	height: 100vh;
	-moz-box-pack: center;
	justify-content: center;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 48;
	-moz-box-align: center;
	align-items: center;
}
.modal-flight-details ._modal-backdrop{
	background-color: rgba(0, 0, 0, 0.5);
	height: 100vh;
	position: fixed;
	left: 0px;
	top: 0px;
	transition: opacity 0.2s;
	width: 100vw;
	opacity: 0.9;
	z-index: 40;
}
.modal-flight-details ._modal-content {
	background-color: white;
	max-width: 100vw;
	position: fixed;
	overflow: auto;
	inset: 0px;
	border-radius: 8px;
	background-clip: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 24px 0px, rgba(0, 0, 0, 0.05) 0px 8px 32px 0px;
    flex-direction: column;
    max-height: 90vh;
    overflow: auto;
    position: relative;
    inset: 0px auto auto;
    transition: transform 0.2s, opacity 0.2s;
    width: 640px;
    opacity: 1;
    transform: translateY(0px);
	z-index: 50;
  }
  .modal-flight-details ._modal-content ._flex-modal-content{
	min-height: 0px;
	overflow: unset;
	display: flex;
	flex-direction: column;
	height: fit-content;
}
.modal-flight-details ._modal-content ._flex-modal-content ._flex-height{
	display: flex;
	flex-direction: column;
	max-height: 90vh;
}
.modal-flight-details ._modal-content ._flex-height ._modalHeader{
	position: relative;
	z-index: 1;
}
.modal-flight-details ._modal-content ._flex-height ._modalHeader ._closeButton{
	z-index: 1;
	appearance: none;
	background-color: transparent;
	border: medium;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}
.modal-flight-details ._modal-content ._flex-height ._modalHeader ._closeButton svg{
	overflow: hidden;
	fill: var(--color-icon-default);
	color: var(--color-icon-default);
	vertical-align: text-top;
	font-size: 24px;
}
.modal-flight-details ._modal-content ._flex-height ._modalHeader ._closeButton ._pad{
	display: block;padding: 8px;
}
.modal-flight-details ._modal-content ._flex-height ._modalHeader ._title{
	font-size: 20px;
	line-height: 24px;
	padding: 32px 32px 0px;
}
.modal-flight-details ._modal-content ._flex-height ._modalHeader ._title ._formattedText{
	text-align: left;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 24px;
	font-weight: 700;
}
._modal_body{padding: 32px;}

.flight-details-segment-dates{
	text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
}




.modal-flight-extras{
	position: fixed;
	inset: 0px;
	transform: translate(0px);
	transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s steps(1, start);
	background-color: #fff;
	box-shadow: rgba(50, 50, 93, 0.1) 0px 4px 6px 0px, rgba(50, 50, 93, 0.1) 0px 4px 24px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1px 1px;
	z-index: 56;
	display: flex;
	-moz-box-pack: start;
	justify-content: flex-start;
	opacity: 1;
}
.modal-flight-extras .modal-flight-flex-wrapper{min-height: 100%;width: 100%;transform: translateX(0px);}
.modal-flight-extras .view-flex-container{display: flex;flex-direction: column;-moz-box-pack: justify;/*justify-content: space-between;*/height: 100%;}
.modal-flight-extras .title-bar{padding:16px;position: fixed;top:0;left:0;right:0;width: 100%;box-sizing: border-box;background-color: #fff;z-index: 1;}
.modal-flight-extras .title-bar .title-bar-flex{display: flex;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.modal-flight-extras .title-bar .modal-flight-breadcrumbs-flex {display: flex;-moz-box-pack: justify;justify-content: space-between;}
.modal-flight-extras .title-bar .modal-flight-breadcrumbs-flex ._item{display: flex;-moz-box-align: center;align-items: center;}
.modal-flight-extras .title-bar .modal-flight-breadcrumbs-flex ._item ._item-span{position: relative;background: white;display: block;padding: 0px 8px;}
.modal-flight-extras .title-bar .modal-flight-breadcrumbs-flex ._item ._item-span ._formatted-text{padding-left: 8px;font-size: 14px;color: #1d2c3c;}
.modal-flight-extras .title-bar .modal-flight-breadcrumbs-flex ._item ._icon-flex{display: flex;padding-left: 8px;}
.modal-flight-extras .title-bar .modal-flight-close-flex{cursor: pointer;}
.modal-flight-extras .title-bar .modal-flight-close-flex ._pad{display: block;padding: 0px 0px 0px 32px;}
.modal-flight-extras .title-bar .modal-flight-close-flex ._flex-center{display: flex;-moz-box-align: center;align-items: center;}
.modal-flight-extras .title-bar .modal-flight-close-flex ._flex-center ._item{display: block;padding: 0px 8px 0px 0px;}
.modal-flight-extras .title-bar .modal-flight-close-flex ._flex-center ._item ._formatted-text{line-height: 20px;font-size: 12px;}
.modal-flight-extras .title-bar .modal-flight-close-flex ._flex-center ._btn-item {-moz-box-align: center;align-items: center;background-color: transparent;border-radius: 4px;border: medium;display: flex;height: 32px;-moz-box-pack: center;justify-content: center;width: 32px;}
.modal-flight-extras .title-bar .modal-flight-close-flex ._flex-center ._btn-item svg{font-size: 24px;}
.modal-flight-extras .title-bar .modal-flight-close-flex ._flex-center ._btn-item:hover{background-color: #1d2c450d;cursor: pointer;}
.modal-flight-extras .modal-flight-page{-moz-box-flex: 1;flex-grow: 1;height: 0px;overflow-y: auto;width: 100%;}
.modal-flight-extras .modal-flight-page ._h1-title{text-align: left;vertical-align: baseline;line-height: 28px;font-size: 24px;font-weight: 600;padding: 0px 0px 48px;}

.modal-flight-extras .modal-flight-page ._section-wrapper{display: block;padding: 0px 0px 48px;}

.modal-flight-extras .modal-flight-page ._section-title{display: block;}
.modal-flight-extras .modal-flight-page ._section-title ._section-title-flex{ display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.modal-flight-extras .modal-flight-page ._section-title ._section-title-flex ._icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
.modal-flight-extras .modal-flight-page ._section-title ._section-title-flex ._icon svg{overflow: hidden;fill: #465565;color: #465565;vertical-align: text-top;font-size: 24px;}
.modal-flight-extras .modal-flight-page ._section-title ._section-title-flex ._formatted-text{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 20px;font-weight: 600;}
.modal-flight-extras .modal-flight-page ._section-title-spacer{display: block;padding: 0px 0px 16px;}
.modal-flight-extras .modal-flight-page ._section-title-spacer-sm{display: block;padding: 0px 0px 8px;}

.negative-well{background: #F1F4F8;border-radius: 4px;border-width: 1px;border-style: solid;border-image: none;border-color: #E3E8EF;}
.negative-well .spacer-md{display: block;padding: 12px 16px;}
.negative-well .flex-row-start{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
.negative-well ._icon{display: block;padding: 0px 8px 0px 0px;margin-top: 0px;}
.negative-well ._icon svg{overflow: hidden;fill: #4c5566;color: #4c5566;vertical-align: top;font-size: 20px;}
.negative-well ._formatted-text{display: flex;flex-direction: column;position: relative;}

._formatted-text-med{color: #68778f;font-size: 14px;line-height: 24px;}

.modal-flight-extras .modal-flight-page .section-options-well{position: relative;transition: 0.15s;cursor: inherit;background: #fff;border-radius: 8px;box-shadow: none;border: 1px solid #E3E8EF;}
.modal-flight-extras .modal-flight-page .section-options-well ._inner{padding: 0px 16px 16px;}
.modal-flight-extras .modal-flight-page .section-options-well ._inner-head{display: block;padding: 0px 0px 16px;}

.modal-flight-extras .modal-flight-page .section-options-well ._item-flex{display: flex;flex-wrap: nowrap;-moz-box-pack: justify;justify-content: space-between;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item{display: flex;flex-direction: column;-moz-box-flex: 1;flex-grow: 1;flex-basis: 100%;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._item-bg{background: #f9fafc;border-radius: 8px;border-width: 1px;border-style: solid;border-image: none;border-color: #E3E8EF;position: relative;transition: 0.3s;min-height: 220px;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._item-bg::before {content: "";position: absolute;inset: -1px;border: 2px solid var(--btn-primary-color);border-radius: 8px;pointer-events: none;opacity: 0;transition: opacity 0.2s ease-in-out;}


.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item.selected{display: block;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item.selected ._item-bg{background-color: #fff8fb;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item.selected ._item-bg::before{opacity: 1;}

.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item.secondary{max-width: 230px;}

.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._inner-pad{display: block;padding: 16px 8px;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select{min-height: 188px;display: flex;flex-direction: column;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-title{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._svg-spacer{padding: 16px 0px;display: block;min-height: 120px;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._svg-flex{display: flex;flex-direction: row;align-items: flex-end;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._svg-flex ._flex-item{display: flex;flex-direction: column;-moz-box-align: center;align-items: center;}

.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._label-spacer{padding: 8px 0px 0px;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._item-label{color: #68778f;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;padding-left: 10px;padding-right: 10px;}

.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-radio-wrapper{display: flex;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-radio-wrapper ._label{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-radio-wrapper ._spacer{padding: 0px 0px 0px 8px;	}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-radio-wrapper ._radio-box{cursor: pointer;margin-top: 2px;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-radio-wrapper ._radio-box ._flex{display: flex;-moz-box-pack: justify;justify-content: space-between;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-radio-wrapper ._radio-box ._flex-row{display: flex;-moz-box-align: center;align-items: center;-moz-box-flex: 1;flex-grow: 1;}

.radio-label{width: 20px;height: 20px;border-radius: 50%;background-color: #FFFFFF;box-shadow: inset 0 0 0 1px #BFCBD9;display: inline-block;margin: 0px 8px 0px 0px;position: relative;flex-shrink: 0;}
.selected .radio-label{opacity: 1;background-color: #fff;border: 2px solid var(--btn-primary-color);box-shadow: none;}
.selected .radio-label::after{
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 4px solid var(--btn-primary-color);
  background-color: #fff;
  display: block;
  position: absolute;
  inset: 0px;
  margin: auto;
}

.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item ._luggage-select ._formatted-text-radio-wrapper ._radio-box ._span {-moz-box-flex: 1;flex-grow: 1;}
.modal-flight-extras .modal-flight-page .section-options-well ._item-flex ._item-spacer {display: block;padding: 16px 0px 0px 16px;}


/**/

.inline-form-input{border:0; outline:0 ; box-shadow: none; border-bottom: 2px solid #efefef;font-size: 14px;}

.input-featured-search-container{position: relative;box-sizing: border-box;width: 100%;height: 40px;display: block;transition: border-bottom-color 0.25s ease-in-out 0s;border-bottom: 2px solid rgb(179, 186, 197);margin-bottom: 40px;}
.input-featured-search-container input{border:0;outline: 0;width: 100%;height: 40px;line-height: 38px;font-size: 20px; font-weight: 600; padding-right: 40px;background: transparent;}
.input-featured-search-container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgb(179, 186, 197);opacity: 1; /* Firefox */ }
.input-featured-search-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: rgb(179, 186, 197);}
.input-featured-search-container input::-ms-input-placeholder { /* Microsoft Edge */color: rgb(179, 186, 197);}
.input-featured-search-container .icon-right{ position: absolute;right: 0; height: 40px;line-height: 38px;color: #6b778b;font-size: 18px;}

.input-select-div { position: relative; background-color: #fff;border: 1px solid #d3d3d3;margin: 0;line-height: 40px;padding-left: 15px;padding-right: 30px;overflow: hidden;font-size: 14px;height: 40px;color: #333;cursor: pointer;width: 100%;}
.input-select {-webkit-appearance: menulist-button;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;display: block;width: 100%;height: 100%;margin-top: 0;font-size: 16px;cursor: pointer;}
.input-chev-down { display: inline-block; position: absolute;right: 0;top: 50%;margin-right: 15px;margin-top: -9px;font-size: 14px;color: #666;}
.mat-select { background-color: #fff;border: 0;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;color: rgba(0,0,0,.65);font-size: 16px;font-weight: 600;line-height: 20px;margin: 0;max-width: 100%;outline: 0;padding: 8px!important;-webkit-transition: box-shadow .15s;transition: box-shadow .15s;vertical-align: middle;-webkit-appearance: none;-webkit-box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #e0e0e0 inset;box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #e0e0e0 inset;width: 390px;max-height: 36px;display: inline-block;}

.floating-select{-webkit-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);padding-top: 8px;padding-bottom: 8px;background: #fff;min-width: 112px;max-width: 280px;overflow: auto;-webkit-overflow-scrolling: touch;outline: 0;min-height: 36px;position: absolute;top:0;right: 0; z-index: 1;}
.floating-select .mat-menu-item {-webkit-border-radius: 0!important;border-radius: 0!important;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;font-weight: 600;font-size: 14px;letter-spacing: 0!important;line-height: 20px;height: auto;margin: 0;min-height: 32px;padding: 6px 16px;text-align: left;text-transform: none;width: 100%; background-color: #fff; outline: none; border:0; cursor: pointer; }
.floating-select .mat-menu-item:hover{background: rgba(0,0,0,0.04);}


.input-container{padding-bottom: 24px;position: relative;}

.input-sub-title{color: rgb(104, 119, 143);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}

.input-mat { background-color: #fff;border: 0;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;color: rgba(0,0,0,.87);font-size: 16px;font-weight: 400;line-height: 20px;margin: 0;max-width: 100%;outline: 0;padding: 10px;-webkit-transition: box-shadow .15s;transition: box-shadow .15s;vertical-align: middle;-webkit-appearance: none;-webkit-box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #ececf0 inset;box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #ececf0 inset;width: 390px;max-height: 36px;border:0;}
.input-mat.full{width: 100%}
.input-mat.inline{max-width: 200px;}
.input-mat.primary{ min-height: 40px; background-color: #fff;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;box-sizing: border-box;color: rgba(0,0,0,.87);font-size: 16px;font-weight: 400;line-height: 20px;margin: 0;max-width: 100%;outline: 0;padding: 8px;-webkit-transition: box-shadow .15s;transition: box-shadow .15s;vertical-align: middle; -webkit-appearance: none;-webkit-box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #ececf0 inset;box-shadow: 0 0 0 2px transparent inset, 0 0 0 1px #ececf0 inset;width: 390px;max-height: 40px;border:1px solid rgb(191, 203, 217); box-shadow: none; }
.input-mat.primary:hover{border-color: rgb(76, 85, 102);-webkit-transition: border-color .25s,color .25s;-moz-transition: border-color .25s,color .25s;transition: border-color .25s,color .25s;}
.input-mat.primary:active, .input-mat.primary:focus, .input-mat:active,.input-mat:focus {border:1px solid var(--link-primary);box-shadow: none;padding:8px;box-shadow: none!important; transition: all .25s; }
.input-mat.primary.full{width: 100%}
.input-mat.icon-spacer{padding-left: 40px!important;}
.input-mat.icon-spacer:active, .input-mat.icon-spacer:focus{padding-left: 40px;}
.input-mat.input-error{border:2px solid #ff5252;}
.input-mat.input-error{border:2px solid #9a1220;}
.input-mat::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ /*color: rgb(158, 158, 158);opacity: 1;*/ /* Firefox */ /*color: rgb(104, 119, 143);*/ /*color:#999; */
	color: rgb(115, 128, 148);
	font-weight: 400;
}
.input-mat:-ms-input-placeholder { /* Internet Explorer 10-11 */color: rgb(158, 158, 158);}
.input-mat::-ms-input-placeholder { /* Microsoft Edge */color: rgb(158, 158, 158);}

.label-mat {color: rgba(0,0,0,.54);font-weight: 600;font-size: 13px;line-height: 20px;padding-bottom: 4px;}
.label-mat.block{display: block;}
.label-mat.strong{color: #4c4e54;font-weight: 600;}

.datepicker {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;opacity: 0;z-index: 1;height: 100%;cursor: pointer;}



.check-container {font-weight: 600; display: block;position: relative;padding-left: 29px;margin-bottom: 12px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0px;left: 0;height: 18px;width: 18px;  background-color: #fff;border: 1px solid #999;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.check-container:hover input ~ .checkmark {/*background-color: #ccc;*/}
.check-container input:checked ~ .checkmark {background-color: #fff;border-color: #999;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-container input:checked ~ .checkmark:after {display: block;}
.check-container .checkmark:after {left: 5px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); border-color: #0770e3 }
.check-container .price-title{display: block;font-size: 11px;padding-top: 5px;padding-bottom: 10px;color: #666;}
.ar .checkmark{left: auto;right:0;}
.ar .check-container{padding-left: auto;padding-right: 29px;}

.check-container.m-b-0{margin:0;}


.selectGuestsTrigger{position: absolute;top:0;left:0;width: 100%;right:0;bottom: 0;cursor: pointer;}

.select-guests-wrapper{ z-index: 999999; position: absolute;top:100%;right:0;width: 100%; margin-top: 10px; background-color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 8px rgba(37,32,31,.25);box-shadow: 0 0 8px rgba(37,32,31,.25); border-radius: 10px;}

.select-guests-wrapper::before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	content: " ";
	display: block;
	margin-bottom: -1px;
	margin-left: -10px;
	border: 14px solid transparent;
	  border-bottom-color: transparent;
	border-bottom-color: #dddde5;
	pointer-events: none;
  }
  .select-guests-wrapper::after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	content: " ";
	display: block;
	margin-bottom: -1px;
	margin-left: -8px;
	border: 12px solid transparent;
	  border-bottom-color: transparent;
	border-bottom-color: #fff;
	pointer-events: none;
  }

.select-guests-wrapper .item{position: relative;}
.select-guests-wrapper .item .room-title{padding: 10px 15px;font-size: 14px;background-color: #fff;color:#000;font-weight: 600;border-top:1px solid #efefef;}
.select-guests-wrapper .item .room-title:first-child{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.select-guests-wrapper .item .room-title .close-item{float: right;cursor: pointer;}
.select-guests-wrapper .item .pax-box{padding: 10px 15px; min-height: 50px;}
.select-guests-wrapper .item .pax-title{padding: 0;margin: 0;line-height: 38px;height: 38px;font-size: 16px;font-weight: 700;}
.select-guests-wrapper .item .select-buttons-container{float: right;height: 30px;width: 120px;}
.select-guests-wrapper .item .select-buttons-container .item-btn{ cursor: pointer; line-height: 36px; width: 38px;height: 38px; box-sizing: border-box; float: left; font-size: 22px; color:#000; border:0px solid #000; text-align: center;font-weight: 600;background-color: #fff;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; box-shadow: 0 0 0 2px #dddde5 inset; color: var(--link-primary);}

.select-guests-wrapper .item .select-buttons-container .item-btn{display: flex;justify-content: center; align-items: center; }

.select-guests-wrapper .item .select-buttons-container .item-btn.off{border:0;cursor: not-allowed;color: rgb(178, 178, 191);background-color: rgb(221, 221, 229);border: 0;}
.select-guests-wrapper .item .select-buttons-container .item-number{line-height: 38px;color:#000;width: 38px;height: 38px; float: left; font-size: 16px;text-align: center;font-weight: 600;}
.select-guests-wrapper .more-rooms-trigger{position: relative;padding: 15px;font-size: 16px;text-align: center;font-weight: 600;cursor: pointer;}
.select-guests-wrapper .more-rooms-trigger.off{cursor: not-allowed; color: #ccc; }

.ar .select-guests-wrapper{right: auto;left: 0;}
.ar .select-guests-wrapper .item .select-buttons-container{float: left;}
.ar .select-guests-wrapper .item .room-title .close-item{float: left;}

.age-title{padding-top:5px;padding-bottom: 5px;margin:0;}

.closePaxOccupancyPopup{float: right;cursor: pointer;}
.ar .closePaxOccupancyPopup{float: left;}

.selectGuestsTrigger {
position: absolute;
top: 0;
left: 0;
width: 100%;
right: 0;
bottom: 0;
cursor: pointer;
}

.ages-container select{
font-family: inherit;
padding: 6px 12px;
background: 0 0;
border: 0;
margin: 0;
box-shadow: inset 0 0 0 2px #dddde5;
border-radius: 4px;
transition: background-color .125s,box-shadow .125s;
display: block;
width: 100%;
min-height: 40px;
height: 40px;
line-height: 20px;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background: transparent;
z-index: 1;
position: relative;
}

.input-label-icon{position: absolute;top:50%;right:15px;margin-top: 4px;margin-right: 10px;padding-left: 10px;background-color: #fff; z-index: 0;}

.input:focus-visible {
outline: none; 
}
.age-title {
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
}






/* BUTTONS */

.mat-raised-button {box-sizing: border-box;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;outline: none;border: none;-webkit-tap-highlight-color: transparent;display: inline-block;white-space: nowrap;text-decoration: none;vertical-align: baseline;text-align: center;margin: 0;min-width: 64px;line-height: 36px;padding: 0 16px;border-radius: 4px;overflow: visible;transform: translate3d(0, 0, 0);transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding-left: 16px;padding-right: 16px;border: 0;-webkit-border-radius: 8px;border-radius: 8px;text-transform: none;letter-spacing: .25px;min-width: 60px;background-color: var(--btn-primary-color);-webkit-box-shadow: none;box-shadow: none;color: #fff;font-weight: 600;}
.mat-raised-button:hover {color: #fff;background-color: var(--btn-primary-color);-webkit-box-shadow: none;box-shadow: none; opacity: 0.8; }
.mat-raised-button.secondary{border: 1px solid rgb(191, 203, 217);background-color: #fff;color: var(--btn-primary-color);}
.mat-raised-button[disabled] {background-color: rgba(0,0,0,.06);-webkit-box-shadow: none;box-shadow: none;color: rgba(0,0,0,.26);}
.mat-raised-button.working {background-color: rgba(0,0,0,.06);-webkit-box-shadow: none;box-shadow: none;color: rgba(0,0,0,.26);outline: none;}

.mat-raised-button.inline{margin-left: 10px;margin-right: 10px;}

.btn-search {text-transform: none;color: #fff;background-color: var(--btn-primary-color);font-size:16px; font-weight: 600; padding: 13px 43px 13px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: none;vertical-align: middle;line-height: 1.4;white-space: normal;-webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s; min-width: 180px; }
.btn-search{background-color: #000;border-radius: 20px;}
.btn-search:hover{opacity: 0.95;}



.btnPrimary{
	transition: 0.2s;
	position: relative;
	padding: 7px 16px;
	border: 1px solid var(--btn-primary-color);
	border-radius: 4px;
	line-height: 24px !important;
	cursor: pointer;
	white-space: nowrap;
	z-index: unset;
	color: rgb(255, 255, 255);
	background-color: var(--btn-primary-color) ;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 700;
}
.btnPrimary:hover{background-color: var(--btn-primary-color) ; border: 1px solid var(--btn-primary-color); opacity: 0.95;}

.btn-search-mat {text-transform: none;color: #333;background-color: #fff;font-size:16px;padding: 13px 43px 13px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; border: none;vertical-align: middle;line-height: 1.4;white-space: normal;-webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;min-width: 200px;}
.btn-search.sm{font-size:14px;padding: 10px 20px 10px;border-radius: 4px;}
.btn-max{width: 100%;}
.btn-wide{width: 100%;}

.btn-secondary{
	transition: 0.2s;
	position: relative;
	padding: 7px 16px;
	border: 1px solid #e5e4e3;
	border-radius: 8px;
	line-height: 24px !important;
	cursor: pointer;
	white-space: nowrap;
	z-index: unset;
	color: #222;
	background-color: #fff ;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 700;
}

.btn-select {text-transform: none;color: #fff;background-color: var(--btn-primary-color);font-size:16px; font-weight: 600; padding: 13px 23px 13px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: none;vertical-align: middle;line-height: 1.4;white-space: normal;-webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}
.btn-select:hover{opacity: 0.95;}
.btn-select.secondary{transition: 0.2s;border: 1px solid rgb(191, 203, 217);background-color: #fff;color: var(--btn-primary-color);}
.btn-select.secondary:hover{color: #333!important;}

/* DROPDOWN */

.autosuggest__suggestions-container {position: absolute;top: 100%;left: 0;display: block;z-index: 900;width: 100%;margin-top: 10px;}
.autosuggest__suggestions-container:before {position: absolute;bottom: 100%;left: 50px;content: " ";display: block;margin-bottom: -1px;margin-left: -10px;border: 14px solid transparent;border-bottom-color: #dddde5;pointer-events: none;}
.autosuggest__suggestions-container:after {position: absolute;bottom: 100%;left: 50px;content: " ";display: block;margin-bottom: -1px;margin-left: -8px;border: 12px solid transparent;border-bottom-color: #fff;pointer-events: none;}
.autosuggest__suggestions-container__ED5zj:after, .autosuggest__suggestions-container__ED5zj:before {left: 28%;-webkit-transform: translateZ(0);}
.autosuggest__suggestions-container ul{ width: 120%; max-width: 600px; margin: 0;padding: 0;list-style: none;overflow: hidden;border: 1px solid #dddde5;background-color: #fff;box-shadow: 0 4px 14px 0 rgba(37,32,31,.25);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align: left;text-align: left;}
.autosuggest__suggestions-container ul li{cursor: pointer;margin: 0;font-size: 16px;line-height: 20px;font-weight: 400;letter-spacing: normal;}
/*
.autosuggest__suggestions-container ul li:hover{background-color: #f1f2f8;}
.autosuggest__suggestions-container ul li:focus{background-color: #f1f2f8;}
*/
.autosuggest__suggestions-container ul li.active{background-color: #f1f2f8;}
.autosuggest__suggestions-container ul li:not(:last-child) {box-shadow: inset 0 -1px 0 0 #dddde5;}
.autosuggest__suggestions-container ul li section{margin:0;padding: 0;background-color: transparent;padding: 12px 16px 10px 16px;}
.autosuggest__suggestions-container ul li section.inset{padding-left: 26px;}
.autosuggest__suggestions-container ul li section .inner-block{margin-left: 36px;font-weight: 600;}
.autosuggest__suggestions-container ul li section .inner-block span{display: block;}
.autosuggest__suggestions-container ul li section .inner-block small{display: block;font-size: 12px;font-weight: 400;}
.autosuggest__suggestions-container ul li section svg {}
.autosuggest__suggestions-container ul li section svg.autosuggest__suggestion-icon__2ZPG6 {float: left;margin-right: 10px;vertical-align: top;fill: #b2b2bf;}


.floating-div-select{position: absolute;top: 100%;left: 0;display: block;z-index: 900;width: 100%;margin-top: 10px;}
.floating-div-select:before {position: absolute;bottom: 100%;left: 50%;content: " ";display: block;margin-bottom: -1px;margin-left: -10px;border: 14px solid transparent;border-bottom-color: #dddde5;pointer-events: none;}
.floating-div-select:after {position: absolute;bottom: 100%;left: 50%;content: " ";display: block;margin-bottom: -1px;margin-left: -8px;border: 12px solid transparent;border-bottom-color: #fff;pointer-events: none;}
.floating-div-select ul.pax-list{  width: 100%; max-width: 600px; min-width: 300px; margin: 0;padding: 15px; padding-left: 20px; padding-right: 20px; padding-top: 25px; list-style: none;overflow: hidden;border: 1px solid #dddde5;background-color: #fff;box-shadow: 0 4px 14px 0 rgba(37,32,31,.25);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align: left;text-align: left;}
.floating-div-select ul.pax-list label{display: block;padding:0;margin:0; margin-bottom: 5px; font-weight:600; color: rgb(17, 18, 54); }
.floating-div-select ul.pax-list .cabin-row{position: relative;height: 60px;}
.floating-div-select ul.pax-list .cabin-row .title{margin-left: 116px;padding-top: 10px;padding-left: 15px;font-size: 16px;font-weight: 600;}
.floating-div-select ul.pax-list .cabin-row .content{float: left;width: 116px;}
.floating-div-select ul.pax-list .cabin-row .content .btn__item{float: left;height: 38px;width: 38px;-webkit-appearance: button;position: relative;color: var(--link-primary);border:0;background-color: #fff;box-shadow: 0 0 0 2px #dddde5 inset;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.floating-div-select ul.pax-list .cabin-row .content .btn__item:hover{background-image: none;color: var(--link-primary);background-color: #fff;box-shadow: 0 0 0 2px var(--link-primary) inset;}
.floating-div-select ul.pax-list .cabin-row .content .btn__item span{ font-size: 24px; line-height: 16px; height: 16px; display: block; margin:0; padding: 0;; }
.floating-div-select ul.pax-list .cabin-row .content .btn__item span svg {fill:var(--link-primary);}
.floating-div-select ul.pax-list .cabin-row .content .btn__item:disabled {background-color: rgb(221, 221, 229);background-image: none;color: rgb(178, 178, 191);box-shadow: none;cursor: not-allowed;}
.floating-div-select ul.pax-list .cabin-row .content .btn__item:disabled span svg {fill:rgb(178, 178, 191);;}
.floating-div-select ul.pax-list .cabin-row .content .input{float: left;width: 38px;height: 38px;border:0;outline:none;text-align: center;font-size: 24px; min-height: 38px;}
.floating-div-select ul.pax-list .pax-list-message p{color: rgb(129, 123, 143);font-size: 12px;line-height: 18px;margin: 0px;padding: 0px 0px 10px;}


.flight-types-radio-wrapper .form-check-inline{margin-bottom: 20px;margin-right: 20px;}






.header .primary-nav ul li .user-profile-menu{
position: absolute;
top: 75px;
right:0;
box-shadow: rgb(50 50 93 / 10%) 0px 4px 6px 0px, rgb(50 50 93 / 10%) 0px 4px 24px 0px, rgb(50 50 93 / 5%) 0px 0px 1px 1px;
background-color: white;
border-radius: 8px;
overflow: hidden;
width: 256px;
padding-top: 10px;
padding-bottom: 10px;
}
.header .primary-nav ul li .user-profile-menu ul{list-style: none;margin:0;padding:0;position: relative;float: none;}
.header .primary-nav ul li .user-profile-menu ul li{float:none;width:100%;font-size: 14px;display: block;padding-right: 0;padding-top:0;}
.header .primary-nav ul li .user-profile-menu ul li a .inline-icon svg {width: 16px;height: 16px;vertical-align: sub;color: #000;fill: #000;}
.header .primary-nav ul li .user-profile-menu ul li a .inline-icon.signout svg{width: 18px;height: 18px;}
.header .primary-nav ul li .user-profile-menu ul li a:hover{background-color: var(--user-nav-link-bg) ;color: #fff;}
.header .primary-nav ul li .user-profile-menu ul li a:hover .inline-icon svg {color: #fff;fill: #fff;}
.header .primary-nav ul li .user-profile-menu ul li span.grey{color: rgb(115, 128, 148);}
.header .primary-nav ul li .user-profile-menu ul li.break{padding-top: 10px;margin-top:10px;border-top:1px solid #ddd;}
.header .primary-nav ul li .user-profile-menu ul li a{color: #000;display: block;text-decoration: none;padding-top: 8px;padding-bottom: 8px;padding-left: 16px;padding-right: 16px;}
.header .primary-nav ul li .user-profile-menu ul li .title{padding-left: 16px;padding-right: 16px;padding-top: 10px;padding-bottom: 10px;}
.header .primary-nav ul li .user-profile-menu ul li .inline-icon {margin-right: 5px;}

/* QUOTES */
ul.side-quotes-list{margin:0;padding:0;list-style: none;}
ul.side-quotes-list li{list-style: none;margin:0;margin-bottom: 20px;padding:10px;border:1px solid #e0e0e0;}
ul.side-quotes-list li:hover{cursor: pointer;background-color: #efefef;}
ul.side-quotes-list li ._title{font-size: 14px;font-weight: 700;}

/* HOTEL SEARCH FORM STARS */
.search-stars-prompt{position: relative;margin:0;height: 56px;margin-bottom: 14px;}
.search-stars-prompt ul{margin: 0; list-style: none; }
.search-stars-prompt ul li { cursor: pointer; float: left; margin-right: 10px; background-color: #f2f2f2; height: 40px;width: 40px;padding-top: 10px;text-align: center;border: 1px solid #f2f2f2; background-color: #fff; border-color: #e5e4e3; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.search-stars-prompt ul li{height: 56px;padding-top: 9px;line-height: 40px;width: 45px;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
/*.search-stars-prompt ul li:last-child{width: 20%;margin-right: 0;}*/
.search-stars-prompt ul li .fa{margin-left: 5px;}
.ar .search-stars-prompt ul li .fa{margin-left: auto;margin-right: 5px;}
.search-stars-prompt ul li:hover{color: #fff;border-color: var(--stars-selected-bg); background-color: var(--stars-selected-bg); -o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}
.search-stars-prompt ul li._on {background-color: #101121;color: #fff;border-color: #101121;}
.search-stars-prompt ul li.on {background-color: var(--stars-selected-bg);color: #fff;border-color: var(--stars-selected-bg);}

.search-stars-prompt ul li{width: 18%;margin-right: 2%;}

@media (max-width: 500px){
.search-stars-prompt ul li{width: 18%;margin-right: 2%;}
}

@media (max-width: 1440px){
.search-stars-prompt ul li{width: 18%;margin-right: 2%;}
}


.transition-all{-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}





.footer-section{padding-top: 40px;padding-bottom: 40px;border-top: 1px solid #d9d9d9;}
.footer-logo{margin-bottom: 20px;height: 100px;}
/*.footer-logo{margin-bottom: 10px;height: 40px;}*/
.footer-logo img{height: 100%;}
.footer-logo img{max-height: 100px;}
.footer-company-name{padding-bottom: 20px;}








/* HOME */

.covid-update-box{ font-size: 14px; color: #333;padding: 16px 20px;position: relative; border-radius: 8px; border:2px solid #333;}
.covid-update-box ._icon{height: 16px;fill: #fff;margin-right: 10px;float: left;}
.covid-update-box .read-more{float: right;}
.covid-update-box .read-more a{color: #333;}


.homeView{min-height: 600px;}
.homeView h2{font-size: 28px;margin-bottom: 20px;padding-top: 20px; color: #000; }
.homeView h2.top-deals{padding-top: 60px;}
.homeView h2 .destination{ border-bottom: 4px solid #000; }
.homeView .h2-helper {font-size: 14px;padding-bottom: 0px;color: #999;}

.top-deals-options{padding-top: 40px;padding-bottom: 40px;}
.top-deals-options .deal-item{ background-position: center; height: 300px;border-radius: 20px;background-color: #ddd; background-size: cover; background-repeat: no-repeat;position: relative;margin-bottom: 20px;}
.top-deals-options h3{font-size: 18px;font-weight: 600;margin:0;padding:0;color: #000;}
.top-deals-options h4{font-size: 18px;font-weight: 600;margin:0;padding:0;color: var(--link-primary);}
.top-deals-options ._trip-type{font-size: 14px;font-weight: 400;}







/* HOTELS */

/* HOTEL SEARCH */


/*
@keyframes dJRMQf {
    from {left: 100%;}
    to {left: 0%;}
}

@-webkit-keyframes dJRMQf {
    from {left: 100%;}
    to {left: 0%;}
}
*/

@keyframes dJRMQf {
	0% {
		left: 100%;
	}
	20% {
		left: 0;
	}
	80% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}

@-webkit-keyframes dJRMQf {
	0% {
		left: 100%;
	}
	20% {
		left: 0;
	}
	80% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}

@keyframes dJRMQfEnd {
	0% {
		left: 100%;
	}
	20% {
		left: 0;
	}
	100% {
		left: 0;
	}
}

@-webkit-keyframes dJRMQfEnd {
	0% {
		left: 100%;
	}
	20% {
		left: 0;
	}
	100% {
		left: 0;
	}
}

.HotelSearchResultsPageStyles__Styled_TextContainer{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #222;
}
.HotelSearchResultsPageStyles__Styled_TextContainer h2{font-size: 18px;padding:0; margin:0;padding-bottom: 5px;color: inherit;}
.HotelSearchResultsPageStyles__Styled_TextContainer p{font-size: 14px;font-weight: 400;padding:0; margin:0;color: inherit;}

.HotelSearchResultsPageStyles__StyledMain-sc-7cmo9k-0{padding-top: 40px;}

.HotelIllustrationLoad__AnimationContainer-sc-176aiyt-0{
	width: 220px;
	height: 180px;
	overflow: hidden;
	margin: auto;
	position: relative;
}
.HotelIllustrationLoad__AnimatedIllustration-sc-176aiyt-1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	min-width: 220px;
	opacity: 0;
	animation-iteration-count: 1;
	left: 100%;
}


.HotelIllustrationLoad__AnimatedIllustration-sc-176aiyt-1.emoHPN{
	opacity: 1;
	animation: 3.5s ease-in-out 0s dJRMQf;
}
.HotelIllustrationLoad__AnimatedIllustration-sc-176aiyt-1.kJpZiv{
	opacity: 1;
	animation: 3.5s ease-in-out 3.5s dJRMQf;
}
.HotelIllustrationLoad__AnimatedIllustration-sc-176aiyt-1.bslVdK{
	opacity: 1;
	animation: 3.5s ease-in-out 7s dJRMQf;
}
.HotelIllustrationLoad__AnimatedIllustration-sc-176aiyt-1.emJAOU{
	opacity: 1;
	animation: 3.5s ease-in-out 10.5s dJRMQf;
}
.HotelIllustrationLoad__AnimatedIllustration-sc-176aiyt-1.kJpZit{
	opacity: 1;
	animation: 3.5s ease-in-out 14s dJRMQf;
}
.HotelIllustrationLoad__AnimatedIllustration-sc-176aiyt-1.bslVdU{
	opacity: 1;
	animation: 3.5s ease-in 17.5s dJRMQfEnd;
	animation-iteration-count: 1;
}





.hotelResultsView{min-height: 400px;position: relative;}




.hotel-breadcrumbs{padding-top: 20px;padding-bottom: 0px;font-size: 13px;background-color: #fff;}
.hotel-breadcrumbs ul{list-style: none;margin:0;padding: 0;}
.hotel-breadcrumbs ul li{list-style: none;margin:0;padding: 0;float: left; margin-right: 10px;}

.room-breadcrumbs{padding-top: 20px;padding-bottom: 20px;font-size: 13px;border-bottom: 1px solid #e4e9ef;}
.room-breadcrumbs ul{list-style: none;margin:0;padding: 0;}
.room-breadcrumbs ul li{list-style: none;margin:0;padding: 0;float: left; margin-right: 10px;}

.hotel-edit-search-wrapper{padding-bottom: 20px;padding-top:20px;border-bottom: 1px solid #e4e9ef;background-color: #fff;}


.hotel-search-top-bar{position: fixed;top: 88px; left:0; right:0; width: 100%; background-color:  rgba(255, 255, 255, 1);  backdrop-filter: blur(10px); padding-top: 16px; border-bottom: 1px solid #E3E8EF; height: 70px; z-index: 2;}


.hotel-search-top-bar.slide-up{ transform: translateY(-100%); transition: all .3s; -webkit-transition: all .3s; }
.hotel-search-top-bar.slide-down { transition: all .3s; -webkit-transition: all .3s; }


.hotel-edit-search-wrapper .search-summary-title{font-size: 16px;font-weight: 600;line-height: 24px;text-align: left;}

.hotel-service-fee-container{float: right;width: 120px;margin-left: 10px;}
.hotel-service-fee-container .button.service-fee{width: 100%;padding-top: 8px;padding-bottom: 8px; min-height: 38px; background:none;color: var(--link-primary);font-size: 14px; font-weight: 600; border:1px solid var(--link-primary);border-radius: 4px;}
.hotel-service-fee-container .button.service-fee{color: #101D2C;border: 1px solid #EBEBEB;}
.hotel-service-fee-container .button.service-fee:hover{background:none;color: #101D2C!important;border:1px solid #c6d2e1;}
.hotel-service-fee-container .button.service-fee:focus{background:none;color: #101D2C!important;border:1px solid #c6d2e1;}
.hotel-service-fee-container .button.service-fee .spinner {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-width: 2px;
	z-index: 0;
	border-right-color: transparent;
	border-bottom-color: transparent;
  }
.hotel-service-fee-container .button.service-fee .spinner{border-color: #333;border-right-color: transparent;border-bottom-color: transparent;width: 20px;height: 20px;}
.hotel-service-fee-container .button.service-fee .spinner:before{ z-index: 0; content: '';width: 20px;height: 20px;border: 2px solid #fff; opacity: 0.35; border-radius: 50%; position: absolute; left:50%; top:50%; margin-left: -10px; margin-top: -10px;  }

.hotel-service-fee-container .check-container.off{padding-left: 0;cursor: auto;}
.section-quote-select-wrapper ._open-link.off{margin-left: 0;}


.hotel-edit-search-container{float: right;width: 120px;margin-left: 10px;}
.hotel-edit-search-container .button.edit-search{width: 100%;padding-top: 8px;padding-bottom: 8px;background:none;color: #101D2C;font-size: 14px; font-weight: 600; border:1px solid #ebebeb;border-radius: 4px;}
.hotel-edit-search-container .button.edit-search:hover{background:none;color: #101D2C!important;border:1px solid #c6d2e1;}
.hotel-edit-search-container .button.edit-search:focus{background:none;color: #101D2C!important;border:1px solid #c6d2e1;}



.hotel-edit-search-summary{margin-right: 140px; text-align: right; font-size: 12px;}
.hotel-edit-search-summary p{padding-bottom: 3px;}
.hotel-result-filters-panel{padding-top: 20px;}

#FiltersPanel.sticky{position: fixed;top:50px;}
#FiltersPanel.stickyBottom{position: absolute;}



.hotel-result-filters-panel .hotel-filters{padding-top: 20px;padding-bottom: 20px;}
.hotel-result-filters-panel .hotel-filters .filter-title{font-size: 16px;font-weight: 600;margin:0;padding: 0;margin-bottom: 10px;cursor: pointer;}
.hotel-result-filters-panel .hotel-filters .filter-title .tog{float: right;}

.hotel-results-panel{padding-top: 20px;}
.hotel-result-card { position: relative;transition: all 0.15s ease 0s;cursor: inherit;background: rgb(255, 255, 255);border-radius: 20px;min-height: 240px;margin-bottom: 30px; border-radius: 12px; border:0px solid #e4e9ef; box-sizing: border-box; box-shadow: 0 8px 8px #959da533 !important; }
.hotel-result-card:hover{box-sizing: border-box; box-shadow: 0 8px 24px #757c8433 !important; }
.hotel-result-card{min-height: 214px;}
.hotel-result-card .h-img-wrapper{overflow:hidden;-webkit-border-radius: 20px 0 0 20px ;-moz-border-radius: 20px 0 0 20px ;border-radius: 20px 0 0 20px ;position: absolute;top:0;left:0;width: 240px;height: 100%;background-color: #efefef;border-radius: 0;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}

.hotel-result-card .h-img-wrapper .h-img {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 3px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}

.hotel-result-card .h-content{margin-left: 240px;padding: 20px;padding-bottom: 70px;position: relative;}
.hotel-result-card .h-content h4{font-weight: 600;font-size: 18px;margin:0;padding: 0;margin-bottom: 5px;}
.hotel-result-card .h-content h4 a{color: #000;}
.hotel-result-card .h-content h4 a:hover{color: var(--link-primary);}
.hotel-result-card .h-star-wrapper{font-size: 16px;color: #000;margin-bottom: 5px;margin-top: 10px;}

.hotel-result-card .h-property-type {
font-size: 12px;
color: #000;
margin-bottom: 15px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 4px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #e4e9ef;
border-radius: 4px;
display: inline-block;
line-height: 12px;
}

.hotel-result-card .h-address{margin-bottom: 10px;font-size: 12px;}
.hotel-result-card .h-address .fa{margin-right: 5px;}
.hotel-result-card .h-guest-score{float:right;margin-bottom: 10px;font-size: 14px;font-weight: 600;}
.hotel-result-card .h-guest-score .trust{width: 33.6px;height: 25px;border-top-left-radius: 8px;background-color: #0ab21b;border-bottom-right-radius: 8px;line-height: 25px;text-align: center;font-size: 14px;margin-bottom: 0;color: #fff;font-weight: 600;margin-right: 10px;display: inline-block;}

.hotel-result-card .h-guest-score{float: none; position: absolute; left:20px; bottom:12px; }
.hotel-result-card .h-guest-score .trust {
	width: auto;
	height: 30px;
	border-top-left-radius: 8px;
	background-color: #0ab21b;
	border-bottom-right-radius: 8px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 0;
	color: #fff;
	font-weight: 600;
	margin-right: 10px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #227950;
	border-radius: 4px;
}

.hotel-result-card .h-ta-score{margin-bottom: 10px;font-size: 12px;}
.hotel-result-card .h-ta-score img{height: 16px;margin-left: -5px;}
.hotel-result-card .h-included-encourage{list-style: none;margin:0;padding:0;padding-top: 5px;}
.hotel-result-card .h-included-encourage li{display:inline-block;margin:0;padding:0;margin-right:5px;margin-bottom:5px;border:1px solid #e4e9ef;color: #101D2C;padding-top: 5px;padding-bottom: 5px;padding-left: 8px;padding-right: 8px;font-size: 11px;border-radius: 0px;}
.hotel-result-card .h-included-encourage li .fa{margin-right: 5px;}
.hotel-result-card .h-card-price-wrapper{position: absolute;bottom:0;height: 65px; box-sizing: border-box; padding:15px; padding-top:0; left:240px;right:0;border-top:0px solid #e4e9ef;}
.hotel-result-card .h-card-price-wrapper .button-wrapper{float: right;width: 160px;}
.hotel-result-card .h-card-price-wrapper .button-wrapper button{width: 100%;height: 42px;background: none;color: #ffffff;font-size: 16px;font-weight: 600;border: 2px solid var(--btn-primary-color);background-color: var(--btn-primary-color);text-align: center;line-height: 24px; border-radius: 4px;}
.hotel-result-card .h-card-price-wrapper .button-wrapper button:hover{color: #fff;opacity: 0.9;}
.hotel-result-card .h-card-price-wrapper .button-wrapper button.working{background-color: #ccc;color: #696969!important;border-color: #ccc !important;}
.hotel-result-card .h-card-price-wrapper .price-wrapper{margin-right: 160px;padding-right: 20px;text-align: right;}
.hotel-result-card .h-card-price-wrapper .price-wrapper .price{padding-top:2px;display: block;font-size: 16px;font-weight: 600;}
.hotel-result-card .h-card-price-wrapper .price-wrapper .summary{font-size: 11px; color: #545e6d; display: block;}

.property-tax{
	color: #8c939b;
	text-align: left;
	vertical-align: baseline;
	line-height: 20px;
	font-size: 11px;
	font-weight: 400;
	display: block;
	margin-top: 5px;
	max-width: 70%;
}

.clean-usp{background-color: rgb(245, 247, 250);
border-radius: 8px;
display: block;
padding: 12px 16px;
margin-bottom: 80px;
margin-top: 20px;
}

.clean-usp .flex-wrap{
display: flex;
flex-direction: row;
}
.clean-usp .flex-wrap .item{
display: flex;
flex-direction: row;
-moz-box-pack: justify;
justify-content: space-between;
-moz-box-align: center;
align-items: center;
-moz-box-flex: 1;
flex-grow: 1;
}
.clean-usp .flex-wrap .item .content{
display: flex;
align-items: flex-start;
}

.clean-usp .flex-wrap .item .content svg{
overflow: hidden;
fill: rgb(76, 85, 102);
color: rgb(76, 85, 102);
vertical-align: middle;
font-size: 20px;
}

.clean-usp .flex-wrap .item .content .spacer{
display: block;
padding: 0px 8px 0px 0px;
}

.clean-usp .flex-wrap .item .content .text-heading {

font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
vertical-align: baseline;
text-transform: unset;
}

.hs-item{padding: 0px 16px 8px 0px;color: rgb(29, 44, 60);margin-bottom: 10px;}
.hs-item svg{
overflow: hidden;
fill: rgb(76, 85, 102);
color: rgb(76, 85, 102);
vertical-align: text-top;
font-size: 20px;
margin-right:10px;
}

.check-container {font-weight: 400; display: block;position: relative;padding-left: 29px;cursor: pointer;font-size: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0px;left: 0;height: 20px;width: 20px;  background-color: #fff;border: 1px solid #cfd5de;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.check-container:hover input ~ .checkmark {background-color: #cfd5de;}
.check-container input:checked ~ .checkmark {background-color: var(--btn-primary-color);border-color: var(--btn-primary-color);}
.checkmark:after {content: "";position: absolute;display: none;}
.check-container input:checked ~ .checkmark:after {display: block;}
.check-container .checkmark:after {left: 6px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.check-container .stars{display: inline-block;padding-top: 0px;color: #4c5566;fill: #4c5566;}
.check-container .stars .not-rated{float: left;margin-top: -18px;font-size: 12px;}
.check-container .count{float: right;font-size: 12px;padding-left: 10px;}
.check-container .title{display: block;/*padding-top: 2px;*/font-size: 13px;}

.hotel-result-filters-panel .filters-header{font-weight: 600;}

.filters-header .spinner {position: relative;float:left;width: 20px; height: 20px; top:auto; left: auto; margin: 0; margin-top:-2px; margin-right: 6px; animation: rotate 0.6s infinite linear;border-width: 2px;border-style: solid;border-color: rgba(0,0,0,0.1);border-right-color: transparent;border-radius: 50%;border: 2px solid #4c5566;border-right-color: transparent;}

.hotel-result-filters-panel .filters-header .highlight{color: #101D2C;}
.hotel-result-filters-panel .name-search{position: relative;margin-bottom: 20px;}
.hotel-result-filters-panel .name-search .input {display: block;width: 100%;color: #495057;background-color: #fff;background-clip: padding-box;padding-left:20px;padding-right: 46px;height: 48px;border: 1px solid #d9d9d9;border-radius: 4px;color: #6e6e6e;outline: none;line-height: 20px;    box-shadow: none;}
.hotel-result-filters-panel .name-search .btn{position: absolute;right:10px;top:1px;bottom: 0;height: 46px;width: 46px;text-align: center;font-size: 16px;color: #ccc!important;outline: none;background-color: #fff;border:0px;border:0!important;min-height:45px;}
.hotel-result-filters-panel .name-search .btn:active{-webkit-box-shadow:none;box-shadow:none;color: #ccc;}
.hotel-result-filters-panel .name-search .btn:focus{-webkit-box-shadow:none;box-shadow:none;color: #ccc;}

#CloseEditSearchForm{position: relative;z-index: 1;right:20px;top:20px;}
#clearHotelName{float: right;font-size: 12px;font-weight: 400;cursor: pointer;}

.h-sortby{margin-top: 20px;height: 44px;}
.h-sortby ul{list-style: none;height: 44px;border-radius: 0px;float: right;background-color: #f3f4f9;border:2px solid #f3f4f9; border-radius: 6px; }
.h-sortby ul li{cursor:pointer;color:#738094;font-weight:600;float: left;height: 40px;text-align:center;padding-left:20px;padding-right:20px;padding-top: 12px;padding-bottom: 8px;font-size: 12px;}
.h-sortby ul li:hover{background-color: #eaeaef;border-radius: 4px;}
.h-sortby ul li.active{background-color: #fff;box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px;border-radius: 4px;color: var(--link-primary);}
.h-sortby .title{float: right;padding-right: 20px;padding-top: 14px;font-size:12px;color: rgb(29, 44, 60);}

.h-tab-list-group{margin-top: 20px;height: 44px;}
.h-tab-list-group ul{list-style: none;height: 44px;border-radius: 0px;background-color: #f3f4f9;border:2px solid #f3f4f9;}
.h-tab-list-group ul li{width:50%;cursor:pointer;color:#738094;font-weight:600;float: left;height: 40px;text-align:center;padding-left:20px;padding-right:20px;padding-top: 12px;padding-bottom: 8px;font-size: 12px;}
.h-tab-list-group ul li:hover{background-color: #eaeaef;}
.h-tab-list-group ul li.active{background-color: #fff;box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px;border-radius: 4px;color: #101D2C;}
.h-tab-list-group ul li .fa{margin-right:5px;}
.h-tab-list-group .title{float: right;padding-right: 20px;padding-top: 14px;font-size:12px;color: rgb(29, 44, 60);}

.h-tab-list-group ul li.cursor-not-allowed{cursor: not-allowed;}


.no-res-container{text-align: center;padding-top: 60px;padding-bottom: 60px;width: 285px;margin-left: auto;margin-right: auto;}
.no-res-container p{padding-top: 32px;padding-bottom: 24px;font-size: 18px;font-weight: 700;}
.no-res-container.session{margin-right: 50%;margin-left: auto;}

.no-res-container .button-edit-search {transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid  var(--btn-primary-color) ;border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(255, 255, 255);background-color:  var(--btn-primary-color); font-size: 16px !important; line-height: 24px !important; border-style: none; padding: 0; width: auto; padding-left: 15px; padding-right: 15px; height: 40px; font-weight: 600; }
.no-res-container .button-edit-search:hover{ opacity: 0.9; }
.no-res-container .edit-search-prompts{padding: 48px 0px 0px;}
.no-res-container .edit-search-prompts ._row{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;font-size: 14px;line-height: 24px;color: #1D2C3C;}
.no-res-container .edit-search-prompts ._row .icon-check {display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}



.floating-dropdown { /*transition: 0.15s;*/cursor: inherit;box-shadow: rgba(50, 50, 93, 0.1) 0px 4px 6px 0px, rgba(50, 50, 93, 0.1) 0px 4px 24px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1px 1px;background-color: white;border-radius: 8px;overflow: hidden;padding: 0px;position: absolute;top: 100%;left: 0px;white-space: nowrap;min-width: 145px;width: auto;z-index: 9;margin-top: 8px;  }
.floating-dropdown ._spacer{display: block;padding: 16px 32px 16px 16px;}
.floating-dropdown ._row{display: block;padding: 0px 0px 12px;}
.floating-dropdown ._row:last-child{padding-bottom: 0;}
.floating-dropdown ._flex{display: flex;-moz-box-pack: justify;justify-content: space-between;}
.floating-dropdown ._flex_inner{display: flex;-moz-box-align: center;align-items: center;-moz-box-flex: 1;flex-grow: 1;}
.floating-dropdown label._label { cursor: pointer; width: 20px;height: 20px;border-radius: 50%;background-color: #ffffff;box-shadow: inset 0 0 0 1px #bfcbd9;display: inline-block;margin: 0px 8px 0px 0px;position: relative;flex-shrink: 0;}
.floating-dropdown label._label.checked {width: 20px;height: 20px;border-radius: 50%;display: inline-block;margin: 0px 8px 0px 0px;position: relative;flex-shrink: 0;background-color: var(--btn-primary-color);box-shadow: none;border: 0px;}
.floating-dropdown ._radio{display: none;}
.floating-dropdown label._label::after {content: "";height: 8px;width: 8px;border-radius: 50%;border: 4px solid #fff;background-color: var(--btn-primary-color);display: block;position: absolute;inset: 0px;margin: auto;}
.floating-dropdown span._span {width: 100%;vertical-align: middle;cursor: pointer;}






.loading-item{margin:0;padding: 0;list-style: none;padding-top: 15px;}
.loading-item li{margin:0;padding: 0;margin-bottom: 20px;list-style: none;}
.loading-item .card-main {margin:0;padding: 0;height: 219px;overflow: hidden;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: glowling;animation-name: glowling;-webkit-animation-timing-function: linear;animation-timing-function: linear;background: no-repeat #f6f6f6;background-image: linear-gradient(270deg,#f6f6f6,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);position: relative; border-radius: 12px; }
.loading-item .card-main .__ph100 {height: 100%;}
.loading-item .card-main .__w5 {width: 10px;width: 0px;}
.loading-item .card-main .__left {left: 0;}
.loading-item .card-main .__fill {background-color: #fff;position: absolute;}
.loading-item .card-main .__pw100 {width: 100%;}
.loading-item .card-main .__top {top: 0;}
.loading-item .card-main .__row {height: 15px;}
.loading-item .card-main .__right {right: 0;}
.loading-item .card-main .__bottom {bottom: 0;}
.loading-item .card-main .__img-rim {left: 235px;}
.loading-item .card-main .__txt {left: 245px;}
.loading-item .card-main .__h5 {height: 5px;}
.loading-item .card-main .__l-1 {top: 10px;}
.loading-item .card-main .__pw20 {width: 20%;}
.loading-item .card-main .__pw30 {width: 30%;}
.loading-item .card-main .__h15 {height: 15px;}
.loading-item .card-main .__h20 {height: 20px;}
.loading-item .card-main .__l-2 {top: 15px;}
.loading-item .card-main .__pw100 {width: 100%;}
.loading-item .card-main .__h10 {height: 10px;}
.loading-item .card-main .__l-3 {top: 30px;}
.loading-item .card-main .__l-4 {top: 40px;width: 55%;}
.loading-item .card-main .__l-5 {top: 55px;}
.loading-item .card-main .__pw55 {width: 55%;}
.loading-item .card-main .__pw60 {width: 60%;}
.loading-item .card-main .__l-6 {top: 65px;}
.loading-item .card-main .__l-7 {top: 85px;}
.loading-item .card-main .__l-8 {top: 95px;}
.loading-item .card-main .__pw40 {width: 40%;}
.loading-item .card-main .__l-9 {top: 115px;}
.loading-item .card-main .__bottom {bottom: 0;}
.loading-item .card-main .__ph50 {height: 50px;}
.loading-item .card-main .__ph15 {height: 15px;}
.loading-item .card-main .__w10 {width: 10px;}
.loading-item .card-main .__w20 {width: 20px;}
.loading-item .card-main .__l-10 {top: 135px;}
.loading-item .card-main .__l-11 {
	top: 135px;
	right: 0;
	height: 70px;
	width: 15px;
	left: auto;
  }
.loading-item .card-main .__l-12 {top: 135px;width: 45%;height: 70px;}
.loading-item .card-main .__l-0 {height: 30px;}
@-webkit-keyframes glowling{
0%{
	background-position:-820px 0
}
to{
	background-position:820px 0
}
}
@keyframes glowling{
0%{
	background-position:-820px 0
}
to{
	background-position:820px 0
}
}

@-webkit-keyframes flashing{
0%{
	opacity:0.5;
}
50%{
	opacity:1;
}
to{
	opacity:0.5;
}
}
@keyframes flashing{
0%{
	opacity:0.5;
}
50%{
	opacity:1;
}
to{
	opacity:0.5;
}
}

.pagination-numbers{float: right;}

ul.results-pagination{list-style: none;margin:0;padding: 0;margin-top: 40px;}
ul.results-pagination li{float: left;width: 30px;height: 30px; margin-bottom: 5px; margin-right: 5px; border:1px solid transparent; color: #000; line-height: 28px; box-sizing: border-box; font-size: 12px; text-align: center; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; }
ul.results-pagination li.active{cursor: auto ;border-color: #333; }
ul.results-pagination li.pageTrigger{cursor: pointer ;border-color: #c6d2e1; }
ul.results-pagination li.pageTrigger:hover{border-color: #333;}
ul.results-pagination li.disabled{cursor: auto ; border-color: transparent;}


.alert-bar-base{
position: fixed;
bottom: 10px;
width: 400px;
left: 10px;
background-color: rgb(255, 231, 166);
opacity: 1;
transform: translateX(0px);
pointer-events: all;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
padding: 16px 24px;
font-size: 12px;
}
.alert-bar-base ._title{font-weight: 600;margin-bottom: 5px;}




/*MAP*/
.map_full_overlay__wrapper {
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1003;
}
.map_full_overlay__mask {
display: block;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
position: absolute;
}
.map_full_overlay__close {
position: fixed;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
z-index: 1003;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.24);
box-shadow: 0 2px 4px rgba(0,0,0,0.24);
cursor: pointer;
}
.map_full_overlay__close::before, .map_full_overlay__close::after {
content: '';
background: #383838;
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 2px;
border-radius: 4px;
}
.map_full_overlay__close::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.map_full_overlay__close::after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.map_with_list__container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	overflow: hidden;
	overflow-x: auto;
	z-index: 1002;
	background: #e5e5e5;
	top: 30px;
	left: 30px;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
	border: 10px solid #fff;
	border-radius: 3px;
	border-radius: 20px;
	-webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.24);
	box-shadow: 0 8px 16px rgba(0,0,0,0.24);
  }


.hotel-rooms-res .hotel-rooms .hotel-room{padding:10px; padding-top: 5px; padding-bottom: 15px; padding-left: 20px;padding-right: 20px;border-bottom: 1px solid #ddd;}
.hotel-rooms-res .hotel-rooms .hotel-room:last-child{border-bottom: 0;} 
.hotel-rooms-res .hotel-rooms .hotel-room .hotel-room-price{font-size: 18px;font-weight: 700; padding-bottom: 5px;}
.hotel-rooms-res .hotel-rooms .hotel-room .hotel-room-price .price-was-dicount-tag{margin-right: 4px;background: rgb(255, 247, 229); border-radius: 4px;padding: 0px 4px; display: flex;flex-direction: row;align-items: flex-start; display: inline-block;color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 600;}
.hotel-rooms-res .hotel-rooms .hotel-room .hotel-room-price-was{ padding-right: 20px; font-size: 12px;font-weight: 400; padding-bottom:0px; text-decoration: line-through;}


.hotel-rooms-res .hotel-rooms .hotel-room .room-name{ color: #222; padding-bottom: 5px;padding-top: 10px;font-weight: 700;}

.hotel-rooms-res{min-height: 100px;background-color: #fff;border-top: 1px solid #e4e9ef;position: relative;}
.notransform {
text-transform: none !important;
}

.hotel-room .button {
position: relative;
padding: 12px 20px;
border-radius: 4px;
background-color: var(--btn-primary-color);
-webkit-transition: 150ms;
transition: 150ms;
color: #fff;
font-size: 14px;
line-height: 14px;
font-weight: 700;
text-align: center;
border: 0;
border-radius: 4px;
outline: none;
min-height: 38px;
min-width: 88px;
float: right;
}

.hotel-room .button:hover{opacity: 0.9;}

.hotel-room .button.add-to-quote, 
	.hotel-room .button.add-to-quote-dynamic {float: right;width: 40px;min-width: auto;margin: 0;padding: 0;margin-right: 10px;border: 1px solid #d9d9d9;background-color: #fff;color: #748195;}

.hotel-room .button.add-to-quote:hover, 
	.hotel-room .button.add-to-quote-dynamic:hover{opacity: 1; border-color: #738094;color: #333;}

.hotel-room .button.add-to-quote svg,
	.hotel-room .button.add-to-quote-dynamic svg{width: 20px;height: 20px;margin-top: 2px;}

.hotel-room .button.add-to-quote .spinner,
	.hotel-room .button.add-to-quote-dynamic .spinner{border-color: #333;border-right-color: transparent;border-bottom-color: transparent;}

.hotel-room .button.add-to-quote .spinner:before,
	.hotel-room .button.add-to-quote-dynamic .spinner:before{ z-index: 0; content: '';width: 20px;height: 20px;border: 2px solid #fff; opacity: 0.35; border-radius: 50%; position: absolute; left:50%; top:50%; margin-left: -10px; margin-top: -10px;  }

.hotel-room .button .spinner{border-color: #fff;border-right-color: transparent;border-bottom-color: transparent;}
.hotel-room .button .spinner:before{ z-index: 0; content: '';width: 20px;height: 20px;border: 2px solid #fff; opacity: 0.35; border-radius: 50%; position: absolute; left:50%; top:50%; margin-left: -10px; margin-top: -10px;  }

.hotel-result-card .h-card-price-wrapper .button-wrapper button .spinner{border-color: #738094!important; border-right-color: transparent!important;border-top-color: transparent!important;}
.hotel-result-card .h-card-price-wrapper .button-wrapper button.working{background-color: #f3f4f9!important;color: #738094!important;border-color: #f3f4f9 !important;}

.add-note-formatted-text{
color: rgb(76, 85, 102);
text-align: left;
vertical-align: baseline;
line-height: 20px;
font-size: 12px;
font-weight: 400;
margin-bottom: 20px;
width: 75%;
}
.add-note-button,.cancel-note-button{
transition: 0.2s;
position: relative;
padding: 7px 16px;
border: 1px solid rgb(191, 203, 217);
border-radius: 4px;
line-height: 24px !important;
cursor: pointer;
white-space: nowrap;
z-index: unset;
color: var(--btn-primary-color);
background-color: rgb(255, 255, 255);
}
.add-note-button:hover,.cancel-note-button:hover {
	color:#333;
}
.add-note-wrapper{
display: flex;
flex-direction: column;
width: 60%;
padding-bottom: 20px;
}
textarea.add-note-input{
position: relative;
display: inline-flex;
-moz-box-align: center;
align-items: center;
width: 100%;
min-height: auto;
z-index: initial;
font-size: 16px;
background: rgb(255, 255, 255);
caret-color: auto;
border-width: 1px;
border-style: solid;
border-color: rgb(191, 203, 217);
border-radius: 4px;
transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
box-shadow: unset;
margin-bottom: 20px;  padding: 10px;
outline: none!important;
}
textarea.add-note-input:focus-within{
	border-color: #000;
}
textarea.add-note-input::placeholder {
color: rgb(115, 128, 148);
}
.add-note-button-wrapper{
	display: flex;
  -moz-box-pack: end;
  justify-content: flex-end;
}
.add-note-button-wrapper .btn-spacer{padding: 0px 16px 0px 0px;}

._price-wrapper{
	box-shadow: none;
	position: relative;
	transition: 0.15s;
	cursor: inherit;
	background: rgb(255, 255, 255);
	border-radius: 8px;
	border: 1px solid rgb(227, 232, 239);
	margin-top: 5px;
}
._price-wrapper ._title{
	padding: 16px;
	display: flex;
	flex-direction: row;
	-moz-box-pack: justify;
	justify-content: space-between;
}
._price-wrapper ._title .title-formatted-text{
	text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
._price-wrapper ._title .price-formatted-text{
	text-align: left;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
._price-wrapper ._breakdown{
	background: rgb(249, 250, 252);
	border-radius: 0px 0px 8px 8px;
	border-bottom: medium;
	border-left: medium;
	border-right: medium;
	border-top: 1px solid rgb(227, 232, 239);
}
._price-wrapper ._breakdown ._row{
	padding: 16px;
	display: block;
	display: flex;
	flex-direction: row;
	-moz-box-pack: justify;
	justify-content: space-between;
	-moz-box-align: center;
	align-items: center;
}
._price-wrapper ._breakdown ._row .left-item{
	text-align: left;
	vertical-align: baseline;
	line-height: 24px;
	font-size: 14px;
	font-weight: 600;
}
._price-wrapper ._breakdown ._row .left-item.light{
	font-weight: 400;font-size: 12px;
}
._price-wrapper ._breakdown ._row .right-item{
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	font-weight: 600;
}
._price-wrapper ._breakdown ._row.secondary{
	padding-top: 8px;
	padding-bottom: 8px;
}
._price-wrapper ._breakdown ._row.secondary .left-item{
	font-weight: 400;
}
._price-wrapper ._breakdown .style-spacer{
	display: block;padding: 0px 16px;
}
._price-wrapper ._breakdown .style-spacer ._divider{
	border-color: rgb(227, 232, 239);
	border-width: 1px 0px 0px;
	border-style: solid;
	width: 100%;
	height: 1px;
}
._price-wrapper .green-mode{color: rgb(6, 129, 68);}




.hotel-room a{color: #000;}
.hotel-room a.green{color: rgb(6, 129, 68);}
.hotel-room .green{color: rgb(6, 129, 68);}

.hotel-room a.orange{color: rgb(177, 141, 0);}
.hotel-room .orange{color: rgb(177, 141, 0);}

.hotel-room .cancellation-inline-text{font-size: 12px; line-height: 20px;border-bottom: 1px dotted;}



.CupIcon{width: 20px;height: 20px;float: left;margin-right: 6px;}

.BreakfastIncludedIcon{width: 20px;height: 20px;float: left;margin-right: 6px;color: rgb(6, 129, 68);fill: rgb(6, 129, 68);}
.FreeCancellationIcon{width: 20px;height: 20px;float: left;margin-right: 6px;color: rgb(6, 129, 68);fill: rgb(6, 129, 68);}
.NonRefundableIcon{width: 20px;height: 20px;float: left;margin-right: 6px;color: rgb(76, 85, 102);fill: rgb(76, 85, 102);}
.FlexibleCancellationIcon{width: 20px;height: 20px;float: left;margin-right: 6px;color: rgb(177, 141, 0);fill: rgb(177, 141, 0);}
.IncludedText{color: rgb(6, 129, 68);}



.flight-item-inline-baggage svg{font-size: 20px;margin-right: 6px;color: #4c5566;}
.flight-item-inline-baggage.light svg{color: #868689;}

.relative{position: relative;}

.modal-popup-wrapper{ z-index: 999; position: fixed;top:0;left: 0;right: 0;bottom:0; width: 100%;height: 100%;display: flex;}
.modal-popup-wrapper:after{content:'';z-index: 1; background-color: rgba(0,0,0,0.5); position: fixed; left:0; right: 0; top:0; bottom: 0;}
.pop-up-modal{ width: 100%; position: relative; max-width: 600px; z-index: 9; margin:auto; -max-height: 600px; min-height: 200px; border-radius: 16px; background: #fff; border:0px solid #000;  }
.pop-up-modal.sm{min-height: 100px;}
.pop-up-modal .close-modal{ cursor: pointer; position: absolute; right: 20px;top:25px; padding:5px; border-radius: 4px; opacity: 0.7; height: 34px; }
.pop-up-modal .close-modal:hover{opacity: 1;background-color: rgba(55,23,23,0.03); text-align: center; line-height: 30px; }
.pop-up-modal .close-modal svg{height: 24px;width: 24px;}
.pop-up-modal h3{width: 100%;font-size: 22px; font-weight: 600; padding:25px; padding-bottom: 20px; margin:0; border-bottom: 1px solid #efefef;}
.pop-up-modal .pop-up-modal-content{padding:20px;padding-left: 26px; padding-right: 26px; padding:30px; padding-bottom: 104px; }

.pop-up-modal .pop-up-modal-content input, .pop-up-modal .pop-up-modal-content select{ height: 45px; width: 100%; border:0; background: #f1f1f1; font-size: 16px; border-radius: 4px; margin:0; margin-bottom: 15px; padding: 4px; padding-left: 8px; }

.pop-up-modal.hotel-service-fee{width: 300px;min-height: 200px;}
.pop-up-modal.hotel-expired-results{width: 600px;text-align: center;}
.pop-up-modal.hotel-quote{width: 600px;min-height: 400px;max-height: 90%;}
.pop-up-modal.hotel-quote .pop-up-modal-content{min-height: 300px;position: relative;overflow-x: scroll;overflow: hidden;}


.flight-journey{}
.flight-journey ._headTitle{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 600;}
._journey-wrapper{display: flex;flex-direction: column;margin-bottom: 20px;}
._journey-wrapper ._flex{display: flex;flex-direction: column;}

._journey-wrapper ._flex ._flex-spacer{padding: 16px 0px 8px;}
._journey-wrapper ._flex ._flex-row{display: flex;-moz-box-pack: justify;justify-content: space-between;}
._journey-wrapper ._flex ._flex-row ._icon{flex: 0 0 56px; display: flex;}
._journey-wrapper ._flex ._flex-row ._icon img{height: 32px;width: 32px;border-style: none;}
._journey-wrapper ._flex ._flex-row ._airline{width: 100%;display: flex;flex-direction: column;}
._journey-wrapper ._flex ._flex-row ._airline ._airline-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
._journey-wrapper ._flex ._flex-row ._airline ._airline-flex ._formatted-text{color: #1d2c3c;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 400;}
._journey-wrapper ._flex ._flex-row ._airline ._airline-flight-flex{display: flex;flex-direction: row;}
._journey-wrapper ._flex ._flex-row ._airline ._airline-flight-flex ._formatted-text{color: #1d2c3c;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;padding-top: 4px;}


._journey-wrapper ._flex-base-spacer{display: block;padding: 16px 0px 8px;}
._journey-wrapper ._flex-base-spacer ._contents{display: flex;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
._journey-wrapper ._flex-base-spacer ._contents ._icon{width: 56px;display: flex;}
._journey-wrapper ._flex-base-spacer ._contents ._icon svg{overflow: hidden;fill: var(--color-icon-negative);color: var(--color-icon-negative);vertical-align: text-top;font-size: 24px;color: #c10707;fill: #c10707;}
._journey-wrapper ._flex-base-spacer ._contents ._details {color: #c10707;display: flex;flex-direction: row;-moz-box-flex: 1;flex-grow: 1;min-width: 0px;}
._journey-wrapper ._flex-base-spacer ._contents ._details ._time-spacer{display: block;padding: 0px 16px 0px 0px;}
._journey-wrapper ._flex-base-spacer ._contents ._details ._time-spacer ._formatted-text {text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
._journey-wrapper ._seg-wrapper{position: relative;}
._journey-wrapper ._seg-wrapper ._flight-flex{display: flex;-moz-box-pack: justify;justify-content: space-between;}
._journey-wrapper ._seg-wrapper ._flight-breakdowm{position: relative;}
._journey-wrapper ._seg-wrapper ._flight-flex-row{-moz-box-flex: 1;flex-grow: 1;min-width: 0px;display: flex;-moz-box-pack: start;justify-content: flex-start;z-index: 1;background-color: #fff;position: relative;}
._journey-wrapper ._seg-wrapper ._flight-flex-row svg{overflow: hidden;fill: #4c5566;color: #4c5566;vertical-align: text-top;font-size: 24px;}
._journey-wrapper ._seg-wrapper ._flight-flex-row ._spacer{display: block;padding: 0px 0px 0px 32px;}
._journey-wrapper ._seg-wrapper ._flight-flex-row ._flex-width{min-width: 0px;display: flex;flex-direction: row;}
._journey-wrapper ._seg-wrapper ._flight-flex-row ._flex-width ._time {color: #1d2c3c;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;width: 100px;}
._journey-wrapper ._seg-wrapper ._flight-flex-row ._flex-width ._time ._day-spacer{padding: 0px 0px 0px 2px;color: #6e6e6f;}
._journey-wrapper ._seg-wrapper ._flight-flex-row ._flex-width ._airport{width: 100%;}
._journey-wrapper ._seg-wrapper ._flight-flex-row ._flex-width ._airport ._formatted-text{width: 100%;color: #1d2c3c;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
._journey-wrapper ._seg-wrapper ._next-day{padding:0px 0px 0px 8px;color: #c10707; color: #d20f46; text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}
._journey-wrapper ._seg-wrapper ._flight-flex-row-center{display: flex;-moz-box-align: center;align-items: center;}
._journey-wrapper ._seg-wrapper ._flight-flex-row-center ._spacer{display: block;padding: 16px 0px 16px 64px;}
._journey-wrapper ._seg-wrapper ._flight-flex-row-center ._spacer ._duration-flex{display: flex;}
._journey-wrapper ._seg-wrapper ._flight-flex-row-center ._spacer ._duration-flex ._formatted-text{color: #4c5566;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}
._journey-wrapper ._seg-wrapper ._journey-line-container{position: absolute;top: 28px;bottom: 4px;width: 6px;left: 9px;}
._journey-wrapper ._seg-wrapper ._journey-line-container ._journey-line{width: 2px;position: absolute;top: 0px;left: 2px;bottom: 0px;background-image: linear-gradient(rgb(201, 211, 223) 50%, rgb(255, 255, 255) 0%);background-position: right center;background-size: 2px 8px;background-repeat: repeat-y;}


.pop-up-modal-footer{position: relative;padding: 16px;background-color: #ffffff;border-top: 1px solid #E3E8EF;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.pop-up-modal-footer{position: absolute;left:0;right:0;bottom:0;z-index: 1;}
.pop-up-modal-footer ._spacer{padding: 0px 0px 0px 16px;}
.pop-up-modal-footer ._out-of-policy{color: #cc0a46;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}
.pop-up-modal-footer ._flex{display: flex;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.pop-up-modal-footer ._from{color: #68778f;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.pop-up-modal-footer ._price{padding-top: 4px;padding-right: 4px;padding-bottom: 2px;color: #1d2c3c;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 20px;font-weight: 700;display: inline-block;}











.empty-quote-section{padding-top: 20px; padding-bottom: 20px; text-align: center; }
.empty-quote-section .city-scape-img {height: 100px;}

.btn-send-quote{
position: relative;
padding: 12px 20px;
border-radius: 4px;
background-color: var(--btn-primary-color);
-webkit-transition: 150ms;
transition: 150ms;
color: #fff;
font-size: 14px;
line-height: 14px;
font-weight: 700;
text-align: center;
border: 0;
border-radius: 4px;
outline: none;
min-height: 38px;
min-width: 88px;
}
.btn-send-quote:hover{opacity: 0.9;}

.control-buttons-container{position: fixed; width: 600px; background-color: #fff; right:0; bottom:0 ; padding:20px ; padding-left: 40px; border-top: 1px solid #E3E8EF;}

.control-buttons-container .svg-spacer{margin-right: 10px;float: left;margin-top: 8px;}
.control-buttons-container .svg-spacer svg{width: 20px;height: 20px;color: #1D2C3C;font-size: 14px;}
.control-buttons-container .message{color: rgb(104, 119, 143);font-size: 12px;line-height: 20px;margin-top: 8px;}


.pop-up-modal.hotel-expired-results{border: 0;}
.pop-up-modal.hotel-expired-results .pop-up-modal-content{padding-top: 30px;padding-bottom: 30px;padding-top: 0;}
.pop-up-modal.hotel-expired-results h3{border-bottom: 0;font-weight: 600;}
.pop-up-modal.hotel-expired-results .custom-btn{ 
transition: 0.2s;
position: relative;
padding: 7px 16px;
border: 1px solid rgb(191, 203, 217);
border-radius: 4px;
line-height: 24px !important;
cursor: pointer;
white-space: nowrap;
z-index: unset;
color: rgb(76, 85, 102);
background-color: rgb(255, 255, 255);
margin-left: 5px!important;
margin-right: 5px!important;
font-weight: 600;
}
.pop-up-modal.hotel-expired-results .custom-btn.primary{
background-color: var(--btn-primary-color);
color: #fff;
border-color: var(--btn-primary-color);
font-weight: 600;
min-width: 136px;
}
.pop-up-modal.hotel-expired-results .custom-btn.primary.working{
	background-color: #ccc;
}
.pop-up-modal.hotel-expired-results .custom-btn:hover{opacity: 0.75;}




.right-notifications .item-content .flex-view{display: flex;flex-direction: column;-moz-box-pack: justify;justify-content: space-between;height: 100%;}
.right-notifications .item-content .flex-view .flex-view-content{overflow-y: auto;width: 100%;-moz-box-flex: 1;flex-grow: 1;height: 0px;}
.right-notifications .item-content .flex-view .flex-view-content .inner-pad{padding: 24px 24px 24px;display: block;}

.review-details-wrapper{}
.review-details-wrapper .property-wrapper{}
.review-details-wrapper .property-wrapper ._spacer{display: block;padding: 24px 0px 0px;}
.review-details-wrapper .property-wrapper .property-image{background-color: rgb(255, 255, 255);background-attachment: scroll, scroll;background-origin: padding-box, padding-box;background-clip: border-box, border-box;border-radius: 4px;background-size: cover;background-position: center center;background-repeat: no-repeat;height: 116px;width: 186px;}
.review-details-wrapper .property-wrapper ._v-spacer{display: block;padding: 0px 0px 0px 16px;}
.review-details-wrapper .property-wrapper ._content-wrapper{display: flex;flex-direction: column;}
.review-details-wrapper .property-wrapper ._content-wrapper .hotel-star-rating{display: block;padding: 0px 0px 8px;color: #000;}
.review-details-wrapper .property-wrapper ._content-wrapper .hotel-name{padding: 0px 0px 8px;display: block;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 20px;font-weight: 600;}
.review-details-wrapper .property-wrapper ._content-wrapper .hotel-address{padding: 0px 0px 8px;display: block;display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.review-details-wrapper .property-wrapper ._content-wrapper .hotel-address ._icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
.review-details-wrapper .property-wrapper ._content-wrapper .hotel-address ._icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}
.review-details-wrapper .property-wrapper ._content-wrapper .hotel-address a{color: rgb(50, 59, 77);text-decoration: none;line-height: 24px;}
.review-details-wrapper .property-wrapper ._content-wrapper .hotel-address ._divider{border-color: rgb(227, 232, 239);border-width: 1px 0px 0px;border-style: dashed;width: 100%;height: 1px;}

.review-details-wrapper .property-wrapper .section-divider {border-color: rgb(227, 232, 239);border-width: 1px 0px 0px;border-style: solid;width: 100%;height: 1px;}

.underline-bold{text-decoration: underline;}

.review-details-wrapper .property-wrapper .section{display: block;padding: 32px 0px;color: #1D2C3C;}
.review-details-wrapper .property-wrapper .section h3 {text-align: left;vertical-align: baseline;line-height: 24px;font-size: 18px;font-weight: 600;margin:0;padding:0;padding-bottom: 16px;}
.review-details-wrapper .property-wrapper .section .inner-section-flex{display: flex;-moz-box-pack: justify;justify-content: space-between;padding-bottom: 16px;}
.review-details-wrapper .property-wrapper .section .inner-section-flex.last{padding-bottom: 0;}

.review-details-wrapper .property-wrapper .section ul{margin:0;padding:0;margin-left: 20px;padding-bottom: 10px;}
.review-details-wrapper .property-wrapper .section ul li{margin:0;padding:0;padding-bottom: 4px;}

.review-details-wrapper .property-wrapper .section .inner-section-flex ._flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}

.review-details-wrapper .property-wrapper .section .inner-section-flex ._icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
.review-details-wrapper .property-wrapper .section .inner-section-flex ._icon svg{overflow: hidden;vertical-align: text-top;font-size: 24px;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);}
.review-details-wrapper .property-wrapper .section .inner-section-flex ._icon.highlighted svg{fill: rgb(6, 129, 68);color: rgb(6, 129, 68);}

.review-details-wrapper .property-wrapper .section .inner-section-flex ._formattedText{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.review-details-wrapper .property-wrapper .section .inner-section-flex ._formattedText.highlighted{color: rgb(6, 129, 68);}
.review-details-wrapper .property-wrapper .section .inner-section-flex ._formattedText-details{display: block;padding: 8px 0px 0px;color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}

.review-details-wrapper .property-wrapper .section .inner-section-flex ._flex-between{display: flex;-moz-box-pack: justify;justify-content: space-between;}
.review-details-wrapper .property-wrapper .section .inner-section-flex ._flex-end{display: block;padding: 0px 0px 0px 8px;}

.review-details-wrapper .property-wrapper .section .inner-section-flex ._flex-top{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;align-items: flex-start;}





.popup-modal-footer{border-top: 1px solid rgb(227, 232, 239);z-index: 4;width: 100%;}
.popup-modal-footer .headline{border-color: rgb(227, 232, 239);border-width: 1px 0px 0px;border-style: solid;width: 100%;height: 1px;}
.popup-modal-footer ._inner{display: block;padding: 16px 24px;}
.popup-modal-footer ._conten-flex{display: flex;flex-wrap: nowrap;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}

.popup-modal-footer ._conten-flex ._price-container{display: flex;flex-direction: column;}
.popup-modal-footer ._conten-flex ._price-item{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.popup-modal-footer ._conten-flex ._price-inner{display: block;padding: 0px 8px 0px 0px;}
.popup-modal-footer ._conten-flex ._price-flex{display: flex;flex-direction: column;-moz-box-pack: center;justify-content: center;align-items: flex-start;}
.popup-modal-footer ._conten-flex ._price-flex .price{display: flex;flex-flow: row-reverse;-moz-box-align: center;align-items: center;}
.popup-modal-footer ._conten-flex ._price-flex .price .amount{color: rgb(29, 44, 60);text-align: left;line-height: 24px;font-size: 20px;font-weight: 600;}
.popup-modal-footer ._conten-flex ._price-flex .formatted-text{color: rgb(76, 85, 102);text-align: right;vertical-align: baseline;line-height: 16px;font-size: 11px;font-weight: 400;letter-spacing: 0.5px;text-transform: uppercase;}

.popup-modal-footer ._conten-flex ._btn-wrapper{display: flex;}
.popup-modal-footer ._conten-flex ._btn-wrapper .btn-select{ height: 40px; min-width: 151px; transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid var(--btn-primary-color);border-radius: 4px;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(255, 255, 255);background-color: var(--btn-primary-color) ;font-size: 16px ;line-height: 24px ;}
.popup-modal-footer ._conten-flex ._btn-wrapper .btn-select.secondary{border: 1px solid rgb(191, 203, 217);background-color: #fff;color: var(--btn-primary-color);}
.popup-modal-footer ._conten-flex ._btn-wrapper .btn-select:hover{opacity: 0.95;}
.popup-modal-footer ._conten-flex ._btn-wrapper ._btn-spacer{padding: 0px 0px 0px 16px;display:block;}

.popup-modal-footer ._conten-flex ._btn-wrapper .btn-select.working{border-color: #ccc!important; background-color: #ccc!important;}
.popup-modal-footer ._conten-flex ._btn-wrapper .btn-select .spinner{border-color: rgb(76, 85, 102);border-right-color: transparent;}

.popup-modal-footer ._conten-flex ._btn-wrapper .btn-select._inline{min-width: auto;}



.quote-hotel-wrapper{height: 100px;margin-bottom: 20;}
.quote-hotel-img{ float: left; width: 60px; height: 60px; border-radius: 6px; background-color: #ddd; background-size: cover; background-position: center; background-repeat: no-repeat; }
.quote-hotel-descr{ margin-left: 75px; }




.notifications-popup-container{z-index: 100; position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100%;background-color: rgba(9, 30, 66, 0.54);color: #1D2C3C;}
.notifications-popup-container.off{ width: 0; }
.notifications-popup-close{ display: block; position: absolute;top:0;right: 600px;left: 0;bottom: 0;height: 100%;}
.floating-support-content{margin-left: 300px;height: 100%;}
@media screen and (max-width: 700px){
	.notifications-popup-close{display: none;}
}
.notifications-popup-container.off .right-notifications{ overflow: hidden; width:0;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.notifications-popup-container.off .notifications-popup-close{display: none;}
.notifications-popup-container .right-notifications{z-index: 9;position: fixed;top:0;right: 0;bottom: 0;width: 600px; max-width: 100%; background-color: #fff;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;}
.notifications-popup-container .right-notifications .item-head{position:relative;font-size: 20px; line-height: 24px; font-weight: 600;padding: 20px;border-bottom:2px solid rgb(235, 236, 240);}
.notifications-popup-container .right-notifications .item-head .close{ cursor: pointer; position: absolute;top:50%;right:0;padding: 20px;margin-top: -32px;font-size: 24px;color: rgb(66, 82, 110);}
.notifications-popup-container .right-notifications .item-content{overflow-y: scroll;height: 100%; height: calc(100% - 75px); }
.notifications-popup-container .right-notifications .item-content .inner-pad{padding: 20px;}

.notifications-popup-container.wide .right-notifications{width: 768px;}
.notifications-popup-container.wide .notifications-popup-container{width: 768px;}




/* NOTIFICATIONS RAC */

.no-notifications {padding:20px;padding-top: 60px;padding-bottom: 60px;text-align: center;}
.no-notifications .svg-wrapper {text-align: center;}
.no-notifications .svg-wrapper svg {height: 118px;width: 120px;margin-bottom: 36px;}
.no-notifications .title {font-size: 18px;font-weight: 600;padding-bottom: 0px;}
.no-notifications .message {font-size: 14px;font-weight: 400;}




.right-notifications-container{z-index: 100; position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100%;background-color: rgba(9, 30, 66, 0.54);color: #000;}
.right-notifications-container.off{ width: 0; }
.right-notifications-close{ display: block; position: absolute;top:0;right: 1000px;left: 0;bottom: 0;height: 100%;}

.right-notifications .item-content .spinner{border-width: 2px; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; }

.floating-support-menu{ float: left;width: 300px;height: 100%;background-color: #f5f7fa;}
.floating-support-menu .section-title{padding: 20px;position: relative;}
.floating-support-menu .section-title .content{cursor: pointer; background-color: #6e7bd0;border-radius: 8px;padding: 15px;border:1px solid #101D2C;color:#fff;}
.floating-support-menu .section-title h4{font-size: 18px;font-weight: 600;margin:0;padding: 0;margin-bottom:10px;line-height: 20px;}
.floating-support-menu .section-title p{font-size: 12px;line-height: 18px;margin:0;padding: 0;max-width: 80%;}
.floating-support-menu .section-title .content .icon-whatapp{position: absolute;bottom:30px;right:35px; }
.floating-support-menu .section-title .content .icon-whatapp svg{fill: #fff;}
.floating-support-menu .section-title .content.off{background-color: #fff;border-radius: 8px;padding: 15px;border:1px solid #fff;color:#1d2c3c;}
.floating-support-menu .section-title .content.off h4{color: #4255d9;}
.floating-support-menu .section-title .content.off .icon-whatapp svg{fill: #4255d9;}
.floating-support-menu .section-title .content .icon-whatapp:hover svg{fill: #1d2c3c;}
.floating-support-menu .section-search{color: #1d2c3c; padding: 20px;}
.floating-support-menu .section-search h4{font-size: 18px;margin:0;padding: 0;padding-bottom: 10px;}
.floating-support-menu .section-search span.new-request{cursor:pointer;color:#101D2C;font-size: 13px;font-weight: 300;margin-top:1px;float: right;}
.floating-support-menu .section-search .input{background-color: #fff;}

.floating-support-content{margin-left: 300px;height: 100%;}
.floating-support-dynamic{margin-left: 300px;height: 100%;}
.floating-support-new-request{margin-left: 300px;height: 100%;}



.not-found-title{font-size: 32px;padding-bottom: 20px;font-weight: 600;}
.not-found-btn-container{padding-top: 40px;padding-bottom: 40px;}






.page-title-section{padding-top: 40px;}
.page-title-section h1{margin: 0;padding: 0;font-size: 32px; line-height: 44px; letter-spacing: -0.5px; margin-bottom: 20px; font-weight: 400; }
.page-title-section h2{margin: 0;padding: 0;font-size: 24px; line-height: 44px; letter-spacing: -0.5px; margin-bottom: 20px; font-weight: 400; }

/* BOOKINGS */
input.search-bookings{padding-left: 40px;-webkit-transition: all 0.25s ; transition: all 0.25s ;}
input.search-bookings:hover{box-shadow: none; border-color: rgb(76, 85, 102); -webkit-transition: all 0.25s ; transition: all 0.25s ; }
input.search-bookings:active,input.search-bookings:focus,input.search-bookings:focus-within{padding-left: 40px; box-shadow: none; border-color: var(--btn-primary-color); -webkit-transition: all .25s ; transition: all .25s ; }

.no-bookings{ text-align: left; position: relative;margin-left: auto; margin-right: auto; width: 350px; padding-top: 40px; padding-bottom: 100px; }
.no-bookings .img-wrapper{padding: 0 24px;}
.no-bookings .img-wrapper img{height: 70px;}
.no-bookings h3{font-size: 18px; line-height: 24px; font-weight: 600;padding:0; margin: 0;padding-top: 16px;}
.no-bookings .copy{padding-top: 16px;}
.no-bookings .horizontal-hr{border-color: rgb(227, 232, 239);border-width: 1px 0px 0px;border-style: solid;width: 100%;height: 1px;}


.bookings-ul{
	padding:0;
	margin:0;
}
.bookings-ul li{
	padding:0;
	margin:0;
	display: block;
	padding: 24px 0px 0px;
}
.bookings-ul li .card{
	box-shadow: rgba(50, 50, 93, 0.08) 0px 2px 6px 0px, rgba(50, 50, 93, 0.05) 0px 0px 0px 1px;
	position: relative;
	transition: 0.15s;
	cursor: inherit;
	background: rgb(255, 255, 255);
	border-radius: 4px;
}
.bookings-ul li .card:hover{
	box-shadow: rgba(50, 50, 93, 0.1) 0px 4px 6px 0px, rgba(50, 50, 93, 0.1) 0px 4px 24px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1px 1px;
	position: relative;
	transition: 0.15s;
	cursor: inherit;
	background: rgb(255, 255, 255);
	border-radius: 4px;
}
.bookings-ul li .card .inner-pad{padding: 16px;}
.bookings-ul li .card .stay-title{padding-bottom: 12px;border-bottom: 1px solid rgb(227, 232, 239);}

.bookings-ul li .card .stay-title ._flex-row{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
-moz-box-flex: 1;
flex-grow: 1;
}
.bookings-ul li .card .stay-title ._flex-column{
	display: flex;
	flex-direction: column;
	-moz-box-flex: 1;
	flex-grow: 1;
}
.bookings-ul li .card .stay-title ._flex-column-2{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	flex-shrink: 0;
}
.bookings-ul li .card .stay-title ._status-flex{
	display: flex;
	flex-direction: unset;
	-moz-box-pack: end;
	justify-content: flex-end;
	-moz-box-align: center;
	align-items: center;
	min-height: 24px;
}
.bookings-ul li .card .stay-title ._status-flex ._id{
	color: rgb(76, 85, 102);
	text-align: left;
	vertical-align: baseline;
	line-height: 16px;
	
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.5px;
	display: inline-block;
}

.bookings-ul li .card .stay-title ._status-flex ._status{background: rgb(241, 244, 248);border-radius: 4px;padding: 0px 4px;color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 600;}
.bookings-ul li .card .stay-title ._status-flex ._status.FINALISED{color: rgb(6, 129, 68);background-color: rgb(229, 255, 244);}
.bookings-ul li .card .stay-title ._status-flex ._status.FINALIZED{color: rgb(6, 129, 68);background-color: rgb(229, 255, 244);}
.bookings-ul li .card .stay-title ._status-flex ._status.CONFIRMED{color: rgb(204, 151, 0);background-color: rgb(255, 247, 229);}
.bookings-ul li .card .stay-title ._status-flex ._status.CANCELLED{color: rgb(193, 7, 7);background-color: rgb(255, 229, 229);}


.bookings-ul li .card .stay-title ._status-flex ._spacer{display: block;padding: 0px 8px 0px 0px;}
.bookings-ul li .card .stay-title ._icon{padding-right: 10px;opacity: 0;}
.bookings-ul li .card:hover .stay-title ._icon{opacity: 1;transition: all 0.25s;-webkit-transition: all 0.25s;}
.bookings-ul li .card .stay-title ._icon svg{ width: 18px; height: 18px; fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}


.bookings-ul li .card .stay-title h3{
	margin: 0;
	padding:0;
	color: rgb(29, 44, 60);
	text-align: left;
	vertical-align: baseline;
	line-height: 24px;
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bookings-ul li .card .stay-title h3 a{color: rgb(29, 44, 60);}
.bookings-ul li .card:hover .stay-title h3{
	color: var(--link-primary);
}
.bookings-ul li .card:hover .stay-title h3 a{
	color: var(--link-primary);
}
.bookings-ul li .card .stay-title ._dates-formatted-text{
	color: rgb(104, 119, 143);
	text-align: left;
	vertical-align: baseline;
	line-height: 24px;
	
	font-size: 14px;
	font-weight: 400;
}
.bookings-ul li .card .stay-title ._dates-formatted-text time{
	color: rgb(104, 119, 143);
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
}
.bookings-ul li .card .stay-title ._dates-spacer{
	padding: 0px 16px 0px 0px;
}
._price-formatted-text{
	color: rgb(29, 44, 60);
  text-align: left;
  vertical-align: baseline;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
}

.bookings-ul li .card .card-content{padding-top: 12px;}
.bookings-ul li .card .card-content ._service-spacer{padding: 16px 0px 0px;}
.bookings-ul li .card .card-content ._lead-guest-flex{display: flex;-moz-box-align: center;align-items: center;margin-bottom: 8px;}
.bookings-ul li .card .card-content ._lead-guest-flex ._avatar-disc-flex{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.bookings-ul li .card .card-content ._lead-guest-flex ._avatar-disc-flex ._flex-row{display: flex;flex-direction: row;width: 26px;}
.bookings-ul li .card .card-content ._lead-guest-flex ._avatar-disc-flex ._flex-row ._avatar-disc-background{border-radius: 50%;height: 24px;min-height: 24px;width: 24px;min-width: 24px;position: relative;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;}
.bookings-ul li .card .card-content ._lead-guest-flex ._avatar-disc-flex ._flex-row ._avatar-disc-background._green{background: rgb(255, 255, 255) linear-gradient(135deg, rgb(160, 222, 167) 0%, rgb(149, 220, 148) 100%) center center / contain;}
.bookings-ul li .card .card-content ._lead-guest-flex ._avatar-disc-flex ._flex-row ._avatar-disc-background._app{background: rgb(255, 255, 255) linear-gradient(135deg, var(--avatar-bg) 0%, var(--avatar-bg) 100%) center center / contain;}
.bookings-ul li .card .card-content ._lead-guest-flex ._avatar-disc-flex ._flex-row ._avatar-disc-formatted-text{color: rgb(255, 255, 255);text-align: center;vertical-align: baseline;line-height: 16px;font-size: 10px;font-weight: 600;letter-spacing: 0.5px;}
.bookings-ul li .card .card-content ._lead-guest-flex ._avatar-disc-spacer{padding: 0px 8px 0px 0px;}
.bookings-ul li .card .card-content ._lead-guest-flex ._name-formatted-text{color: rgb(104, 119, 143);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.bookings-ul li .card .card-content ._label-flex{display: flex;-moz-box-align: center;align-items: center;}
.bookings-ul li .card .card-content ._label-flex ._clickable_lable{display: flex;-moz-box-align: center;align-items: center;color: rgb(115, 128, 148); cursor: pointer;}
.bookings-ul li .card .card-content ._label-flex ._clickable_lable:hover{color: var(--btn-primary-color);}
.bookings-ul li .card .card-content ._label-flex ._clickable_lable svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: middle;font-size: 24px;}
.bookings-ul li .card .card-content ._label-flex ._clickable_lable ._spacer{padding: 0px 0px 0px 8px;}
.bookings-ul li .card .card-content ._label-flex ._clickable_lable ._formatted-txt{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}

.bookings-ul li .card .card-content ._label-flex ._label{background: rgb(241, 244, 248);border-radius: 4px;padding: 0px 4px;display: flex;flex-direction: row;align-items: flex-start;color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 600;}

.res-notifier{display: block;}
.res-notifier ._title{padding: 8px 12px;margin-top: 24px; /*background-color: rgb(245, 247, 250);*/ color: #1d2c3c; background-color: #dbe3ec; background-color: #fff; border-radius: 4px;display: flex;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.res-notifier ._title ._clearSearch{font-weight: 700; cursor: pointer;}

.bookings-ul li .card .card-content ._services-list{position: relative;padding-bottom: 16px;}
.bookings-ul li .card .card-content ._services-list ._service-item{display: flex;flex-direction: column;line-height: 24px;}
.bookings-ul li .card .card-content ._services-list ._service-item ._item-row-flex{max-width: 100%;display: flex;flex-wrap: wrap;-moz-box-align: center;align-items: center;}
.bookings-ul li .card .card-content ._services-list ._service-item ._item-column-flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.bookings-ul li .card .card-content ._services-list ._service-item ._icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
.bookings-ul li .card .card-content ._services-list ._service-item ._icon svg{overflow: hidden;fill: rgb(104, 119, 143);color: rgb(104, 119, 143);vertical-align: text-top;font-size: 20px;}
.bookings-ul li .card .card-content ._services-list ._service-item ._service-name-flex{text-decoration: none;white-space: normal;text-wrap-mode: wrap;overflow: hidden;text-overflow: ellipsis;text-wrap: wrap;}
.bookings-ul li .card .card-content ._services-list ._service-item ._service-name-formatted-text{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}


.bookings-ul li .card .card-footer{padding: 8px 16px;background-color: rgb(249, 250, 252);border-top: 1px solid rgb(227, 232, 239);border-radius: 0px 0px 8px 8px;}
.bookings-ul li .card .card-footer ._btns-flex{display: flex;flex-direction: row-reverse;}

.bookings-ul li .card .card-footer ._btn-wrapper{border-radius: 5px;padding: 4px 12px;cursor: pointer;border:1px solid #ddd; margin-left: 8px;}
.bookings-ul li .card .card-footer ._btn-wrapper:hover{background-color: rgb(241, 244, 248);}
.bookings-ul li .card .card-footer ._btn-wrapper .btn-formatted-text{color: #222;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}
.bookings-ul li .card .card-footer ._btn-wrapper:hover .btn-formatted-text{color: var(--btn-primary-color);}
.bookings-ul li .card .card-footer ._btn-wrapper .btn-formatted-text a{color: #222;}
.bookings-ul li .card .card-footer ._btn-wrapper:hover .btn-formatted-text a{color: var(--btn-primary-color);text-decoration: none!important;}
.bookings-ul li .card .card-footer ._btn-wrapper:hover .btn-formatted-text a:focus{text-decoration: none;}
.bookings-ul li .card .card-footer ._btn-wrapper .btn-formatted-text ._btn-flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.bookings-ul li .card .card-footer ._btn-wrapper .btn-formatted-text ._btn-flex ._btn-icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
.bookings-ul li .card .card-footer ._btn-wrapper .btn-formatted-text ._btn-flex ._btn-icon svg{overflow: hidden;fill: #222;color: #222;vertical-align: text-top;font-size: 20px;}
.bookings-ul li .card .card-footer ._btn-wrapper:hover .btn-formatted-text ._btn-flex ._btn-icon svg{fill: var(--btn-primary-color);color: var(--link-primary);}



.quick-filters-form-control-wrapper{display: flex;justify-content: flex-end; flex-direction: column;align-items: flex-end;}

.quick-filters-form{flex: 0 0 73.3333%;max-width: 73.3333%;margin-top: 20px;align-items: flex-end;}
.quick-filters-form .form-filters-container{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.quick-filters-form .form-filters-container .item-pill.first{display: block;padding: 0px 24px 16px 0px;}
.quick-filters-form .form-filters-container .item-pill .item {background: rgb(255, 255, 255);border-radius: 50px;border: 1px solid rgb(191, 203, 217);box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px; cursor: pointer; }
.quick-filters-form .form-filters-container .item-pill .item:hover{background-color: #F1F4F8;border-color: #4C5566;}
.quick-filters-form .form-filters-container .item-pill .item .inner-pad {display: block;padding: 8px;position: relative;}
.quick-filters-form .form-filters-container .item-pill .item .inner-pad .pill {display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.quick-filters-form .form-filters-container .item-pill .item .inner-pad .pill .pre-icon{ display: flex; align-items: center; overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 16px;}
.quick-filters-form .form-filters-container .item-pill .item .inner-pad .pill .title{display: block;padding: 0px 8px;color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}
.quick-filters-form .form-filters-container .item-pill .item .inner-pad .pill .post-icon { display: flex; align-items: center; overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 16px;}
.quick-filters-form .form-filters-container .item-pill .filter-dropdown-popup{left: 0; right: auto;top: 50px;}
.quick-filters-form .form-filters-container .item-pill .filter-dropdown-popup.right{left: auto; right: 0;}

.quick-filters-form .form-filters-container .item-pill.spacer {display: block;padding: 0px 0px 16px;}
.quick-filters-form .form-filters-container .item-pill .items{display: flex;-moz-box-align: center;align-items: center;}
.quick-filters-form .form-filters-container .item-pill .items .spacer{display: block;padding: 0px 0px 0px 8px;}



.spin {
	position: relative;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
  }
.spin::after {
		content: "";
		position: absolute;
		inset: 0px;
		border-radius: 50%;
		border-width: 2px;
		border-style: solid;
		border-image: none;
		border-color: var(--link-primary) var(--link-primary) rgba(217, 217, 217, 0.3) rgba(217, 217, 217, 0.3);
		animation: 0.8s linear infinite fnaYvJ;
	
}

@-webkit-keyframes fnaYvJ{
	0%{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(359deg);
	}
}



/* MANAGE PNR */

.manage-inline-form-container{ max-width: 100%; width: 440px; margin-left: auto; margin-right: auto; background-color: #fff; /*box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;*/ border:1px solid #e5e4e3; border-radius: 8px;padding: 40px;}
.manage-pnr-form{}
.manage-pnr-form label{font-weight: 700; font-size: 16px; margin-bottom: 10px; padding:0; margin-top: 0;line-height: 24px;} 
.manage-pnr-form .input{transition: all 0.25s;-webkit-transition: all 0.25s;border: 1px solid #d9d9d9;box-shadow: none;}
.manage-pnr-form .input:hover{border-color: rgb(76, 85, 102);-webkit-transition: all 0.25s;transition: all 0.25s;}
.manage-pnr-form .input:active,.manage-pnr-form .input:focus{box-shadow: none;border-color: var(--btn-primary-color);-webkit-transition: all .25s;transition: all .25s;}
.manage-pnr-form .input.input-error{border-color: var(--primary-error-accent);}



/* GENERIC */
.asterix{font-weight: 400;margin-left: 5px; color: rgb(193, 7, 7);}
.search-inline-res{position: absolute;top: 100%;left: 0;right: 0;border: 1px solid rgb(227, 232, 239);border-radius: 3px;background: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;z-index: 16;}
.search-inline-res span.press-suggest{ cursor: pointer; text-align: left;color: rgb(76, 85, 102);font-size: 12px;line-height: 20px;height: 20px;}
.search-inline-res span.press-encourage{text-align: right; float: right;color: rgb(76, 85, 102);font-size: 12px;line-height: 20px;}
.search-inline-res ul {margin:0;padding: 0; list-style: none; width: 100%;}
.search-inline-res ul li{list-style: none; margin:0; padding: 0; padding: 8px;min-height: 40px;}
.search-inline-res ul li:hover{background-color: rgb(245, 247, 250); -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s }
.search-inline-res ul li.title-spacer{background-color: rgb(245, 247, 250);}
.search-inline-close{ opacity: 0.75; position: absolute;right: 0;margin-right: 8px; top:0; bottom:0; display: flex;-webkit-box-align: center;align-items: center;cursor: pointer;}
.search-inline-close svg{height: 24px;width: 24px;color: #4c5566;}
.search-inline-close:hover{opacity: 1;}





.h-tabs-container{ margin-bottom: 30px; margin-top: 30px; }
.h-tabs-container ul{ list-style: none; margin:0; padding: 0; height: 24px; }
.h-tabs-container ul li{ position: relative; cursor: pointer; font-weight: 400; float: left; margin-right:20px;list-style: none; color: rgb(76, 85, 102);line-height: 24px;font-size: 14px;}
.h-tabs-container ul li .counter{margin-left: 5px;}
.h-tabs-container ul li::after{content: "";position: absolute; bottom: -2px; left: 0; right: 0; height: 2px;background-color: var(--link-primary);transition: transform 200ms ease-in-out;transform-origin: center center 0px;transform: scaleX(0);}
.h-tabs-container ul li:hover:after{transform: scaleX(1.1);}
.h-tabs-container ul li.active{color: var(--link-primary);font-weight: 600;}
.h-tabs-container ul li.active:after{transform: scaleX(1.1);}

.h-tabs-content-container .skeleton{padding-top: 24px;}
.h-tabs-content-container .skeleton .item{box-shadow: rgba(50, 50, 93, 0.08) 0px 2px 6px 0px, rgba(50, 50, 93, 0.05) 0px 0px 0px 1px;position: relative;transition: 0.15s;cursor: inherit;background: rgb(255, 255, 255);border-radius: 4px; margin-bottom: 20px; }
.h-tabs-content-container .skeleton .item .pad{padding:16px;}
.h-tabs-content-container .skeleton .item .item-footer{padding: 8px 16px;background-color: rgb(249, 250, 252);border-top: 1px solid rgb(227, 232, 239);border-radius: 0px 0px 8px 8px;}
.h-tabs-content-container .skeleton .item .item-footer .base {display: flex;flex-direction: row;-moz-box-pack: end;justify-content: flex-end;}
.cZIvAE {cursor: inherit;}
.hVTMOl {color: rgb(104, 119, 143);width: 80px;height: 24px;position: relative;overflow: hidden;margin-left: 0px;margin-right: 0px;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.hVTMOl::before {position: absolute;content: "";inset: calc(5px) 0px 5px;background-color: currentcolor;opacity: 0.1;transition: opacity 0.2s;z-index: 0;pointer-events: none;}
.hVTMOl::after {position: absolute;content: "";display: block;top: 0px;left: 0px;width: 100vw;height: 300px;pointer-events: none;background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));animation: 2s ease-in-out infinite gXrbbb;}

.feBqUC {display: block;padding: 0px 8px 0px 0px;}

.qJuQa {padding-bottom: 12px;border-bottom: 1px solid rgb(227, 232, 239);}
.JAluM {display: flex;-moz-box-pack: justify;justify-content: space-between;}
.fBBVzT {color: rgb(104, 119, 143);width: 200px;height: 24px;position: relative;overflow: hidden;margin-left: 0px;margin-right: 0px;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.fBBVzT::before {position: absolute;content: "";inset: calc(5px) 0px 5px;background-color: currentcolor;opacity: 0.1;transition: opacity 0.2s;z-index: 0;pointer-events: none;}
.fBBVzT::after {position: absolute;content: "";display: block;top: 0px;left: 0px;width: 100vw;height: 300px;pointer-events: none;background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));animation: 2s ease-in-out infinite gXrbbb;}
.fBBVzT.narrow{width: 100px;}
.h-tabs-content-container .skeleton .item .trip-card{padding-top: 12px;}
.h-tabs-content-container .skeleton .item .trip-card .inner{display: flex;flex-direction: column;-moz-box-pack: end;justify-content: flex-end;}
.h-tabs-content-container .skeleton .item .trip-card .inner .item-row{display: flex;flex-direction: row;}
.h-tabs-content-container .skeleton .item .trip-card .inner .item-row .box {color: rgb(104, 119, 143);width: 20px;height: 24px;position: relative;overflow: hidden;margin-left: 0px;margin-right: 0px;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.h-tabs-content-container .skeleton .item .trip-card .inner .item-row .box::before {position: absolute;content: "";inset: calc(5px) 0px 5px;background-color: currentcolor;opacity: 0.1;transition: opacity 0.2s;z-index: 0;pointer-events: none;}
.h-tabs-content-container .skeleton .item .trip-card .inner .item-row .box::after {position: absolute;content: "";display: block;top: 0px;left: 0px;width: 100vw;height: 300px;pointer-events: none;background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));animation: 2s ease-in-out infinite gXrbbb;}
.h-tabs-content-container .skeleton .item .trip-card .inner .item-row .pill {color: rgb(104, 119, 143);width: 400px;height: 24px;position: relative;overflow: hidden;margin-left: 0px;margin-right: 0px;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.h-tabs-content-container .skeleton .item .trip-card .inner .item-row .pill::before {position: absolute;content: "";inset: calc(5px) 0px 5px;background-color: currentcolor;opacity: 0.1;transition: opacity 0.2s;z-index: 0;pointer-events: none;}
.h-tabs-content-container .skeleton .item .trip-card .inner .item-row .pill::after {position: absolute;content: "";display: block;top: 0px;left: 0px;width: 100vw;height: 300px;pointer-events: none;background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));animation: 2s ease-in-out infinite gXrbbb;}

@-webkit-keyframes gXrbbb{
0%{
	transform: translateX(-100vw);
}
to{
	transform: translateX(100vw);
}
}

.input-icon-spacer{position: absolute;left: 10px;top: 50%; margin-top: -10px; }
.input-icon-spacer svg{width: 20px;height: 20px;overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}

.daterangepicker .daterangepicker_input i{display: none;}
.daterangepicker_input{display: none;}

.o-radiobox-c {margin-bottom: 20px;}
.o-radiobox-c__label {padding-left: 5px;padding-right: 20px;font-weight: 400;margin-bottom: 0;padding-left: 10px;font-size: 16px;}
.o-radiobox-c__hide-box {height: 20px;width: 20px;vertical-align: bottom;}
.o-radiobox-c__hide-box:checked ~ .o-radiobox-c__hide-box::before {color: #fff;border-color: #7B1FA2;background-color: red;}
.o-radiobox-c__hide-box {accent-color: var(--link-primary); }

.o-radiobox-c__hide-box-style {height: 20px;width: 20px;vertical-align: bottom;}
.o-radiobox-c__hide-box-style:checked ~ .o-radiobox-c__hide-box::before {color: #fff;border-color: #7B1FA2;background-color: red;}
.o-radiobox-c__hide-box-style {accent-color: var(--link-primary); accent-color: #000; }


.radio-tab-list{position: relative; margin-bottom: 15px;}
.radio-tab-list ul{ position:relative; margin: 0; padding: 0; list-style: none; }
.radio-tab-list ul:after{
	content: '';
    display: block;
    clear: both;
}
.radio-tab-list ul li{margin: 0; padding: 0; list-style: none; float: left; padding: 4px 8px; margin-right: 20px; border-radius: 4px; cursor: pointer;  transition: background-color .25s; color: #999; }
.radio-tab-list ul li.active{color: var(--link-primary); color: #000; font-weight: 700; }
.radio-tab-list ul li:hover{background-color: #f2f2f2; transition: background-color .25s; color: var(--link-primary); color: #000; }

.quick-filters{height: 34px;margin-top: 15px;}
.quick-filters ul{list-style: none; padding:0; margin: 0; float: right; height: 34px; }
.quick-filters ul li{list-style: none; padding:0; margin: 0; margin-right: 20px; float: left; }
.quick-filters ul li:first-child{margin-right: 30px;}
.quick-filters ul li:last-child{margin-right: 0;}
.quick-filters ul li .title{height: 34px; display: flex; justify-content: center; align-items: center; font-size: 14px; }
.quick-filters ul li .item{ color: rgb(29, 44, 60);cursor: pointer; background-color: rgba(255, 255, 255, 0);border: 1px solid rgb(191, 203, 217);border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px 0px; height: 32px; display: flex;  justify-content: center; align-items: center; padding-left: 15px; padding-right: 15px;  }
.quick-filters ul li .item:hover{background-color: #F1F4F8;border-color: #4c5566;}
.quick-filters ul li .item svg{margin-left: 5px;}
.quick-filters ul li .item.active{border-color: var(--btn-primary-color);color: var(--link-primary);}


.filter-dropdown-popup {
	box-shadow: rgba(50, 50, 93, 0.1) 0px 4px 6px 0px, rgba(50, 50, 93, 0.1) 0px 4px 24px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1px 1px;
	position: absolute;
	top: 44px; right: 0;
	transition: 0.15s;
	cursor: inherit;
	background: rgb(255, 255, 255);
	border-radius: 8px;
	z-index: 2;
}
.filter-dropdown-popup .head-section {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: rgb(249, 250, 252);
	padding: 16px;
	font-size: 14px;
	font-weight: 600;
	color: rgb(29, 44, 60);
	border-bottom: 1px solid rgb(227, 232, 239);
}
.filter-dropdown-popup .body-section {
	background-color: white;
	padding: 0px;
	white-space: nowrap;
	z-index: 8;
	width: 360px;
	max-height: 394px;
	overflow: scroll;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 16px;
}
.filter-dropdown-popup .body-section .o-radiobox-c{margin-bottom: 14px;}
.filter-dropdown-popup .body-section .o-radiobox-c .radio-item {display: flex;gap: 8px;line-height: 24px;font-size: 16px;font-weight: 400;color: #14140F;cursor: pointer;}
.filter-dropdown-popup .body-section .o-radiobox-c .radio-item .radio-input {opacity: 0;width: 0px;height: 0px;position: absolute;}

/*RADIO*/
.ehXckU {--size: 20px;--border-width: 1px;height: 20px;width: 20px;border-radius: 10px;margin-top: 2px;flex-shrink: 0;display: grid;place-items:center;background-color: #919183;}
.checked .ehXckU {--border-width: 6px;background-color: #14140F;}
.iVFtmZ {--inner-size: 18px;height: 18px;width: 18px;border-radius: 9px;flex-shrink: 0;background-color: #ffffff;}
.checked .iVFtmZ {--border-width: 6px;background-color: #ffffff;--inner-size: 8px;height: 8px;width: 8px;border-radius: 4px;}

/*CHECKBOX*/
.o-checkbox-c{display: flex;-moz-box-align: start;align-items: start;gap: 8px;cursor: pointer;margin-bottom: 14px;}
.iydkBC {--checkbox-size: 20px;--border-width: 1px;height: 20px;width: 20px;border-radius: 4px;background-color: #ffffff;border: 1px solid #919183;margin-top: 2px;-moz-box-flex: 0;flex-grow: 0;flex-shrink: 0;position: relative;}
.iydkBC svg{display: none;}
.checked .iydkBC {--checkbox-size: 20px;--border-width: 1px;height: 20px;width: 20px;border-radius: 4px;background-color: #1f1f0f;border: 1px solid #ffffff00;margin-top: 2px;-moz-box-flex: 0;flex-grow: 0;flex-shrink: 0;position: relative;}
.checked .iydkBC svg{
overflow:hidden;
fill: #ffffff;
color: #ffffff;
vertical-align: middle;
font-size: 26px;
max-width: unset;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
display: block;
}

.check-input {opacity: 0;width: 0px;height: 0px;position: absolute;}
.filter-dropdown-popup .body-section .check-input {opacity: 0;width: 0px;height: 0px;position: absolute;}
.o-checkbox-c__label{font-size: 16px;line-height: 20px;margin-left: 14px;}
.o-checkbox-c__label.sml{font-size: 12px;}

/* CUSTOM TABLE */
.section-table-styled-div{}
.section-table-styled-div .table-head-row{min-height: 56px;}
.section-table-styled-div .table-head-row .item{text-transform: uppercase;line-height: 24px; color: #1D2C3C; font-size: 13px;display: flex;  height: 56px; align-items: center; }
.section-table-styled-div .table-head-row .item .end{text-align: right;display: block;width:100%;padding-right: 10px;}
.section-table-styled-div .table-head-row .item .start{text-align: left;display: block;width:100%;padding-left: 10px;}

.section-table-styled-div .table-row{min-height: 64px;border-bottom: 1px solid rgb(227, 232, 239);}
.section-table-styled-div .table-row:hover{background-color: rgb(241, 244, 248);}
.section-table-styled-div .table-row .item{line-height: 24px; color: #1D2C3C; font-size: 13px;display: flex;  height: 64px; align-items: center; padding:8px;}
.section-table-styled-div .table-row .item .end{text-align: right;display: block;width:100%;padding-right: 10px;}


.section-table-styled-div .divider{border-color: rgb(241, 244, 248);border-width: 1px 0px 0px;border-style: solid;width: 100%;height: 1px;;}
.section-table-styled-div .no-res{font-size: 16px;padding-top: 70px;line-height: 24px;font-weight: 700;text-align: center;padding-bottom: 20px;}
.section-table-styled-div .list-pagination{color: rgb(29, 44, 60); font-size: 14px; line-height: 24px; padding:10px ; margin-top: 20px; margin-bottom: 20px; }

.table-action-item{
	display: inline-block;
  position: relative;
  outline: none;
  cursor: pointer;
}
.table-action-item svg{overflow: hidden;
	fill: var(--color-icon-default);
	color: var(--color-icon-default);
	vertical-align: text-top;
	font-size: 24px;}

	.table-inline-drop-down-list{
	position: absolute;
  top: 100%;
  left: auto;
  right: 0px;
  transform: none;
  margin: 4px 0px 0px;
  padding: 0px;
  width: 188px;
  list-style: none;
  box-shadow: rgba(50, 50, 93, 0.1) 0px 4px 6px 0px, rgba(50, 50, 93, 0.1) 0px 4px 24px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1px 1px;
  border-radius: 3px;
  z-index: 8;
  background-color: rgb(255, 255, 255);
  text-align: left;
}
  .table-inline-drop-down-list li {
	padding: 14px 16px;
	color: rgb(29, 44, 60);
	background-color: rgb(255, 255, 255);
	cursor: pointer;
	pointer-events: all;
	border-radius: 0px;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	position: relative;font-size: 14px;
	line-height: 24px;
  }
  .table-inline-drop-down-list li:hover::after {
	pointer-events: none;
	position: absolute;
	inset: 0px;
	content: "";
	background-color: rgba(29, 44, 69, 0.05);
  }
  .table-inline-drop-down-list li:first-child {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
  }
  .table-inline-drop-down-list li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
  }





.date-item-close {position: absolute;right: 0px;color: #000000;background-color: #d3d3d3;border-top-right-radius: 4px;border-bottom-right-radius: 4px;z-index: 9;cursor: pointer;top: -1px;bottom: -1px;display: flex;align-items: center;justify-content: center;width: 20px;}
.date-item-close:hover{color: var(--link-primary); transition: transform .15s ease-out; }


/* CUSTOMER */
.customer-name-avatar {
	/*background: rgb(255, 255, 255) linear-gradient(135deg, rgb(160, 222, 167) 0%, rgb(149, 220, 148) 100%) center center / contain;*/
	/*background: rgb(255, 255, 255) linear-gradient(135deg, rgb(248, 180, 170) 0%, rgb(243, 170, 159) 100%) center center / contain;*/
	background:var(--avatar-bg) ;
}
.customer-name-avatar.disabled{
	background: #ccc;
}
.customer-name-avatar{
	border-radius: 50%;
	height: 32px;
	min-height: 32px;
	width: 32px;
	min-width: 32px;
	position: relative;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
}
.customer-name-avatar .initials {
	color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: baseline;
	line-height: 20px;
	font-size: 12px;
	font-weight: 700;
}
.customer-identifiers-wrapper{padding-left: 10px;}
.customer-identifiers-wrapper ._name{font-size: 14px; text-align: left;}
.customer-identifiers-wrapper ._email-address{color: rgb(104, 119, 143);text-align: left;}
.customer-type-icon svg{
	overflow: hidden;
	fill: var(--color-icon-default);
	color: var(--color-icon-default);
	vertical-align: text-top;
	font-size: 20px;
}


/* PROFILE */
.profile-page{padding-left: 40px;padding-right: 40px;}
.profile-page .profile-picture-wrapper{margin-bottom: 30px;}
.profile-page .user-avatar-large{ position: relative; width: 120px; height: 120px; border-radius: 60px;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;background: #daa9ae;}
.profile-page .user-avatar-large .formatted-text{color: rgb(255, 255, 255);text-align: center;vertical-align: baseline;line-height: 44px;font-size: 36px;font-weight: 600;letter-spacing: -0.5px;}
.profile-page .user-avatar-large .user-role {position: absolute;bottom: -12px;z-index: 1;background: rgb(241, 244, 248);border-radius: 4px;padding: 0px 4px; font-size: 12px; font-weight: 600; text-transform: uppercase; display: flex;flex-direction: row;align-items: flex-start;}
.profile-page .user-name-title{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 40px;font-size: 32px;font-weight: 600;letter-spacing: -0.5px;margin-bottom: 20px;}
.profile-page .user-type-label{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.profile-page .spacer {width: 100%;height: 1px;background-color: rgb(201, 211, 223);margin-top: 24px;margin-bottom: 24px;}
.profile-page .section-label{padding: 0px 0px 24px;display: flex;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.profile-page .section-label ._title{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 20px;font-weight: 600;}
.profile-page .section-label ._link{display: inline;}
.profile-page .section-label ._link a{color: var(--link-primary);font-weight: 600;text-decoration: none;cursor: pointer;}

.profile-page .row-wrapper{padding: 0px 0px 16px;display: flex;flex-direction: row;}
.profile-page .row-wrapper ._title{flex: 0 0 200px;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;color: rgb(76, 85, 102);}
.profile-page .row-wrapper ._title.wide{flex:auto;}
.profile-page .row-wrapper ._val{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}




.qnc {
	position: absolute;
	top: 0;
	right: -5px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: var(--avatar-bg);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	display: flex;
	flex-direction: row;
	-moz-box-align: center;
	align-items: center;
	justify-content: center;
	margin-top: -5px;
}


/* TRIPS */
.trips-header {position: fixed;width: 100%;top: 0px;border-bottom: 1px solid rgb(201, 211, 223);background-color: rgb(255, 255, 255);z-index: 24;height: 80px;display: flex;flex-wrap: nowrap;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: stretch;align-items: stretch;}
.trips-header .trip-summary-wrapper {display: flex;flex-wrap: nowrap;-moz-box-align: center;align-items: center;min-width: 0px;}
.trips-header .trip-summary-wrapper .square-logo-wrapper{display: flex;}
.trips-header .trip-summary-wrapper .square-logo-wrapper ._link{color: unset;text-decoration: none;}
.trips-header .trip-summary-wrapper .square-logo-wrapper ._link .clickable{height: 80px;width: 80px;}
.trips-header .trip-summary-wrapper .square-logo-wrapper ._link .clickable .small-logo{position: relative;margin: auto;display: flex;-moz-box-pack: center;justify-content: center;height: 100%;align-items: center;}
.trips-header .trip-summary-wrapper .square-logo-wrapper ._link .clickable .small-logo img{margin-left: auto;margin-right: auto;max-height: 40px;max-width: 90%;}
.trips-header .trip-summary-wrapper .square-logo-wrapper .divider{border-color: rgb(227, 232, 239);border-width: 0px 0px 0px 1px;border-style: solid;width: 1px;height: 100%;}
.trips-header .trip-summary-wrapper .spacer-styled{display: block;padding: 0px 0px 0px 16px;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary{display: flex;flex-direction: column;max-width: 100%;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._row{display: flex;max-width: 100%;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._row.row-flex-center{display: flex;flex-flow: row;-moz-box-align: center;align-items: center;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary .stay-title{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary .stay-title.lg{font-size: 16px;color: #1D2C3C;}

.trips-header .trip-summary-wrapper .spacer-styled ._summary .trip-title{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer{padding: 0px 0px 0px 16px;margin-left: 16px;border-left: 1px solid #E3E8EF;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer ul{list-style: none;margin: 0px;padding: 0px;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer ul li{list-style: none;margin: 0px;padding: 0px;display: inline;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer ul li:not(.active), .trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer ul li:not(.active) a {color: rgb(76, 85, 102);}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer ul li + li::before {padding-left: 12px;padding-right: 12px;color: rgb(191, 203, 217);font-size: 14px;line-height: 24px;font-weight: 400;content: "/";}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer ul li a{color: rgb(29, 44, 60) ;}
.trips-header .trip-summary-wrapper .spacer-styled ._summary ._itinarary-spacer ul li.active a{font-weight: 700;}


.trips-header .trip-status-control{display: flex;flex-wrap: nowrap;-moz-box-align: center;align-items: center;}
.trips-header .trip-status-control ._inner-pad{padding: 0px 16px 0px 0px;}
.trips-header .trip-status-control .trip-status-label{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.trips-header .trip-status-control .divider-spacer{padding: 0px 16px 0px 0px;}
.trips-header .trip-status-control .divider-spacer .divider-flex{display: block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
.trips-header .trip-status-control .divider-spacer .divider-flex .divider{border-color: rgb(227, 232, 239);border-width: 0px 0px 0px 1px;border-style: solid;width: 1px;height: 100%;}
.trips-header .trip-status-control .action-flex{padding: 0px 0px 0px 16px;}
.trips-header .trip-status-control .action-flex .icon-btn{-moz-box-align: center;align-items: center;background-color: rgba(255, 255, 255, 0);border-radius: 4px;border: medium;display: flex;height: 32px;-moz-box-pack: center;justify-content: center;width: 32px;}
.trips-header .trip-status-control .action-flex .icon-btn svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}
.trips-header .trip-status-control .action-flex .icon-btn:hover{background-color: rgba(29, 44, 69, 0.05);cursor: pointer;}

.trips-header-spacer{height: 80px;}

.trip-itinarary{padding-top: 48px;}
.trip-itinarary .labels-container{position: absolute;top: -24px;display: flex;}
.trip-itinarary .card-well-styled{box-shadow: rgba(50, 50, 93, 0.08) 0px 2px 6px 0px, rgba(50, 50, 93, 0.05) 0px 0px 0px 1px;position: relative;transition: 0.15s;cursor: inherit;background: rgb(255, 255, 255);border-radius: 4px;}
.trip-itinarary .card-well-styled.simple{box-shadow: none;border-radius: 8px;border: 1px solid rgb(227, 232, 239);}
.trip-itinarary .card-well-styled.simple.highlighted{border-left-width: 4px;}
.trip-itinarary .card-well-styled.simple.highlighted.CONFIRMED{border-left-color: rgb(204, 151, 0);}
.trip-itinarary .card-well-styled.simple.highlighted.FINALISED{border-left-color: rgb(6, 129, 68);}
.trip-itinarary .card-well-styled.simple.highlighted.FINALIZED{border-left-color: rgb(6, 129, 68);}
.trip-itinarary .card-well-styled.simple.highlighted.CANCELLED{border-left-color: #C10707;}

.trip-itinarary .card-well-styled .border-rad{border-radius: inherit;}
.trip-itinarary .card-well-styled .box-section{position: relative;padding: 24px 32px;background: rgba(255, 255, 255, 0);border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom: 1px solid rgb(227, 232, 239);}
.trip-itinarary .card-well-styled.simple .box-section:last-child{border-bottom: 0;}

.trip-itinarary .box-section .WarningBackground{background: rgb(255, 247, 229);border-radius: 8px;margin-top: 16px;padding: 16px;}
.trip-itinarary .box-section .WarningBackground ._icon-flex{display: block;padding: 2px 12px 0px 0px;}
.trip-itinarary .box-section .WarningBackground ._icon-flex ._icon-avatar{background: rgb(255, 199, 38);width: 20px;height: 20px;border-radius: 50%;display: inline-flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.trip-itinarary .box-section .WarningBackground ._icon-flex ._icon-avatar svg{overflow: hidden;fill: rgb(255, 255, 255);color: rgb(255, 255, 255);vertical-align: text-top;font-size: 18px;}
.trip-itinarary .box-section .WarningBackground ._title-formatted-text{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;margin-bottom: 4px;}
.trip-itinarary .box-section .WarningBackground ._descr-formatted-text{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}

.trip-itinarary .box-section .WarningBackground.no-margin{margin-top:0;}


.modify-cancel-trip-wrapper{display: block;padding: 32px 24px 16px;width: 100%;max-width: 748px;margin-left: auto; margin-right: auto;}
.modify-cancel-trip-wrapper h2{margin:0;padding:0;text-align: left;vertical-align: baseline;line-height: 44px;font-size: 36px;font-weight: 700;letter-spacing: -0.5px;margin-bottom: 24px;}
.modify-cancel-trip-wrapper h2.lg{text-align: center;color: #1D2C3C;margin-bottom: 32px;}
.modify-cancel-trip-wrapper .service-item-wrapper{padding: 16px 0px 0px;}
.modify-cancel-trip-wrapper .service-item{box-shadow: rgba(50, 50, 93, 0.08) 0px 2px 6px 0px, rgba(50, 50, 93, 0.05) 0px 0px 0px 1px;position: relative;transition: 0.15s;cursor: pointer;background: rgb(255, 255, 255)!important;border-radius: 8px;}
.modify-cancel-trip-wrapper .service-item:hover{background: rgb(255, 255, 255)!important;}
.modify-cancel-trip-wrapper .service-item.hover:hover {cursor: pointer;box-shadow: rgba(50, 50, 93, 0.1) 0px 4px 6px 0px, rgba(50, 50, 93, 0.1) 0px 4px 24px 0px, rgba(50, 50, 93, 0.05) 0px 0px 1px 1px;transition: 0.15s;}
.modify-cancel-trip-wrapper .service-item ._inner-pad{padding: 24px 16px;}
.modify-cancel-trip-wrapper .service-item ._inner-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
.modify-cancel-trip-wrapper .service-item ._service-column{display: flex;flex-direction: row;}
.modify-cancel-trip-wrapper .service-item ._service-column svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}
.modify-cancel-trip-wrapper .service-item ._service-column.colouredSvg svg{fill: var(--btn-primary-color);color: var(--btn-primary-color);}

.modify-cancel-trip-wrapper .service-item ._service-column ._service-copy-flex{display: flex;flex-direction: column;}
.modify-cancel-trip-wrapper .service-item ._service-column ._service-copy-flex ._title-flex{display: flex;flex-direction: row;}
.modify-cancel-trip-wrapper .service-item ._service-column ._service-copy-flex ._title-flex ._title-FormattedText{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 600;}
.modify-cancel-trip-wrapper .service-item ._service-column ._service-copy-flex ._dates-FormattedText{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.modify-cancel-trip-wrapper .service-item ._caretSvg{align-self: center;}
.modify-cancel-trip-wrapper .service-item ._caretSvg svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}


.modify-cancel-trip-wrapper .btn-action{transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid var(--btn-primary-color);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(255, 255, 255);background-color: var(--btn-primary-color);font-size: 16px !important;line-height: 24px !important; min-height:40px ;min-width: 100px;}
.modify-cancel-trip-wrapper .btn-action .btn_formattedText{opacity: 1;position: relative;z-index: 2;font-weight: 700;}
.modify-cancel-trip-wrapper .btn-action:hover::after {transition: border 0.3s;content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 4px;background: rgba(29, 79, 204, 0.05);background-color: rgba(29, 44, 69, 0.4);}

.modify-cancel-trip-wrapper .btn-action.secondary{ background-color: #fff; color: #3a3a3a; border-color: #bfcbd9; }
.modify-cancel-trip-wrapper .btn-action.secondary:hover{background-color: #f3f6fd;}
.modify-cancel-trip-wrapper .btn-action.secondary:hover::after{opacity: 0;}


.modify-cancel-trip-wrapper .service-item.cancelled{box-shadow: none;position: relative;transition: 0.15s;cursor: inherit;background: rgb(241, 244, 248);border-radius: 8px;border: 1px solid rgb(227, 232, 239);}
.modify-cancel-trip-wrapper .service-item .service-cancelled{background: rgb(255, 247, 229);border-radius: 4px;border: 1px solid rgb(204, 151, 0);padding: 12px 16px;}
.modify-cancel-trip-wrapper .service-item .service-cancelled ._inner-flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
.modify-cancel-trip-wrapper .service-item .service-cancelled ._iconSvg{display: block;padding: 0px 8px 0px 0px;margin-top: 2px;}
.modify-cancel-trip-wrapper .service-item .service-cancelled ._iconSvg svg{overflow: hidden;fill: rgb(204, 151, 0);color: rgb(204, 151, 0);vertical-align: top;font-size: 20px;}
.modify-cancel-trip-wrapper .service-item .service-cancelled ._flex-text{display: flex;flex-direction: column;}
.modify-cancel-trip-wrapper .service-item .service-cancelled .cancelledFormattedText{color: rgb(104, 119, 143);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}


.back-nav-wrapper {display: block;padding: 0px 0px 0px 32px;}
.back-nav-wrapper ._innerFlex{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.back-nav-wrapper .backButton{z-index: 1;background: rgb(255, 255, 255);border: 1px solid rgb(191, 203, 217);box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px;border-radius: 4px;padding: 4px;height: 32px;width: 32px;}
.back-nav-wrapper .backButton svg{fill: rgb(76, 85, 102);color: rgb(76, 85, 102);font-size: 24px;}
.back-nav-wrapper .backTitle-FormattedText{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 600;}


._booking-cancellation-status-wrapper{background: rgb(241, 244, 248);border-radius: 4px;border: 1px solid rgb(227, 232, 239);margin-bottom: 16px;}
._booking-cancellation-status-wrapper ._spacer{display: block;padding: 12px 16px;}
._booking-cancellation-status-wrapper ._flex-row{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
._booking-cancellation-status-wrapper ._iconSvg{display: block;padding: 0px 8px 0px 0px;margin-top: 2px;}
._booking-cancellation-status-wrapper ._iconSvg svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: top;font-size: 20px;}
._booking-cancellation-status-wrapper ._copy-flex{display: flex;flex-direction: column;}
._booking-cancellation-status-wrapper ._statusTitle{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;}
._booking-cancellation-status-wrapper ._subTitle{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}


._booking-warning-status-wrapper{background: rgb(255, 247, 229);border-radius: 4px;border: 1px solid rgb(204, 151, 0);margin-bottom: 16px;}
._booking-warning-status-wrapper ._spacer{display: block;padding: 12px 16px;}
._booking-warning-status-wrapper ._flex-row{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
._booking-warning-status-wrapper ._iconSvg{display: block;padding: 0px 8px 0px 0px;margin-top: 2px;}
._booking-warning-status-wrapper ._iconSvg svg{overflow: hidden;fill: rgb(204, 151, 0);color: rgb(204, 151, 0);vertical-align: top;font-size: 20px;}
._booking-warning-status-wrapper ._copy-flex{display: flex;flex-direction: column;}
._booking-warning-status-wrapper ._statusTitle{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;}
._booking-warning-status-wrapper ._subTitle{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}


._booking-success-status-wrapper{background: rgb(229, 255, 237);border-radius: 4px;border: 1px solid rgb(0, 204, 137);margin-bottom: 16px;}
._booking-success-status-wrapper ._spacer{display: block;padding: 12px 16px;}
._booking-success-status-wrapper ._flex-row{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
._booking-success-status-wrapper ._iconSvg{display: block;padding: 0px 8px 0px 0px;margin-top: 2px;}
._booking-success-status-wrapper ._iconSvg svg{overflow: hidden;fill: rgb(0, 110, 74);color: rgb(0, 110, 74);vertical-align: top;font-size: 20px;}
._booking-success-status-wrapper ._copy-flex{display: flex;flex-direction: column;}
._booking-success-status-wrapper ._statusTitle{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;}
._booking-success-status-wrapper ._subTitle{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}



._warning-well{background: rgb(255, 247, 229);border-radius: 4px;border: 1px solid rgb(204, 151, 0);}
._warning-well ._innerPad{display: block;padding: 12px 16px;}
._warning-well ._flexRow{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
._warning-well ._flexRow ._iconSvg{padding: 0px 8px 0px 0px;margin-top: 2px;}
._warning-well ._flexRow ._iconSvg svg{overflow: hidden;fill: rgb(204, 151, 0);color: rgb(204, 151, 0);vertical-align: top;font-size: 20px;}
._warning-well ._flexRow ._contentText{display: flex;flex-direction: column;}
._warning-well ._flexRow ._contentText .FormattedText{color: rgb(104, 119, 143);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}


.trip-itinarary .well-shell{border: 1px solid rgb(201, 211, 223);border-radius: 4px;}
.trip-itinarary .well-shell ._innerPad{padding: 24px 32px;}
.trip-itinarary .well-shell ._innerPad-sm{padding: 16px;}
.trip-itinarary .well-shell ._flex{min-height: 48px;display: flex;flex-direction: column;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: stretch;align-items: stretch;}
.trip-itinarary .well-shell ._flex ._flexContent{display: flex;flex-direction: column;-moz-box-pack: start;justify-content: flex-start;}
.trip-itinarary .well-shell ._flex ._flexBtns{}
.trip-itinarary .well-shell ._formattedTxt-title{color: #1D2C3C;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 600;}
.trip-itinarary .well-shell ._formattedTxt-sub-title{color: rgb(76, 85, 102);text-align: center;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.trip-itinarary .well-shell .title-spacer{display: block;padding: 16px 0px 0px;}
.trip-itinarary .well-shell ._formatted-date-title{font-size: 12px;text-align: left;}
.trip-itinarary .well-shell ._date-title-spacer{display: block;padding: 8px 0px 0px;}

.trip-itinarary .well-shell ._route-flex{display: flex;align-items: flex-start;margin-bottom: 20px;}
.trip-itinarary .well-shell ._route-flex img._airline-logo{width: 32px;height: 32px;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary{-moz-box-flex: 1;flex-grow: 1;min-width: 0px;display: block;padding: 0px 0px 0px 16px;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._flex-row{display: flex;flex-direction: row;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._flex-grow{-moz-box-flex: 1;flex-grow: 1;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._inner-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex{display: flex;-moz-box-pack: justify;justify-content: space-between;width: 100%;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey{display: flex;flex-direction: row;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._leg-duration{min-width: 0px;color: #4c5566; font-size: 12px; }
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-item{display: flex;flex-direction: column;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}

.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-item ._time-formatted-text{text-align: left;vertical-align: baseline;line-height: 16px;font-size: 16px;font-weight: 600;position: relative;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-item ._time-formatted-text .next-day-notification{position: absolute;top:0;right:-20px;margin-top:-4px;font-size: 12px;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-item ._location-formatted-text{color: #4c5566;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;display: inline-block;background: transparent;padding: 0px 2px;border-radius: 2px;line-height: 1;}

#FlightExtraOverview.fixed{position: fixed;}

.flight-layover{padding: 22px 0px 8px;}
.flight-layover-flex {display: flex;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.layover-icon{width: 56px;display: flex;}
.layover-icon svg{overflow:hidden;fill: #d20f46;color: #d20f46;vertical-align: text-top;font-size: 24px;}
.layover-stop{-moz-box-flex: 1;flex-grow: 1;min-width: 0px;}
._layover-spacer{padding: 0px 16px 0px 0px;}
.flight-layover ._formatted-text{font-size: 14px;font-weight: 400;line-height: 24px;color: #d20f46;display: flex;}



.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey ._journey-spacer{display: flex;flex-direction: column;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey ._journey-spacer ._spacer{display: block;padding: 0px 16px 0px 8px;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey ._journey-spacer ._spacer ._line{position: relative;height: 6px;width: 40px;min-width: unset;top: 7px;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey ._journey-spacer ._spacer ._line-bg {height: 2px;position: absolute;width: 100%;transform: translateY(2px);background: #BFCBD9;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey ._journey-spacer ._spacer ._circle{background: #BFCBD9;width: 6px;height: 6px;border-radius: 50%;display: inline-flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey ._journey-spacer ._spacer ._circle._left {position: absolute;left: 0px;}
.trip-itinarary .well-shell ._route-flex ._route-itinerary ._info-flex ._flight-journey ._journey-spacer ._spacer ._circle._right {position: absolute;right: -6px;}


.trip-itinarary .well-shell .hr-spacer{padding: 16px 0px 16px;}
.trip-itinarary .well-shell .hr-spacer .hr-bg{border-color: #E3E8EF ;border-width: 1px 0px 0px;border-style: solid;width: 100%;height: 1px;}
.trip-itinarary .well-shell .secondary-title{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 700;padding-bottom: 16px;}

.flex-justify-space{display: flex;-moz-box-pack: justify;justify-content: space-between;}


.trip-itinarary .well-shell ._breakdown-price-details{ color: #1F2C3E; text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.trip-itinarary .well-shell ._breakdown-price{font-weight: 700;font-size: 16px;padding-bottom: 14px;}
.trip-itinarary ._select-flight-btn{transition: 0.2s;position: relative;padding: 10px 16px;border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: #fff;background-color: var(--btn-primary-color);border-color: var(--btn-primary-color);width: 100%; font-size: 16px; font-weight: 700; border:0!important; height: 40px; }

.trip-itinarary .info-well{background: #F1F4F8;border-radius: 4px;border-width: 1px;border-style: solid;border-image: none; border-color: #E3E8EF;}
.trip-itinarary .info-well ._inner{padding: 12px 16px;}
.trip-itinarary .info-well ._icon-spacer{display: block;padding: 0px 8px 0px 0px;}
.trip-itinarary .info-well ._title{color: #1d2c3c;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;}
.trip-itinarary .info-well ._copy{color: #4c5566;text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}





.trip-itinarary .well-shell .min-title{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.trip-itinarary .well-shell ._flexPrice{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;}
.trip-itinarary .well-shell ._flexPrice ._formattedText{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 18px;font-weight: 600;}


.trip-itinarary .card-well-styled .box-section .title-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
.trip-itinarary .card-well-styled .box-section .title-flex ._formattedText{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;}
.trip-itinarary .card-well-styled .box-section .title-flex ._formattedText.lg{font-size: 18px;}
.trip-itinarary .card-well-styled .box-section .title-flex ._formattedText.flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.trip-itinarary .card-well-styled .box-section .title-flex ._status-pill{font-size: 12px; line-height: 14px; background: rgb(249, 250, 252);border-radius: 6px;padding: 4px 8px;}

.trip-itinarary .card-well-styled .box-section .title-flex .question-item svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}
.trip-itinarary .card-well-styled .box-section .flex-item-row.price{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
.trip-itinarary .card-well-styled .box-section .flex-item-row .__icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
.trip-itinarary .card-well-styled .box-section .flex-item-row .__icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}
.trip-itinarary .card-well-styled .box-section .title-spacer{display: block;padding: 16px 0px 0px;}
.trip-itinarary .card-well-styled .box-section .flex-item-row{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.trip-itinarary .card-well-styled .box-section .flex-item-row ._icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 8px 0px 0px;}
.trip-itinarary .card-well-styled .box-section .flex-item-row ._icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}
.trip-itinarary .card-well-styled .box-section .flex-item-row ._formattedText{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.trip-itinarary .card-well-styled .box-section .flex-item-row ._price{display: flex;flex-direction: row;align-items: flex-end;}
.trip-itinarary .card-well-styled .box-section .flex-item-row ._price .currency-price{line-height: 24px;}
.trip-itinarary .card-well-styled .box-section .flex-item-row ._price .chev svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 16px;margin-left: 8px;}

.trip-itinarary .card-well-styled .box-section ._price-total-wrapper{padding: 16px 0px 0px;}
.trip-itinarary .card-well-styled .box-section ._price-total-wrapper ._price-total{box-shadow: none;position: relative;transition: 0.15s;cursor: inherit;border-radius: 8px;border: 1px solid rgb(227, 232, 239);background: rgb(249, 250, 252);padding: 16px 24px;}
.trip-itinarary .card-well-styled .box-section ._price-total-wrapper ._price-total .pice-total-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
.trip-itinarary .card-well-styled .box-section ._price-total-wrapper .total-formatted-text{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;}
.trip-itinarary .card-well-styled .box-section ._price-total-wrapper .price-formatted-text{text-align: left;line-height: 24px;font-size: 16px;font-weight: 600;}

.trip-itinarary .card-well-styled .box-section ._price-breakdown-wrapper{padding: 8px 24px 8px 16px;background: rgb(249, 250, 252);margin-top: 10px; border-radius: 4px; }
.trip-itinarary .card-well-styled .box-section ._price-breakdown-wrapper ._row-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
.trip-itinarary .card-well-styled .box-section ._price-breakdown-wrapper ._row-flex ._txt{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 13px;font-weight: 400;}
.trip-itinarary .card-well-styled .box-section ._price-breakdown-wrapper ._row-flex ._span{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 13px;line-height: 24px;color: #1D2C3C;}

.trip-itinarary .card-well-styled .box-section ._cancelled-lable{text-align: right;padding-top: 4px;padding-bottom: 8px;font-size: 10px; color: rgb(193, 7, 7); font-weight: 700; padding-right: 24px; text-transform: uppercase;letter-spacing: 0.5px; }

.trip-itinarary .card-well-styled .box-section ._action-btns-flex{display: flex;flex-wrap: wrap;-moz-box-pack: end;justify-content: flex-end;align-items: flex-start;}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action{transition: 0.2s;position: relative;padding: 3px 12px;border: 1px solid var(--btn-primary-color);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(255, 255, 255);background-color: var(--btn-primary-color);font-size: 14px !important;line-height: 24px !important;}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-formatted-text{ font-weight: 600; z-index: 1;color: inherit;display: flex;position: relative;-moz-box-align: center;align-items: center;}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action:hover::after {transition: border 0.3s;content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 4px;background: rgba(29, 79, 204, 0.05);background-color: rgba(29, 44, 69, 0.4);}

.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action.light{background-color: #fff;border-color: #bfcbd9;color: rgb(51, 51, 51);}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action.light:hover::after {background-color: rgb(243, 246, 253);}

.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-spacer{display: block;padding: 0px 0px 0px 8px;}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action-column-end{display: flex;flex-direction: column;align-items: flex-end;}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action-secondary{transition: 0.2s;position: relative;padding: 3px 12px;border: 1px solid rgb(227, 232, 239);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(104, 119, 143);background: rgb(227, 232, 239);font-size: 14px !important;line-height: 24px !important;}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action-secondary:hover::after {transition: border 0.3s;content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 4px;background: rgba(29, 79, 204, 0.05);color: rgb(104, 119, 143);}
.trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action:disabled, .trip-itinarary .card-well-styled .box-section ._action-btns-flex ._btn-action-secondary:disabled {cursor: not-allowed;}

.trip-itinarary.confirmation{margin-left: auto;margin-right: auto;width: 100%;max-width: 700px;padding-left: 24px; padding-right: 24px;}

.trip-itinarary.confirmation .box-section{padding:24px}
.trip-itinarary.confirmation .check-success-icon{}
.trip-itinarary.confirmation .check-success-icon svg{overflow: hidden;fill: rgb(6, 129, 68);color: rgb(6, 129, 68);vertical-align: text-top;font-size: 24px;}

.trip-itinarary.confirmation .check-success-icon.CONFIRMED svg{fill: rgb(204, 151, 0);color: rgb(204, 151, 0);}

.trip-itinarary.confirmation h2.h2-confirmation{text-align: left;vertical-align: baseline;line-height: 40px;font-size: 32px;font-weight: 600;letter-spacing: -0.5px;color: #1D2C3C;}
.trip-itinarary.confirmation .formatted-text-h2-sub{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 400;display: inline-block;}
.trip-itinarary.confirmation .trip-title{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 18px;font-weight: 600;}
.trip-itinarary.confirmation ._trip-id{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 400;}

.trip-itinarary.confirmation ._flex-service{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;gap: 16px;}
.trip-itinarary.confirmation ._flex-service ._svg-icon{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}
.trip-itinarary.confirmation ._flex-service ._flex-service-description{}
.trip-itinarary.confirmation ._flex-service ._flex-service-description ._service--title{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 600;}
.trip-itinarary.confirmation ._flex-service ._flex-service-description ._service--dates{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 400;}
.trip-itinarary.confirmation ._flex-service ._flex-status{margin-left: auto;}
.trip-itinarary.confirmation ._flex-service ._flex-status ._status-wrapper{border-radius: 4px;background-color: #efefef;display: block;padding: 0px 4px;display: flex;flex-direction: row;align-items: flex-start;}
.trip-itinarary.confirmation ._flex-service ._flex-status ._status-wrapper ._icon{display: flex;-moz-box-pack: center; padding-right: 2px; justify-content: center;-moz-box-align: center;align-items: center;height: 20px;}
.trip-itinarary.confirmation ._flex-service ._flex-status ._status-wrapper ._formattedText-status{text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 600;}
.trip-itinarary.confirmation ._flex-service ._flex-status ._status-wrapper.FINALISED{background: rgb(229, 255, 244);color: rgb(6, 129, 68);}
.trip-itinarary.confirmation ._flex-service ._flex-status ._status-wrapper.FINALIZED{background: rgb(229, 255, 244);color: rgb(6, 129, 68);}
.trip-itinarary.confirmation ._flex-service ._flex-status ._status-wrapper.CONFIRMED{background: rgb(255, 249, 229);color: rgb(204, 151, 0);}


.trip-itinarary.confirmation ._well-footer{background: rgb(249, 250, 252);border-radius: 0px 0px 8px 8px;border-style: solid;border-color: rgb(227, 232, 239);border-width: 0px 0px 0px;}
.trip-itinarary.confirmation ._well-footer ._inner-spacer{display: block;padding: 16px 24px;}
.trip-itinarary.confirmation ._well-footer ._flex-end{display: flex;flex-direction: row;-moz-box-pack: end;justify-content: flex-end;}

.trip-itinarary.confirmation ._well-footer ._btn-action{transition: 0.2s;position: relative;padding: 3px 12px;border: 1px solid rgb(191, 203, 217);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: var(--link-primary);background-color: rgb(255, 255, 255);display: flex;flex-direction: row;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;font-weight: 600;}
.trip-itinarary.confirmation ._well-footer ._btn-action:hover{background-color: rgb(249, 250, 252);transition: border 0.3s;border-color: rgb(191, 203, 217);}
.trip-itinarary.confirmation ._well-footer ._btn-action ._btn-flex{display: flex;flex-direction: row;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.trip-itinarary.confirmation ._well-footer ._btn-action ._spacer-btn{display: block;padding: 0px 8px 0px 0px;}
.trip-itinarary.confirmation ._well-footer ._btn-action svg{overflow: hidden;fill: var(--link-primary);color: var(--link-primary);vertical-align: middle;font-size: 16px;}


.trip-review-section{padding-top: 24px;padding-bottom: 24px;}
.trip-review-section ._title-Formatted{text-align: center;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;padding-bottom: 16px;}
.trip-review-section .trip-feedback-options{width: 270px;margin-left: auto; margin-right: auto;}
.trip-review-section .trip-feedback-options ul{list-style: none; margin: 0; padding: 0 ;width: 270px;height: 40px;}
.trip-review-section .trip-feedback-options ul li{ list-style: none; margin: 0; padding: 0 ; float: left;width: 40px;height: 40px;margin-right: 16px; display: flex;flex-direction: row;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.trip-review-section .trip-feedback-options ul li:last-child{padding: 0;margin-right: 0;}
.trip-review-section .trip-feedback-options ul li button{ width: 40px; height: 40px; transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid rgb(191, 203, 217);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: var(--btn-primary-color);background-color: rgb(255, 255, 255);}
.trip-review-section .trip-feedback-options ul li button:hover{background-color: rgb(249, 250, 252);transition: border 0.3s;border-color: rgb(191, 203, 217);}
.trip-review-section ._labels-wrapper-flex{width: 270px; margin-left: auto; margin-right: auto; display: flex;-moz-box-pack: justify;justify-content: space-between;}
.trip-review-section ._label-text{display: block;padding: 8px 0px 0px;color: rgb(104, 119, 143);text-align: left;vertical-align: baseline;line-height: 16px;font-size: 10px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;}


.not-found-destination{margin-left: auto;margin-right: auto; top: 50%; margin-top: -150px; width: 480px; position: absolute; left: 50%;; margin-left: -240px; }
.not-found-destination img{height: 154px;}


.rooms-inline-preloader{ background-color: #e2e2e5!important; border-top: 1px solid #e2e2e5; position: relative; height: 90px; }
.rooms-inline-preloader:last-child{border-bottom: 0;}
.rooms-inline-preloader{overflow: hidden;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: glowling;animation-name: glowling;-webkit-animation-timing-function: linear;animation-timing-function: linear;background: no-repeat #e2e2e5;background-image: linear-gradient(270deg,#e2e2e5,#f3f4f9 20%,#e2e2e5 40%,#e2e2e5);}
.rooms-inline-preloader ._spacer{position: absolute;background-color: #fff;}
.rooms-inline-preloader ._l{left:0;top: 0;width: 20px;bottom: 0;}
.rooms-inline-preloader ._r{right:0;top: 0;width: 20px;bottom: 0;}
.rooms-inline-preloader ._t{left:0;top: 0;height: 20px;right: 0;}
.rooms-inline-preloader ._b{left:0;bottom: 0;height: 20px;right: 0;}
.rooms-inline-preloader ._title{left:200px;top: 0;height: 40px;width: calc(85% - 200px);}
.rooms-inline-preloader ._title_footer {left: 0;top: 40px;height: 10px;width: 100%;}
.rooms-inline-preloader ._board {left: 170px;top: 50px;height: 20px;width: calc(50% - 250px);}
.rooms-inline-preloader ._board_icon {left: 40px;top: 50px;height: 20px;width: 10px;}
.rooms-inline-preloader ._policy {left: 60%;top: 50px;height: 20px;width: calc( (50% - 250px) );}

.rooms-inline-preloader ._quote{}
.rooms-inline-preloader ._price{}

.spinner-container-spacer{height: 60px;position: relative;}
.spinner-container-spacer .spinner {width: 20px; height: 20px; margin-top:-10px; margin-left: -10px; border-width: 2px;z-index: 0;border-right-color: transparent;border-bottom-color: transparent;}
.spinner-container-spacer .spinner::before {z-index: 0;content: '';width: 20px;height: 20px;border: 2px solid #ccc;opacity: 0.35;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;}

.cm-content{padding-bottom: 20px;}

.CloseButton__ModalHeader{
	position: absolute;
	right: 15px;
	top: 20px;
	z-index: 1;
	appearance: none;
	background-color: transparent;
	border: medium;
	padding: 0px;
	opacity: 0.7;
}
.CloseButton__ModalHeader:hover{opacity: 1;}
.CloseButton__ModalHeader .Spacer{
	display: block;
	padding: 12px;
}
.CloseButton__ModalHeader .Spacer svg{
	overflow: hidden;
	fill: rgb(76, 85, 102);
	color: rgb(76, 85, 102);
	vertical-align: text-top;
	font-size: 24px;
}
.Title__ModalHeader{
	font-size: 16px;
    line-height: 24px;
    padding: 32px 32px 0px;
	text-align: left;
	font-weight: 600;
}
.Body__Modal{
	padding: 32px 32px 0px;
	text-align: left;
	position: relative;
}
.Body__Modal.md{min-height: 100px;}
.Body__Modal .spinner {width: 20px; height: 20px; margin-top:-10px; margin-left: -10px; border-width: 2px;z-index: 0;border-right-color: transparent;border-bottom-color: transparent;}
.Body__Modal .spinner::before {z-index: 0;content: '';width: 20px;height: 20px;border: 2px solid #ccc;opacity: 0.35;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;}

.Footer_Modal{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 16px;
	background-color: rgb(255, 255, 255);
	border-top: 1px solid rgb(227, 232, 239);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	display: flex;
	-moz-box-pack: end;
	justify-content: flex-end;
	flex-direction: row;
	flex-shrink: 0;
	
	position: relative;
    bottom: auto;
    left: auto;
    right: auto;
}
.Footer_Modal .btn-Cancel{
	transition: 0.2s;
	position: relative;
	padding: 7px 16px;
	border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 4px;
	line-height: 24px !important;
	cursor: pointer;
	white-space: nowrap;
	z-index: unset;
	color: #222;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600;
}
.Footer_Modal .btn-Cancel:hover::after {
	transition: border 0.3s;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: rgba(29, 79, 204, 0.05);
	background-color: rgba(29, 79, 204, 0.05);
	background-color: rgba(29, 44, 69, 0.05);
}
.Footer_Modal .btn-Cancel .txt-formatted{
	opacity: 1;
	position: relative;
	z-index: 2;
}
.Footer_Modal .btn-Spacer{
	display: inline-block;
  padding: 0px 0px 0px 8px;
}
.Footer_Modal .btn-Delete{
	transition: 0.2s;
	position: relative;
	padding: 7px 16px;
	border: 1px solid rgb(193, 7, 7);
	border-radius: 4px;
	line-height: 24px !important;
	cursor: pointer;
	white-space: nowrap;
	z-index: unset;
	color: rgb(255, 255, 255);
	background-color: rgb(193, 7, 7);
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600;
	min-width: 85px;
}
.Footer_Modal .btn-Delete .txt-formatted{
	opacity: 1;
	position: relative;
	z-index: 2;
}
.Footer_Modal .btn-Delete:hover::after {
	transition: border 0.3s;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: rgba(29, 79, 204, 0.05);
	background-color: rgba(29, 79, 204, 0.05);
	background-color: rgba(29, 44, 69, 0.4);
}
.Footer_Modal .btn-Delete.working{background-color: #ccc;border-color: #ccc;}


.Footer_Modal .btn-Action{
	transition: 0.2s;
	position: relative;
	padding: 7px 16px;
	border: 1px solid var(--btn-primary-color);
	border-radius: 4px;
	line-height: 24px !important;
	cursor: pointer;
	white-space: nowrap;
	z-index: unset;
	color: rgb(255, 255, 255);
	background-color: var(--btn-primary-color);
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600;
	min-width: 85px;
}
.Footer_Modal .btn-Action .txt-formatted{
	opacity: 1;
	position: relative;
	z-index: 2;
}
.Footer_Modal .btn-Action:hover::after {
	transition: border 0.3s;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: rgba(29, 79, 204, 0.05);
	background-color: rgba(29, 79, 204, 0.05);
	background-color: rgba(29, 44, 69, 0.4);
}
.Footer_Modal .btn-Action.working{background-color: #ccc;border-color: #ccc;}


.action-voucher-payment-methods{max-width: 400px;}
.action-voucher-payment-methods .title-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;}
.action-voucher-payment-methods .title-flex ._formattedText{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;}
.action-voucher-payment-methods .title-flex ._formattedText.lg{font-size: 18px;}
.action-voucher-payment-methods .title-flex ._formattedText.flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
.action-voucher-payment-methods .title-flex ._status-pill{font-size: 12px; line-height: 14px; background: rgb(249, 250, 252);border-radius: 6px;padding: 4px 8px;}
.action-voucher-payment-methods .title-flex .question-item svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}
.action-voucher-payment-methods .title-spacer{display: block;padding: 16px 0px 0px;}


.action-voucher-payment-methods .WarningBackground{background: rgb(255, 247, 229);border-radius: 8px;margin-top: 16px;padding: 16px;} 
.action-voucher-payment-methods .WarningBackground ._icon-flex{display: block;padding: 2px 12px 0px 0px;}
.action-voucher-payment-methods .WarningBackground ._icon-flex ._icon-avatar{background: rgb(255, 199, 38);width: 20px;height: 20px;border-radius: 50%;display: inline-flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.action-voucher-payment-methods .WarningBackground ._icon-flex ._icon-avatar svg{overflow: hidden;fill: rgb(255, 255, 255);color: rgb(255, 255, 255);vertical-align: text-top;font-size: 18px;}
.action-voucher-payment-methods .WarningBackground ._title-formatted-text{color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;margin-bottom: 4px;}
.action-voucher-payment-methods .WarningBackground ._descr-formatted-text{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}



._select-container{ width: 100%; -moz-box-align: center;align-items: center;background-color: rgb(255, 255, 255);border-color: rgb(191, 203, 217);border-radius: 4px;border-style: solid;border-width: 1px;box-shadow: none;cursor: default;display: flex;flex-wrap: nowrap;-moz-box-pack: justify;justify-content: space-between;min-height: 38px;outline: 0px !important;position: relative;transition: 100ms;box-sizing: border-box;color: rgb(29, 44, 60);font-size: 16px;}
._select-container.input-error{border: 2px solid #9a1220;}
._select-container._input{min-height: 40px;}
._select-container:hover{border-color: #000; -webkit-transition: border-color .25s,color .25s;-moz-transition: border-color .25s,color .25s;transition: border-color .25s,color .25s;}
._select-container .indicator{color: rgb(204, 204, 204);display: flex;padding: 8px;transition: color 150ms;box-sizing: border-box;margin-top: auto;margin-bottom: auto; position: absolute; right: 0; top:0; }
._select-container .indicator svg{display: inline-block;fill: currentcolor;line-height: 1;stroke: currentcolor;stroke-width: 0px;}
._select-container .input-placeholder{padding-left: 14px;padding-right: 14px;height:100%;width:100%;outline:none;border:none;}

._select-container .indicator.h{top: 2px;}

.trip-itinarary .card-well-styled .box-section ._input-label{display: block;padding: 0px 0px 9.6px;}
.trip-itinarary .card-well-styled .box-section .element-spacer{padding: 24px 0px 0px;}

.trip-itinarary .btn-confirm-trip{transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid rgb(6, 129, 68);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: rgb(255, 255, 255);background-color: rgb(6, 129, 68);width: 100%;font-size: 16px !important;line-height: 24px !important;font-weight: 700;}

.trip-itinarary .btn-confirm-trip.CONFIRMED{background-color: rgb(204, 151, 0); border-color: rgb(178, 132, 0); }
.trip-itinarary .btn-confirm-trip.CLEAR{background-color: #fff; border-color: #666; color: #222; }

.trip-itinarary ._btn-flex{display: flex;flex-direction: row-reverse;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;  opacity: 1;position: relative;z-index: 2;}
.trip-itinarary .btn-confirm-trip:hover::after {transition: border 0.3s;content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 4px;background: rgba(29, 79, 204, 0.05);background-color: rgba(29, 79, 204, 0.05);background-color: rgba(29, 44, 69, 0.4);}
.trip-itinarary .btn-confirm-trip:active::after {background-color: rgba(29, 44, 69, 0.55);}

.trip-itinarary .btn-confirm-trip .spinner {width: 20px; height: 20px; margin-top:-10px; margin-left: -10px; border-width: 2px;z-index: 0;border-right-color: transparent;border-bottom-color: transparent;}
.trip-itinarary .btn-confirm-trip .spinner::before {z-index: 0;content: '';width: 20px;height: 20px;border: 2px solid #ccc;opacity: 0.35;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;}
.trip-itinarary .btn-confirm-trip.working{background-color: #ccc;}

.book-confirmation-statement{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;padding-top: 20px; padding-bottom: 20px;}
.book-confirmation-statement{color: #666;}
.book-confirmation-statement .underline-bold{color: #000;}

.well-rounded-selected{border-radius: 20px;padding:20px;color:#6e6e64;background-color:#fafaf5;font-size: 14px;line-height: 24px;margin-bottom: 40px;}
.well-rounded-selected strong{color: #14140f;}
.well-rounded-selected p{padding-bottom: 14px;}
.well-rounded-selected p:last-child{padding: 0;}


.add-package-usp{z-index: 999; position: fixed; bottom:0;  left: 0; right: 0; color: #fff; background-color: #000 ; padding:20px; font-size: 16px; text-align: center;}


.trip-itinarary .trip-body{display: block;padding: 0px 16px;padding-top: 8px;}
.trip-itinarary .trip-body .trip-title-dates{padding: 0px 0px 8px;text-align: center;color: rgb(76, 85, 102);text-align: center;line-height: 20px;font-size: 12px;font-weight: 400;}
.trip-itinarary .trip-body .trip-title-wrapper{position: relative;display: inline-flex;-moz-box-align: center;align-items: center;width: 100%;min-height: 48px;z-index: initial;font-size: 16px;background: rgb(255, 255, 255);border: medium;transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;box-shadow: unset;}
.trip-itinarary .trip-body .trip-title-wrapper input::placeholder{color: rgb(104, 119, 143);font-weight: 700;}
.trip-itinarary .trip-body .trip-title-wrapper input{border:0;outline: 0;font-size: 36px;line-height: 44px;font-weight: 700;text-align: center;color: rgb(29, 44, 60);padding:0;width: 100%;border-radius: 2px;margin: 0;}
.trip-itinarary .trip-body .travellers-section-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: stretch;align-items: stretch;}
.trip-itinarary .trip-body .travellers-section-flex ._inner{padding: 32px 0px 8px;width: 100%;}
.trip-itinarary .trip-body h3{ text-align: left;vertical-align: baseline;margin:0;padding: 0;line-height: 24px;font-size: 20px;font-weight: 600;}
.trip-itinarary .trip-body .h3-spacer{padding: 16px 0px 0px;}
.trip-itinarary .trip-body .card-styled{box-shadow: none;position: relative;transition: 0.15s;cursor: inherit;background: rgb(255, 255, 255);border-radius: 8px;border: 1px solid rgb(227, 232, 239);}
.trip-itinarary .trip-body .card-styled ._card-inner{padding: 16px;}
.trip-itinarary .trip-body .card-styled ._card-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.trip-itinarary .trip-body .card-styled ._card-flex .md{width: 58%;}

@media (max-width: 500px){
	.trip-itinarary .trip-body .card-styled ._card-flex .md{width: 100%; display: block;}
}


.trip-itinarary .trip-body .card-styled .travllers-column-flex{display: flex;flex-direction: column;}
.trip-itinarary .trip-body .card-styled .travllers-flex-row{display: flex;flex-direction: row;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.trip-itinarary .trip-body .card-styled .travllers-flex-row ._inline-flex {display: flex;flex-direction: row;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.trip-itinarary .trip-body .card-styled .btn-view-details{transition: 0.2s;position: relative;padding: 7px 16px;border: 1px solid rgb(191, 203, 217);border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: var(--btn-primary-color);background-color: rgb(255, 255, 255);line-height: 24px !important;font-size: 16px!important;font-weight: 700;}
.trip-itinarary .trip-body .card-styled .btn-view-details:hover{border-color:#333;color: #333;transition: 0.2s;}

.trip-itinarary .trip-body .card-styled .spacer-2px{padding: 0px 2px 0px 0px;}
.trip-itinarary .trip-body .card-styled .spacer-4px{padding: 0px 4px 0px 0px;}
.trip-itinarary .trip-body .card-styled .traveller-background-avatar{border-radius: 50%;height: 32px;min-height: 32px;width: 32px;min-width: 32px;position: relative;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;background: rgb(255, 255, 255) linear-gradient(135deg, rgb(160, 222, 167) 0%, rgb(149, 220, 148) 100%) center center / contain;}
.trip-itinarary .trip-body .card-styled .traveller-background-avatar ._formatted-text{color: rgb(255, 255, 255);text-align: center;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 600;}
.trip-itinarary .trip-body .card-styled .spacer-8px{padding: 0px 0px 0px 8px;}
.trip-itinarary .trip-body .card-styled .traveller-name-formatted-text{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}


.trip-itinarary .trip-body .trip-services{padding: 64px 0px 0px;position: relative;}
.trip-itinarary .trip-body .trip-services .timeline-dotted{position: absolute;background-image: linear-gradient(rgb(158, 171, 190) 50%, transparent 50%);background-size: 2px 8px;background-repeat: repeat-y;top: 70px;bottom: 0px;width: 2px;left: 10px;top: 105px;}
.trip-itinarary .trip-body .trip-services .timeline-dotted::before{content: "";position: absolute;left: -2px;height: 6px;width: 6px;border-radius: 50%;background: rgb(158, 171, 190);top: -1px;}
.trip-itinarary .trip-body .trip-services .timeline-dotted::after{content: "";position: absolute;left: -2px;height: 6px;width: 6px;border-radius: 50%;background: rgb(158, 171, 190);bottom: -1px;}

.trip-itinarary .trip-body .trip-services .service-section{padding: 32px 0px 0px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 14px;line-height: 24px;color: #1D2C3C;}
.trip-itinarary .trip-body .trip-services .service-title-flex{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between;align-items: flex-start;}
.trip-itinarary .trip-body .trip-services .service-flex-start{display: flex;flex-direction: row;align-items: flex-start;}
.trip-itinarary .trip-body .trip-services .service-title-icon{background-color: #fff;position: relative;}
.trip-itinarary .trip-body .trip-services .service-title-icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 24px;}
.trip-itinarary .trip-body .trip-services ._spacer-24px{padding: 0px 0px 0px 24px;}
.trip-itinarary .trip-body .trip-services .service-title-formatted-text{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 18px;font-weight: 600;}
.trip-itinarary .trip-body .trip-services .service-title-action-items{display: flex;flex-direction: row;-moz-box-align: center;align-items: center;gap: 8px;}
.trip-itinarary .trip-body .trip-services .service-title-action-items ._btn-action{transition: 0.2s;position: relative;padding: 1px 8px;border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: #333;background-color: rgb(255, 255, 255);font-size: 12px !important;line-height: 20px !important; font-weight: 600;border: 1px solid rgb(191, 203, 217); min-height: 24px; min-width: 60px; }
.trip-itinarary .trip-body .trip-services .service-title-action-items ._btn-action .btn-formatted-text-flex{display: flex;flex-direction: row-reverse;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center; z-index: 1;}
.trip-itinarary .trip-body .trip-services .service-title-action-items ._btn-action .btn-formatted-text-flex ._spacer{display: block;padding: 0px 8px 0px 0px;}
.trip-itinarary .trip-body .trip-services .service-title-action-items ._btn-action .btn-formatted-text-flex svg{overflow: hidden;fill: #333;color: #333;vertical-align: middle;font-size: 16px;}
.trip-itinarary .trip-body .trip-services .service-title-action-items ._btn-action:hover::after, .trip-itinarary .trip-body .trip-services .service-title-action-items ._btn-action:focus::after {transition: border 0.3s;content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 4px;background: rgba(0,0,0, 0.05);background-color: rgba(29, 79, 204, 0.05);}

.trip-itinarary .trip-body .trip-services .service-card-spacer{padding: 8px 0px 0px 48px;}
.trip-itinarary .trip-body .trip-services ._service-card-flex{display: flex;-moz-box-align: center;align-items: center;}
.trip-itinarary .trip-body .trip-services ._service-card-layout{-moz-box-flex: 1;flex: 1 1 auto;}
.trip-itinarary .trip-body .trip-services ._service-card-layout ._service-card-layout-flex{display: flex;}
.trip-itinarary .trip-body .trip-services ._service-card-layout ._service-card-layout-flex ._inner-flex{-moz-box-flex: 1;flex: 1 1 auto;max-width: 100%;}
.trip-itinarary .trip-body .trip-services ._service-card-layout ._service-card-layout-flex ._inner-flex ._flex-column {display: flex;flex-direction: column;-moz-box-align: stretch;align-items: stretch;}
.trip-itinarary .trip-body .trip-services ._service-card-layout ._service-card-layout-flex ._inner-flex ._flex-column ._flex-wrap{display: flex;flex-wrap: wrap;-moz-box-align: center;align-items: center;max-width: 100%;}


.trip-itinarary .trip-body .trip-services ._service-confirmation-spacer{padding: 0px 16px 0px 0px;}
.trip-itinarary .trip-body .trip-services ._service-confirmation-background{background: rgb(249, 250, 252);border-radius: 6px 6px 0px 0px;margin-bottom: -4px;display: inline-block; padding: 4px 8px 8px; }
.trip-itinarary .trip-body .trip-services ._service-confirmation{display: flex;-moz-box-align: center;align-items: center;}
.trip-itinarary .trip-body .trip-services ._service-confirmation svg{overflow: hidden;fill: rgb(6, 129, 68);color: rgb(6, 129, 68);vertical-align: text-top;font-size: 16px;}
.trip-itinarary .trip-body .trip-services ._service-confirmation ._spacer{padding: 0px 0px 0px 4px;}
.trip-itinarary .trip-body .trip-services ._service-confirmation ._formatted-text{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;display: inline-block;}

.trip-itinarary .trip-body ._special-requests{background: rgb(241, 244, 248);border-radius: 4px;border: 1px solid rgb(227, 232, 239);display: block;padding: 12px 16px;margin-bottom: 8px;margin-top: 14px;}
.trip-itinarary .trip-body ._special-requests ._flex-row{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;}
.trip-itinarary .trip-body ._special-requests ._icon-spacer{display: block;padding: 0px 8px 0px 0px;margin-top: 2px;}
.trip-itinarary .trip-body ._special-requests ._icon-spacer svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: top;font-size: 20px;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);}
.trip-itinarary .trip-body ._special-requests ._flex-txt{display: flex;flex-direction: column;}
.trip-itinarary .trip-body ._special-requests ._flex-txt ._formattedText{color: rgb(76, 85, 102);text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.trip-itinarary .trip-body ._special-requests ._flex-txt ._formattedText a{color: var(--link-primary);text-decoration: none;cursor: pointer;font-weight: 600;}
.trip-itinarary .trip-body ._special-requests-wrapper{padding: 8px 0px 0px 48px;}


.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card{box-shadow: none;position: relative;transition: 0.15s;cursor: inherit;background: rgb(255, 255, 255);border-radius: 4px;border: 1px solid rgb(227, 232, 239);border-radius: 8px; width: 100%; color: #1D2C3C;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-spacer{display: block;padding: 24px 0px 24px 24px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column{width: 240px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column ._img-hotel{height: 112px;width: 216px;border-radius: 4px;background-color: #ddd;background-size: cover; background-position: center; }
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column ._dates-hotel{padding-top: 16px;display: flex;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: stretch;align-items: stretch;color: rgb(29, 44, 60);text-align: left;vertical-align: baseline;line-height: 16px;font-size: 10px;font-weight: 400;letter-spacing: 0.5px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column ._dates-hotel ._checkin-column{display: block;padding: 0px 32px 0px 0px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column ._dates-hotel ._checkin-column ._dates-flex-column{display: flex;flex-direction: column;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column ._dates-hotel ._checkout-column{display: flex;flex-direction: column;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column ._dates-hotel ._dates-formatted-text{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 600;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._img-column ._dates-hotel ._dates-formatted-text .time{text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._hotel-content-flex{display: flex;flex-direction: column;-moz-box-pack: start;justify-content: flex-start;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._hotel-content-flex ._pad{display: block;padding-top: 18px;padding-right: 24px;padding-bottom: 16px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._hotel-name{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 18px;font-weight: 700;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._hotel-address-flex{display: flex;-moz-box-align: stretch;align-items: stretch;padding-top: 4px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._hotel-address-icon{display: block;padding: 0px 8px 0px 0px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._hotel-address-icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: middle;font-size: 24px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._address-formatted-text{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._address-formatted-text ._address-divider{border-color: rgb(227, 232, 239);border-width: 1px 0px 0px;border-style: dashed;width: 100%;height: 1px;}


.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .green{color: rgb(6, 129, 68);}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .cancellation-inline-text-flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;padding-top: 8px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .cancellation-inline-text-flex ._icon{display: flex;-moz-box-align: center;align-items: center;padding: 0px 10px 0px 2px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .cancellation-inline-text-flex ._icon svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .cancellation-inline-text-flex ._icon.green svg{overflow: hidden;fill: rgb(6, 129, 68);color: rgb(6, 129, 68);vertical-align: text-top;font-size: 20px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .cancellation-inline-text-flex ._formatted-text{text-align: left;vertical-align: baseline;line-height: 24px;font-size: 14px;font-weight: 400;}



.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .__hr{background-color: rgb(201, 211, 223);height: 1px;border: medium;box-shadow: none; border-color: rgb(227, 232, 239); }
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._cancellation-wrapper{padding: 8px 25px 14px;display: flex;flex-direction: row;justify-content: space-between;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._cancellation-wrapper ._policy-helper{text-align: right;padding-top: 8px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._cancellation-wrapper ._policy-helper svg{overflow: hidden;fill: rgb(76, 85, 102);color: rgb(76, 85, 102);vertical-align: text-top;font-size: 20px;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer{background: rgb(115, 128, 148);color: rgb(29, 44, 60);padding: 6px 0px;border-top: 1px solid rgb(227, 232, 239);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;text-align: center;  display: flex;justify-content: center;-moz-box-align: center;align-items: center;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer ._iconSvg{padding: 0px 8px 0px 0px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer ._iconSvg svg{overflow: hidden;fill: rgb(76, 85, 102);;color: rgb(76, 85, 102);;vertical-align: top;font-size: 20px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer ._fotrmattedText{text-align: center;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 600;color: inherit;text-transform: uppercase;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer.FINALISED{background: rgb(229, 255, 237);}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer.FINALISED ._iconSvg svg{fill: rgb(0, 110, 74);color: rgb(0, 110, 74);}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer.CONFIRMED{background: rgb(255, 247, 229);}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._service-status-footer.CONFIRMED ._iconSvg svg{fill: rgb(204, 151, 0);color: rgb(204, 151, 0);}


._btn-standard-simple{border:1px solid #BFCBD9;transition: 0.2s;position: relative;padding: 7px 16px;border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: var(--link-primary);background-color: #fff;border-color: #BFCBD9;box-sizing: border-box;font-weight: 600;}
._btn-standard-simple.wide{width: auto;width: 100%;}
._btn-standard-simple ._btn-flex{display: flex;flex-direction: row-reverse;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
._btn-standard-simple span{cursor: pointer;white-space: nowrap;font-size: 16px !important;line-height: 24px !important;}
._btn-standard-simple:hover{color: #666;border-color: #000;}

._btn-ghost{-moz-box-align: center;align-items: center;background-color: transparent;border-radius: 4px;border: medium;display: flex;height: 32px;-moz-box-pack: center;justify-content: center;width: 32px;}
._btn-ghost:hover{background-color: #1d2c450d;cursor: pointer;box-sizing: border-box;}
._btn-ghost svg{overflow: hidden;fill: #4c5566;color: #4c5566;vertical-align: text-top;font-size: 24px;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card  ._rooms-wrapper{}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._rooms-wrapper .rooms-wrapper-flex{display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;}
._rooms-wrapper .flex-item-row {display: flex;flex-direction: row;-moz-box-pack: start;justify-content: flex-start;-moz-box-align: center;align-items: center;padding: 8px 25px 16px;}
._rooms-wrapper ._input-label.flex-item-row{display: flex!important;}

._rooms-wrapper .flex-item-row ._icon{margin-right: 6px;display: flex;-moz-box-align: center;align-items: center;}
._rooms-wrapper .flex-item-row ._icon svg{fill: #4C5566;height: 18px;width: 18px;}

._add-room-all-guest-names{padding: 4px 25px 16px;line-height: 24px;}
._add-room-all-guest-names ._icon{margin-right: 6px;display: flex;-moz-box-align: center;align-items: center;}
._add-room-all-guest-names ._icon svg{fill: #4C5566;height: 24px;width: 24px;stroke: #4C5566;}

.input-select-custom{position: absolute;top: 100%; margin-top: 1px; left:-1px; width: 100%; width: calc(100% + 2px); ;border-radius: 4px;border: 1px solid #E3E8EF;background-color: #fff; z-index: 9; }
.input-select-custom ul{list-style: none;margin:0;padding: 0;}
.input-select-custom ul li{list-style: none;margin:0;padding: 12px 16px;border-bottom: 1px solid #E3E8EF;cursor: pointer;}
.input-select-custom ul li:last-child{border:0;}
.input-select-custom ul li:hover{background-color: #f3f6f9;transition: all ease-out 0.2s;}
.input-select-custom ul li ._title{font-size: 16px;margin-bottom: 8px;line-height: 24px;font-weight: 700;}
.input-select-custom ul li ._description{margin-top: 8px;font-size: 14px;line-height: 24px;}

.input-box ._select-container { width: 100%;-moz-box-align: center;align-items: center;background-color: rgb(255, 255, 255);border-color: rgb(191, 203, 217);border-radius: 4px;border-style: solid;border-width: 1px;box-shadow: none;cursor: default;display: flex;flex-wrap: nowrap;-moz-box-pack: justify;justify-content: space-between;min-height: 40px;outline: 0px !important;position: relative;transition: 100ms;box-sizing: border-box;color: rgb(29, 44, 60);font-size: 16px;}
.input-box ._select-container .input-placeholder{padding-left: 14px;padding-right: 14px;height:100%;width:100%;outline:none;border:none; -webkit-transition: border-color .25s,color .25s;-moz-transition: border-color .25s,color .25s;transition: border-color .25s,color .25s;}
.input-box ._select-container .input-placeholder:hover{border-color: #000;-webkit-transition: border-color .25s,color .25s;-moz-transition: border-color .25s,color .25s;transition: border-color .25s,color .25s;}

.input-box ._select-container.input-error{border: 2px solid #9a1220;}

.input-box ._input-label{display: block;padding: 0px 0px 9.6px;line-height: 24px;}

.input-box.sm{width: 114px ;}
.input-box.md{width: 160px ;}

._rooms-wrapper ._input-spacer{padding: 0px 25px 0px 0px;}
._rooms-wrapper .title-spacer{padding: 25px 0px 0px;}
._room-count-title{float: right;font-size: 14px;line-height:24px; padding-right: 25px; padding-top: 16px;padding-bottom: 16px;color: #969696;}
._room-title{text-align: left; margin-right: 100px; vertical-align: baseline;line-height: 24px;font-size: 16px;font-weight: 700;padding: 16px 25px 8px;}
._room-pax-count{padding: 0px 25px 14px; /*color: var(--link-primary);*/}
._room-board{padding: 4px 25px 16px;}

._cancellation-policy-underline-divider {border-color: rgb(227, 232, 239);border-width: 1px 0px 0px;border-style: dashed;width: 100%;height: 1px;position: absolute; bottom: -2px;left: 0; right: 0;}






.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card ._inner-spacer {display: block;padding: 16px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .airline-img-icon{width: 32px;height: 32px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item{-moz-box-flex: 1;flex-grow: 1;min-width: 0px;display: block;padding: 0px 0px 0px 16px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route{-moz-box-flex: 1;flex-grow: 1;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route .flex-content{display: flex;flex-direction: row;-moz-box-pack: justify;justify-content: space-between; justify-content: start; }
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route .flex-content ._w{width: 240px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route .flex-content ._duration{color: #4c5566;text-align: left;vertical-align: baseline;line-height: 12px;font-size: 12px;font-weight: 400;padding-left: 32px;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item ._next-day-bubble{position: absolute; top: 0 ; left:100%; margin-left: 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.5px; line-height: 16px; cursor: help; }

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route .flex-content ._item-column{display: flex;flex-direction: column;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: center;align-items: center;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route .flex-content ._item-column ._time-formatted-text{text-align: left;vertical-align: baseline;line-height: 16px;font-size: 16px;font-weight: 600;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route .flex-content ._item-column ._airport{font-size: 12px;color: #4c5565;padding-top: 4px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route ._route-journey-indicator{position: relative;height: 6px;width: 40px;min-width: unset;top: 7px;margin-left: 8px;margin-right: 14px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route ._route-journey-indicator ._bg{height: 2px;position: absolute;width: 100%;transform: translateY(2px); background-color: #BFCBD9; }
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route ._route-journey-indicator ._end{width: 6px;height: 6px;border-radius: 50%;display: inline-flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;background-color: #BFCBD9;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route ._route-journey-indicator ._end._left{left: 0px;position: absolute;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route ._route-journey-indicator ._end._right{right: -6px;position: absolute;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .flight-route ._route-indicator-spacer{padding: 0px 16px 0px 8px;}



.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .details-trigger{align-items: flex-end;display: block;padding: 0px 0px 0px 8px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .details-trigger .details-formatted-word{display: flex;-moz-box-align: center;align-items: center;font-weight: 600;text-decoration: none; color: var(--link-primary); cursor: pointer; }
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .details-trigger .details-formatted-word:hover{text-decoration: underline;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .details-trigger .details-formatted-word svg{fill: var(--btn-primary-color);color: var(--btn-primary-color);font-size: 16px;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .airline-name{color: #4C5566;text-align: left;vertical-align: baseline;line-height: 20px;font-size: 12px;font-weight: 400;padding-top: 8px;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .seg-baggage-item{display: flex;-moz-box-align: center;align-items: center;flex-direction: row;align-content: start;margin-top: 0px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .seg-baggage-item svg{font-size: 16px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .flight-segment-item .seg-baggage-item ._formatted-text{margin-left: 10px;color: #4C5566;line-height: 24px;font-size: 12px;}

.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .seg-baggage-list{padding-top: 16px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .seg-baggage-list span{margin-right: 6px;}
.trip-itinarary .trip-body .trip-services ._service-card-layout .service-card .seg-baggage-list svg{font-size: 20px; cursor: pointer; }


.autocomplete-customer-dropdown{position: absolute;top:100%;left:0;right: 0;background-color: #fff;min-height: 40px;border: 1px solid rgb(227, 232, 239);box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; z-index: 9; }
.autocomplete-customer-dropdown .res{min-height: 40px;}
.autocomplete-customer-dropdown ul{list-style: none;margin:0;padding: 0;min-height: 40px;}
.autocomplete-customer-dropdown ul li{ display: block; list-style: none;margin:0;padding: 8px; padding-left: 16px; min-height: 40px;position: relative;border-top: 1px solid rgb(227, 232, 239);}
.autocomplete-customer-dropdown ul li:first-child{border-top: 0;}
.autocomplete-customer-dropdown ul li:hover {background-color: rgb(245, 247, 250);-webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s;}
.autocomplete-customer-dropdown ul li ._name{text-overflow: ellipsis;overflow: hidden;}
.autocomplete-customer-dropdown ul li ._email{font-size: 12px;text-overflow: ellipsis;overflow: hidden;color: #8c939b;}
.autocomplete-customer-dropdown ul li .spinner {width: 20px; height: 20px; margin-top:-10px; margin-left: -10px; border-width: 2px;z-index: 0;border-right-color: transparent;border-bottom-color: transparent;}
.autocomplete-customer-dropdown ul li .spinner::before {z-index: 0;content: '';width: 20px;height: 20px;border: 2px solid #ccc;opacity: 0.35;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;}
.autocomplete-customer-dropdown ul li.add-customer{border-top: 1px solid rgb(227, 232, 239);padding-left: 16px;display: flex;}
.autocomplete-customer-dropdown ul li.add-customer ._icon{margin-right: 5px;}
.autocomplete-customer-dropdown ul li.add-customer ._icon svg{height: 16px;fill: #4c5566;margin-top: 4px;}




.add-comment-section{padding:16px 24px;}
.add-comment-section h4{
	text-align: left;
	vertical-align: baseline;
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	padding:0;
	margin: 0;
	padding-bottom: 16px;
}
.add-comment-section .add-note-formatted-text{width: 90%;}
.add-comment-section .add-note-wrapper{width: 80%;}

.working{background-color: #ccc!important;color: #696969!important;border-color: #ccc !important;}
.working:hover{background-color: #ccc;color: #696969!important;border-color: #ccc !important;}

.pagination-wrapper{padding-top: 40px;padding-bottom: 20px;}

.per-page-wrapper{text-align: right;padding-top: 20px;padding-bottom: 20px;}
.per-page-wrapper .select-per-page-title{padding-top: 10px;padding-bottom: 10px;padding-right: 15px;padding-left: 15px;font-size: 12px;}
.per-page-wrapper .select-per-page {
  padding: 10px 20px;
  border: 1px solid #d3d3d3;
  background-color: #fbfbfb;
  outline: none;
  color: #953336;
  border-radius: 20px;
  height: 40px;
  position: relative;
  width: 80px;
  font-size: 14px;
  text-align: left;
  display: inline-block;
}
.per-page-wrapper .select-per-page::after{content: "";position: absolute;right:10px;top:50%;height:10px;width:10px;margin-top: -5px;}

ul.pagination-list {
    margin: 0;
    padding: 0;
	padding-top: 20px;
    padding-bottom: 20px;
    list-style: none;
    overflow: hidden;
    font-size: 13px;
}
.pagination-list li {
    display: inline-block;
    margin: 0;
    padding: 0;
    padding: 0;
    margin-right: 6px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.02));
    background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.02));
    border-radius: 50%;
	width: 40px;
	height: 40px;
}
/* .pagination-list li:first-child {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
} */
.pagination-list li a {
    margin: 0;
    padding: 0;
    display: block;
    height: 40px;
    width: 100%;
    line-height: 38px;
    text-align: center;
    color: var(--link-primary);
    font-weight: 400;
}
.pagination-list li.active {
	border-color: var(--link-primary);
}
.pagination-list li.active a {
	color: var(--link-primary);
}
.pagination-list li:hover{
  color:var(--link-primary);
  background-color: rgb(249, 250, 252);
  border-color: var(--link-primary);
  transition: 0.3s;
}

.pagination-list li.grey {
	border-color: #d3d3d3;
  	background-color: #fff;
}
.pagination-list li.grey a {
    color: #ccc;
}






/*MAP INFOBOX*/

.info-box-wrap {
    background:#fff;
    overflow: hidden;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
  }
  .info-box-text-wrap {
    height:40px !important;
    width:120px;
    float:left;
    overflow: hidden;
  }
  .action-btns {
    float:left;
    width:70px;
    overflow: hidden;
    position: relative;
    top:12px;
    left: 6px;
  }
  .action-btns i {
    font-size: 18px;
    color: #78A737;
    margin-left: 3px;
  }
  .action-btns i:hover {
    transition: color 0.5s ease;
    color:#ccc;
    cursor: pointer;
  }
  .action-btns i.fa-heart-o {
    font-weight: bold;
  }
  .info-box-text-wrap h6.address {
    padding:6px 5px 1px 0;
    margin:0 0 0 0;
    font-family:"Roboto Slab";
    color: #0c99c8;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .info-box-text-wrap p {
    padding:0 0 0 0;
    margin:0 0 0 0;
  }
  .info-box-text-wrap p.price {
    color:#B25B00;
  }
   
  .info-box-wrap  img {
    width:40px !important;
    height:40px;
    float:left;
    margin-right: 10px;
    padding-top:0;
    margin-top:0;
  }
  
  .infoBox:before{
    content : " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position:absolute;
    top:-10px;
    left:130px;
  }
  
  .mapHook {
      margin-left: -190px;
      width: 350px;
      height: 100px;
      background: #fff;
      border: 0px solid #333;
      overflow-y: hidden;
	  border-radius: 10px;
	  overflow: hidden;
	  box-shadow: 0 8px 8px #959da533 !important;
  }
  .mapHook p{margin:0;}
  .infoimg{float: left;width: 100px;height: 100px;background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #efefef;}
  .infobody{margin-left: 100px;height: 100px;position: relative;width: 245px;}
  .infotitle{font-size:14px;padding-bottom: 5px;}
  .infoprice{color:#09B219;font-size: 16px;font-weight: 600;position: absolute;bottom: 0;right: 0;padding-bottom: 10px;padding-right: 10px;}
  .infota{/*height: 20px;*/}




.section-quote-select-wrapper{ text-align: left; z-index: 1; position: absolute;top:37px;right:0;width: 312px;background:#fff;border-radius:8px;border:1px solid #E3E8EF;box-shadow: 0 2px 12px 0 rgba(45, 49, 55, 0.1);}
.section-quote-select-wrapper ._inner{padding:10px 20px;color: #333;}
.section-quote-select-wrapper ._break{border-top: 1px solid #E3E8EF;}
.section-quote-select-wrapper ._ivory{background-color: #f9fafc;}
.section-quote-select-wrapper ._last{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.section-quote-select-wrapper ._down{float: right;width:20px; text-align: center; }
.section-quote-select-wrapper ._down svg{width: 20px;height: 20px;color: #666; fill: #666;}
.section-quote-select-wrapper ._how{}
.section-quote-select-wrapper ._info{ font-size: 12px; color: #666; position: absolute;right: 0; top:0; height: 20px;width: 20px;display: block; text-align: center;  line-height: 20px; background-color: #f3f4f9; border-radius: 6px; }
.section-quote-select-wrapper ._info:hover{ color: #222; background-color: #cfd5de; }
.section-quote-select-wrapper ._link{color: #333;}
.section-quote-select-wrapper ._link:hover{color: var(--link-primary);}
.section-quote-select-wrapper ._link:hover svg{color: var(--link-primary); fill: var(--link-primary);}
.section-quote-select-wrapper ._open-link{margin-left: 30px;font-size: 12px;margin-top: 5px;color: #999; cursor: pointer;}
.section-quote-select-wrapper ._open-link:hover{color: #222;}


@media (max-width: 500px){
	.header .primary-nav{ display: none; }
	.home-hero-section .custom-banner .info-card .sub-heading{display: none;}
	.home-hero-section .custom-banner .info-card .banner-text{display: none;}
	.home-hero-section .custom-banner{height: 110px;}
	.home-hero-section::before{opacity: 1;background:#ccc;}
	.shared-ond-toggle-btn{right: 0;margin-right: 20px;top: 0;margin-top: -24px;left: auto;}
	.top-deals-options .deal-item{height: 160px;}
	.top-deals-options ._trip-type{margin-bottom: 40px;}
	.top-deals-options h3{font-size: 16px;}
	.top-deals-options h4{font-size: 16px;}
	.homeView h2{font-size: 20px;}
	.covid-update-box{display: none;}
	.homeView h2.top-deals{padding-top: 20px;}
	.top-deals-options{padding-top: 20px;}
	.search-container{margin-bottom: 20px;}
	.search-container .tabslist ul li a{font-size: 14px;}
	.search-container .tabslist .icon{width: 20px;}
}









/* FLIGHTS EXTRAS */

.back-to-results{transition: 0.2s;position: relative;padding: 7px 16px;border-radius: 4px;line-height: 24px !important;cursor: pointer;white-space: nowrap;z-index: unset;color: #fff;background-color: var(--btn-primary-color);border-color: var(--btn-primary-color);width: 100%;font-size: 16px !important;line-height: 24px !important;font-weight: 700;}


.gAmabi {
	display: flex;
	flex-direction: column;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
  }
  
  
  .glvEDF {
	text-align: left;
	vertical-align: baseline;
	line-height: 24px;
	font-size: 18px;
	font-weight: 600;
	padding-top: 8px;
	padding-bottom: 4px;
  }
  
  .hQdzjp {
	height: 100%;
  }
  .ebRxMt {
	animation: 1000ms ease-out jBcSpD;
  }
  
  .ckLRYk {
	height: 70vh;
  }
  
  .ebRxMt {
	  animation: 1000ms ease-out 0s 1 normal none running jBcSpD;
  }
  
  @keyframes jBcSpD {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
  }
  
  
  .bEjBSR {
	  animation: 6000ms ease-in-out 0s 1 normal none running cQzYtX;
  }
  
  
  @keyframes cQzYtX {
	0% {
		opacity: 0;
		transform: translateX(500px);
	}
	10% {
		opacity: 1;
		transform: translateX(0px);
	}
	90% {
		opacity: 1;
		transform: translateX(0px);
	}
	100% {
		opacity: 0;
		transform: translateX(-500px);
	}
  }
  
  
  .kzLoBd{
	animation-name: QqIsa;
	animation-delay: 600ms;
  }
  
  .dMdwSH{
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	opacity: 0;
  }
  
  
  @keyframes QqIsa{
	0% {
		opacity: 1;
		transform: translateX(398px);
	}
	30% {
		opacity: 1;
		transform: translateX(128.5px);
	}
	70% {
		opacity: 1;
		transform: translateX(128.5px);
	}
	100% {
		opacity: 1;
		transform: translateX(-142px);
	}
  }
  
  
  
  
  .bGedaV {
	  animation-name: hUsJVe;
	  animation-delay: 300ms;
  }
  @keyframes hUsJVe{
	0% {
		opacity: 1;
		transform: translateX(346px);
	}
	30% {
		opacity: 1;
		transform: translateX(76.5px);
	}
	70% {
		opacity: 1;
		transform: translateX(76.5px);
	}
	100% {
		opacity: 1;
		transform: translateX(-194px);
	}
  }
  
  
  .dvILFg {
	  animation-name: hZyNGx;
  }
  
  @keyframes hZyNGx{
	0% {
		opacity: 1;
		transform: translateX(294px);
	}
	30% {
		opacity: 1;
		transform: translateX(24.5px);
	}
	70% {
		opacity: 1;
		transform: translateX(24.5px);
	}
	100% {
		opacity: 1;
		transform: translateX(-270px);
	}
  }
  
  
  
  
  
  
  .iaPIZQ {
	  animation-name: bFFBxh;
	  
  }
  
  @keyframes bFFBxh{
	0% {
		transform: translateX(213px);
		opacity: 1;
	}
	30% {
		transform: translateX(13.5px);
		opacity: 1;
	}
	70% {
		transform: translateX(13.5px);
		opacity: 1;
	}
	100% {
		transform: translateX(-187px);
		opacity: 1;
	}
  }

 .fIGrYa {
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    opacity: 0;
}  
  
  .cVZftO {
	  animation-name: gNUot;
	  animation-delay: 300ms;
  }
  
  @keyframes gNUot{
	0% {
		transform: translateX(247px);
		opacity: 1;
	}
	30% {
		transform: translateX(47.5px);
		opacity: 1;
	}
	70% {
		transform: translateX(47.5px);
		opacity: 1;
	}
	100% {
		transform: translateX(-153px);
		opacity: 1;
	}
  }
  
  
  
  
  
  
  
  
  .fQQiVA {
	  animation-name: kNwuxy;
	  animation-delay: 600ms;
  }
  @keyframes kNwuxy{
	0% {
		transform: translateX(283px);
		opacity: 1;
	}
	30% {
		transform: translateX(83.5px);
		opacity: 1;
	}
	70% {
		transform: translateX(83.5px);
		opacity: 1;
	}
	100% {
		transform: translateX(-167px);
		opacity: 1;
	}
  }
  
  
/**/



.tag{ gap: 4px; padding:2px 6px;border-radius:4px;font-size: 14px; font-weight: 700;display: inline-block; margin-bottom: 8px;display: flex; align-items: center; justify-content: center; line-height: 14px; }
.tag.package{background-color: #eee7fd;color:#3a19d4;}
.tag.exclusive{background-color: #e0f3ff;color:#004cff;}
.tag.corporate{background-color: #d9f6e9;color:#009852;}
.tag.property-collect{background-color: #1668E3;color:#ffffff;}
.tag svg{height: 18px;width: 18px;margin-top: 2px;}

.footer-copyright{color: #222; opacity: 0.5; font-size: 12px; padding-top: 40px; }

.pop-up-modal .pop-up-modal-content.low{padding-bottom: 20px;}