/* reset.css start*/
.twidget-container *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
div, span, p, ol, ul, li, table, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.twidget-container { line-height: 1;}
.twidget-container ol, .twidget-container ul { list-style: none;}
.twidget-container table { border-collapse: collapse; border-spacing: 0;}
/* reset.css end*/

.twidget-container a, .twidget-container a:hover{text-decoration:none;}
.clearfix:after, .clearfix:before {content:""; display:table;}
.clearfix:after{clear:both;}
.twidget-container {font-family:'Open Sans', arial, sans-serif; font-size:14px; line-height:1; color:#424242;}
.twidget-container{padding-top:0; width:1170px; margin-left:auto; margin-right:auto;}
.twidget-container input[type="text"], .twidget-container input[type="email"],  .twidget-container input[type="date"]{border:none; outline:none; background-color:#fff; color:#424242; font-family:'Open Sans', arial, sans-serif; font-size: 14px; }
.twidget-container input::-ms-clear {display: none;}
.twidget-tab-content button{font-family:'Open Sans', arial, sans-serif; font-weight:600; outline:none; cursor:pointer; font-size:18px; border:none; background:none; }

/*tab content*/
.twidget-tab-content{padding:20px 15px 0; border-radius:0 3px 3px 3px; }
.twidget-tab-content input[type="text"]{line-height:50px; height:50px; padding: 0 37px 0 12px; overflow: hidden; text-overflow: ellipsis;}
.twidget-tab-content .twidget-tab{display:none;}
.twidget-tab-content .twidget-tab.active{display:block;}

.twidget-tab form {margin-top: 10px;}
.twidget-tab-content .twidget-form-list > li{float:left; margin-right:1%; position:relative;}
.twidget-tab-content .twidget-form-list > li:last-child{margin-right:0;}
.twidget-origin,
.twidget-destination{width:19%;}
.twidget-pseudo-input { position: absolute; top: 30px; left: 13px; font-family:'Open Sans', arial, sans-serif; width: 77%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-height: 16px;}
.twidget-pseudo-input .twidget-pseudo-name {color: transparent; white-space: nowrap;}
#twidget-tab1 .twidget-form-list .twidget-origin-iata,
.twidget-destination-iata {position: absolute; right: 10px; line-height: 50px; margin-top: -48px; font-size: 12px; color: #999;}
.twidget-flight-dates{width:27%;}
.twidget-passengers, .twidget-route {width:13%;}
/*{width:13%;}*/
.twidget-submit-button{width:18%;}
.twidget-input-box input{width:100%; border:1px solid #fff;}
.twidget-input-box input:focus{border-color:#fdd835;}
/*.twidget-input-box label, .twidget-passengers label {color: white; position: relative; top: -4px; font-size: 12px; display: block;}*/
.twidget-form-list li button{ height: 50px; margin-top: 0px; line-height:50px; text-align:center; width:100%; text-transform:uppercase; background-color:#ffa600; color:#fff; }
.twidget-form-list li.input-daterange > div{float:left; width:50%; }
.twidget-dep-date .twidget-input-box input{border-right:1px solid #cfd8dc;}
.twidget-dep-date .twidget-input-box input:focus,
.twidget-input-box{position:relative;}
.twidget-input-box .twidget-icon-cal{background:url(./images/calendar.png) no-repeat 50% 50%; position:absolute; left:0; top:0px; height:50px; width:40px; background-size:14px; cursor: pointer;}
.twidget-input-box .twidget-icon-delete{background:url(./images/icon-delete.png) no-repeat 50% 50%; position:absolute; right:0; top:12px; height:50px; width:40px; background-size:13px; cursor:pointer;}

/*.twidget-passengers-detail.active{border-color:#fdd835;}*/

.twidget-route-detail, .twidget-passengers-detail {cursor:pointer;}
/*.twidget-route-detail.active{border-color:#fdd835;}*/


/*.twidget-passengers-detail .twidget-pas-no{color:#424242; line-height:20px;}
.twidget-route-detail .twidget-route-no{color:#424242; line-height:20px;}*/

.twidget-passengers-detail .twidget-class{color:#999; font-size:13px; line-height:18px;}
.twidget-passengers-detail.active:after, .twidget-route-detail.active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

/*.twidget-tab-content .twidget-tab-bottom{height:30px;}*/

.twidget-form-list li.twidget-input-locked input[type="text"]{border:1px dashed #fff; color: transparent; background: transparent;}
.twidget-form-list li.twidget-input-locked .twidget-pseudo-name, 
.twidget-form-list li.twidget-input-locked .twidget-pseudo-country-name, 
.twidget-form-list li.twidget-input-locked .twidget-destination-iata { color: white!important; font-weight: 600;} 

/*datepicker*/
.datepicker {border-radius: 0!important;}
.datepicker-dropdown { padding: 5px 10px 0 10px; height: 260px; }
.datepicker-days {font-family: 'Open Sans', arial, sans-serif}
.twidget-container .input-daterange input{text-align:left; font-size: 0; z-index:1;}
.input-daterange input:first-child {border-radius: 0;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover, .datepicker table tr td.disabled.new {color: #a9a9a9;}
.twidget-date-text{position:absolute; left:35px; top:12px;}
.twidget-date-return{left:20px; }
.datepicker .datepicker-switch { width: 160px;}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background-color: transparent;}
.datepicker .prev, .datepicker .next, .datepicker .prev:hover, .datepicker .next:hover {color: transparent; background: url("data:image/svg+xml,%3Csvg%20version%3D'1.2'%20baseProfile%3D'tiny'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030.6%2024.6'%3E%3Cpath%20fill%3D'%2300B9FF'%20d%3D'M.6%2010.8l.2-.2%209.9-10c.8-.8%202.2-.8%203%200l.3.2c.8.8.8%202.2%200%203L7.9%2010h20.6c1.2%200%202.1%201%202.1%202.1v.3c0%201.2-1%202.1-2.1%202.1H7.9l6.2%206.2c.8.8.8%202.2%200%203l-.3.3c-.8.8-2.2.8-3%200L.8%2014l-.2-.2c-.8-.8-.8-2.2%200-3z'%2F%3E%3C%2Fsvg%3E") no-repeat 8px 6px; background-size: 16px;}
.datepicker .next {-webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
.datepicker thead tr:last-child {text-transform: uppercase; font-size: 10px;}
.datepicker table tr td, .datepicker table tr th {border-radius: 0;width: 32px; height: 25px; line-height: 24px; display: inline-block; padding: 0!important;}
.datepicker table tr td, .datepicker table tr td.new, .datepicker table tr td.range {color: #00B9FF;}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {color: black;}
.datepicker-days tr {border-bottom: 3px solid white; background-color:white !important;}
.datepicker-days th {color:black !important; background-color:white !important; font-size:13px !important;}
.datepicker-days tr:nth-child(2) th:last-child, .datepicker-days tr:nth-child(2) th:first-child {color:transparent !important;}
.datepicker-days tr:nth-child(3) th {font-size:10px !important;}
.datepicker-days .day.range-end {background: url("data:image/svg+xml,%3Csvg%20version%3D'1.2'%20baseProfile%3D'tiny'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2022'%3E%3Cpath%20fill%3D'%2300B9FF'%20d%3D'M4.3%2022H26V0H4.3L0%2011z'%2F%3E%3C%2Fsvg%3E") no-repeat right; background-color: #f5f5f5; color: white;}
.datepicker-days .day.range-start {background: url("data:image/svg+xml,%3Csvg%20version%3D'1.2'%20baseProfile%3D'tiny'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2022'%3E%3Cpath%20fill%3D'%2300B9FF'%20d%3D'M21.7%2022H0V0h21.7L26%2011z'%2F%3E%3C%2Fsvg%3E") no-repeat; background-color: #f5f5f5; padding-right: 3px!important; color: white;}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { background-color: #f5f5f5; }
.datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover {background-color: #00B9FF;}
.datepicker table tr td.range { background-color: #f5f5f5;}
.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { background-color: #00B9FF;}
.datepicker-cancel-return-date {color: #ffaf1a!important; position: absolute; display: block!important; margin-top: 0; left: 43px; width: 160px!important; line-height: 17px; border: 1px solid #ffa600!important; border-radius: 40px!important; text-align: center!important; font-size: 11px; cursor: pointer;}
/*passenger slection*/
#twidget-passenger-form, #twidget-route-form{position:absolute; left:0; top:51px; width:270px; padding-top:7px; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); z-index:999;}
/*#twidget-passenger-form, #twidget-route-form{position:relative; left:0; top:0px; width:270px; padding-top:7px; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); z-index:999;}*/
.twidget-age-group{display:table; width:100%;}
.twidget-age-group li{display:table-row;}
.twidget-age-group li .twidget-cell{display:table-cell; height:44px; vertical-align:middle;}
.twidget-age-group li .twidget-age-name{padding-left:20px; width:50%;}
.twidget-age-group li  .twidget-age-select{padding-right:10px; width:40%;}
.twidget-age-select .twidget-dec{width:35px; height:35px; display:inline-block; text-indent:-9999px;cursor:pointer; border-radius:25px; line-height:35px; background:#fff 50% 50%/14px no-repeat; background-image:url('./images/minus.png');}
.twidget-age-select .twidget-dec:hover{background-color:#e0e0e0; }
.twidget-age-select .twidget-num{width:30%; text-align:center; line-height:1.4; display:inline-block;}
.twidget-age-select .twidget-num input{width:100%; padding:0; text-align:center;}
.twidget-age-select .twidget-inc{width:35px; height:35px; display:inline-block; text-indent:-9999px;cursor:pointer; border-radius:25px; line-height:35px; background:#fff 50% 50%/14px no-repeat; background-image:url('./images/plus.png');}
.twidget-age-select .twidget-inc:hover{background-color:#e0e0e0; }
.twidget-age-select input{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.twidget-age-select input::selection {color:currentColor;background:transparent}
.twidget-passengers-ready-button-wrapper { vertical-align: middle; text-align: center; display: block!important; margin-top: 5px; margin-bottom: 20px; }
.twidget-passengers-ready-button {display: inline-block; padding: 0 30px; font-size: 13px; line-height: 43px; border: 1px solid #ffa600!important; border-radius: 40px; text-align: center; margin: 0 auto; color: #ffa600; cursor: pointer; clear: both; }
.twidget-passengers-ready-button:hover { border-color: #ffaf1a; color: #ffaf1a;}

.dropdown-item{cursor:pointer;}

/* Autocomplete */
.algolia-autocomplete {width: 100%;}
.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {width: 100%;}
.algolia-autocomplete .aa-hint {color: #999;}
.algolia-autocomplete .aa-dropdown-menu {width: 100%; background-color: #fff; border: 1px solid #999; border-top: none; top:40px;}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {cursor: pointer; padding: 5px 4px;}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {background-color: #B2D7FF;}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {font-weight: bold; font-style: normal;}

@media (max-width: 1920px){
	.twidget-container{width:980px;}
	.twidget-origin, .twidget-destination{width:49.5%; margin-bottom:15px;}
	.twidget-destination{margin-right:1%;}
	.twidget-flight-dates{width:43%;}
	.twidget-passengers{width:140px;}
	.twidget-route{width:140px;}
	.twidget-submit-button{width:25%;}
	.twidget-tab-content .twidget-tab-bottom{height:20px;}

}
@media (max-width: 1920px){
	.twidget-container{width:100%;}
	#twidget-tab2 .twidget-form-list li.twidget-submit-button{width:30%;}
}
@media (max-width: 900px){
	.twidget-container{width:800px;}
}
@media (max-width: 800px)
{
	.twidget-container{width:700px;}
}
@media (max-width: 700px)
{
	.twidget-container{width:auto; padding-left:0; padding-right:0;}
}
@media (max-width: 650px){
	.twidget-destination,
	.twidget-passengers,
	.twidget-route,
	.twidget-flight-dates{width:49%; margin-right:2%;}
	.twidget-passengers,
	.twidget-route,
	.twidget-destination{margin-right:0;}
	.twidget-submit-button{width:100%; margin-top:10px;}
	.twidget-passengers-detail .twidget-pas-no{display:inline-block; line-height:36px;}
	.twidget-route-detail .twidget-route-no{display:inline-block; line-height:36px;}
	.twidget-passengers-detail .twidget-class{display:inline-block; line-height:36px;}
	.twidget-route-detail .twidget-class{display:inline-block; line-height:36px;}

	.twidget-submit-button{width:100%;}
}
@media (max-width: 550px){
	.twidget-tab-content .twidget-title{display: none;}
	#twidget-tab1 .twidget-form-list > li{width:100% !important; margin-bottom:15px;  margin-right:0 !important;}
	#twidget-tab1 .twidget-form-list > li:last-child{margin-bottom:0; margin-top:0;}

}
@media (max-width: 320px){
	.twidget-dep-date {margin-bottom: 15px;}
	.twidget-tab-links{display:table; width:100%;}
	.twidget-tab-links ul{display:table-row;}
	.twidget-tab-links ul li{display:table-cell; width:50%;}
	.twidget-tab-links ul li a{padding:0; text-indent:-9999px;}
	.twidget-tab-links ul li a:before{left: calc(50% - 25px);}
	.twidget-form-list li.twidget-flight-dates > div{width:100%;}
	.twidget-dep-date .twidget-input-box input{border-right-color:#fff; border-bottom:1px solid #cfd8dc;}
}
@media (max-width: 240px){
    .twidget-tab-content .twidget-header {display: none;}
}
.dashicons-twidget{vertical-align:middle;}
.dropdown-menu{transform: translate3d(0px, 20px, 0px)!important;}