/*Overwrite jquery*/
/*Lao Air
19398a
#c00
*/
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em .5em 1em;text-decoration: none;}
.ui-tabs.ui-corner-all.ui-widget.ui-widget-content {max-height:100%; border:none;}
.autocomplete-list-airport-icon{float:left;margin-right:10px;padding-top:3px;}
.autocomplete-list-airport-icon img{-webkit-filter:opacity(50%);filter:opacity(50%);}
.autocomplete-list-airport-content{float:left;}
.autocomplete-list-airport-city{font-weight:bold;}

#pnSearchForm{
	float:left;	
	width:100%;   
	font-size: 14px;
    color: #fff;
    border-radius: 3px;
    z-index: 11;
    position: relative;
    padding: 20px 20px 20px 10px;
    margin: auto;
    background: rgba(0, 0, 0, 0.78);}
	
#pnMultiLeg{float:none;}
#pnMultiLeg .add-more-leg{float:none;background:#19398a;margin-bottom:10px;margin: 0px}
#pnSearchForm{font-size:14px;color:#fff;box-shadow:none;background-color:unset;border-radius:0px;margin-top:0px;margin-bottom: 20px;z-index:11;padding:0px;width:100%;background:none;}
#pnSearchForm .search-form-tab{display:none;}
#pnSearchForm .search-form-tab .form-title{background:rgba(255,255,255,0.9);float:left;padding:10px 40px 10px 20px;font-size:18px;padding-bottom:10px;color:#696969;margin-left:1px;margin-top:-1px;cursor:pointer;}
#pnSearchForm .search-form-tab .form-title:hover{background:#fff;}
#pnSearchForm .search-form-tab .form-title.first{margin-left:0px;border-radius:6px 0px 0px 0px;}
#pnSearchForm .search-form-tab .form-title.last{border-radius:0px 6px 0px 0px;}
#pnSearchForm .search-form-tab .form-title.active{padding:11px 40px 10px 20px;background:rgba(9,164,225,0.9);color:#fff;cursor:default;}
#pnSearchForm .title{display:none;}
#pnSearchForm .title .number{color:#c00;font-size:25px;position:relative;top:-3px;}
#pnSearchForm .leg-container{width:100%;float:left;padding:10px;margin-bottom:10px;border-radius:3px;background:rgba(5,22,96,.85);}
.leg-title{font-size: 20px;}
.leg-title.multi{display:block;font-size:20px;font-weight:300;padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.3);margin-bottom:5px;float:none;padding-right:0px;line-height:unset}
#pnSearchForm .itinerary-select {display:none}
#pnSearchForm .itinerary-select{overflow:auto;margin-left:0px;padding:10px 0px;width:100%;}
#pnSearchForm .itinerary-select .select-item {
        float: left;
        border-radius: 3px;
        width: calc(33.333% - 7px);
        text-align: center;
        cursor: pointer;
        margin-right: 5px;
        background:none;
    }
#pnSearchForm .itinerary-select .select-item + .select-item{margin-left:5px;}
#pnSearchForm .itinerary-select .select-item + .select-item + .select-item{margin-right:0px;}
#pnSearchForm .itinerary-select .select-item.selected{font-weight:normal;cursor:default;}
#pnSearchForm .itinerary-select .select-item .select-item-text {border-radius: 3px;padding: 5px;background: #ddd;color:#333;}
#pnSearchForm .itinerary-select .select-item.selected .select-item-text{background:#2196f3;color:#fff;font-weight:bold;cursor:default;}
#pnSearchForm .itinerary-select .select-item.disabled .select-item-text{color:#fff;cursor:default}
#pnSearchForm .itinerary-select .select-item .select-item-text:hover{background:#2196f3 !important;color:#fff;font-weight:bold;}
#pnSearchForm .itinerary-select.mobile {display:block;float:none}
#pnSearchForm .destination{width:100%;margin-left:0px;float:left;border-bottom:1px solid rgba(255, 255, 255, 0.3);margin-bottom:5px;padding-bottom: 5px;}
#pnSearchForm .destination .col{width:50%;}
.swaper{float:left;width:30px;min-height:1px;text-align:center;}
.swaper a.swap-icon{color:#fff;height:35px;line-height:35px;font-size:18px;}
.swaper a.swap-icon:hover{color:#2196f3;}
#pnSearchForm .destination .col + .swaper + .col{width:calc(50% - 15px);text-align:right;}
#pnSearchForm .destination.multi{width:100%;float:none;padding-right:0px;}
#pnSearchForm .destination.multi .col{width:50%;float:left;}
#pnSearchForm .destination.multi .col + .swaper + .col{}
#pnSearchForm .destination .controlHolder, #pnSearchForm .datetime .controlHolder{position:relative;}
#pnSearchForm .destination .controlHolder:after{display:none;}
#pnSearchForm .destination .controlHolder .text-box-point{display:none;}
#pnSearchForm .destination .controlHolder.depart{text-align:left;}
#pnSearchForm .destination .controlHolder.arrive{text-align:right;}
#pnSearchForm .destination .controlHolder .dest-code,
#pnSearchForm .destination .controlHolder .dest-city,
#pnSearchForm .destination .controlHolder .dest-country{display:block;}
#pnSearchForm .destination .controlHolder .dest-code{font-size: 35px;line-height: 40px;font-weight: 200;color: #2196f3;border: solid 2px #2196f3;background: #fff;border-radius: 4px;}
#pnSearchForm .destination .controlHolder .dest-city{font-size:12px;}
#pnSearchForm .datetime{width:100%;margin-left:0px;float:none;}
#pnSearchForm .datetime.multi{width:50%;float:left;padding-right:5px;margin-top: 5px;}
#pnSearchForm .datetime.multi .col{float:none;width:100%;padding-right:0px;}
#pnSearchForm .destination.multi .controlHolder .dest-code {
    font-size: 30px;
    line-height: 30px;
}
#pnSearchForm .datetime .controlHolder:after{content:'\f073';position:absolute;top:7px;left:8px;font:normal normal 15px 'FontAwesome';color:#dedede;}
#pnSearchForm .datetime .controlHolder.clear-after:after{content:'';}
#pnSearchForm .datetime .clear-return{position:absolute;background:url(/book/img/close-red.png) 0 0 no-repeat;padding:9px;transition:none;-o-transition:none;-webkit-transition:none;cursor:pointer;top:7px;right:5px;}
#pnSearchForm .datetime .clear-return:hover{background-position:-18px 0px;}
#pnSearchForm .search-by-month {float: left;padding-left: 0px;width: 100%}
#pnSearchForm .search-by-month .search-by-month-checkbox {
    line-height: 30px;
    font-size: 16px;
    background: #19398a;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 5px 10px;
}
.form-footer{padding: 0px 0px;float:none;width:100%;float:none}
.passenger{width:100%;position:relative;right:unset;background:#19398a;padding:10px 10px 5px 10px;margin-bottom:10px;border-radius:3px;top:unset;}
.pax-search {position:relative;right:unset}
.passenger .pax-select{height:auto;background:none;color:unset;border:none;font:400 15px/22px 'Roboto', sans-serif;padding:0px;margin-right:10px;border-radius:3px;width:100%;position:relative;cursor:pointer;}
.passenger .pax-select .pax-select-list{background:none;border-radius:0;padding:0;padding-bottom:0;width:100%;position:relative;left:unset;top:unset;box-shadow:none;visibility:visible;opacity:1;z-index:unset;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;transition:none;color:#fff}
.passenger .pax-select .pax-select-list.visible{visibility:visible;opacity:1;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);transition-delay:0s, 0s, 0.3s;}
.passenger .pax-select .pax-select-list .pax-select-item{border-bottom:none;overflow:unset;padding:0px 0px;float:left;width:33.33%}
.passenger .pax-select .pax-select-list .pax-select-item.footer{display:none}
.passenger .pax-select .pax-select-list .pax-select-item .table-pax-numb{font-size:18px;float:none;width:100%;}
.passenger .pax-select .pax-select-list .pax-select-item .pax-select-item-container{border-left:1px solid rgba(255, 255, 255, 0.3);padding-right:5px;padding-left:5px}
.passenger .pax-select .pax-select-list .pax-select-item:first-child .pax-select-item-container {border-left:none;padding-left:10px}
.passenger .pax-select .pax-select-list .pax-select-item.last .pax-select-item-container{padding-right:5px}
.passenger .pax-select .pax-select-list .pax-select-item .pax-select-item-container .title-item{font-size:13px;color:#fff;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.3);margin-bottom:5px}
.passenger tr:first-child{background:transparent !important;}
.passenger td{border:none;}
.passenger td.minus, .passenger td.plus{width:33%;text-align:center;cursor:default;color:#fff;font-size:23px;}
.passenger td.minus:hover, .passenger td.plus:hover{color:#ff6a08;}
.passenger td.minus span.disable, .passenger td.plus span.disable, .passenger td.minus span.disable:hover, .passenger td.plus span.disable:hover{cursor:default;color:#bdbdbd;}
.passenger td.value{width:33%;text-align:center;color:#fff}
.passenger.block{background:none;}
.passenger .row.intro{display:none}
.passenger.block {padding:0px}
.passenger.block .pax-select .pax-select-list .pax-select-item{border-bottom:1px solid #dedede;overflow:auto;padding:7px 0px;}
.passenger.block td.minus, .passenger.block td.plus{color:rgba(9,164,225,0.9)}
.passenger.block td.minus span.disable, .passenger.block td.plus span.disable, .passenger.block td.minus span.disable:hover, .passenger.block td.plus span.disable:hover{cursor:default;color:#dcdcdc;}

#pnTotalPax {display:none;}
#pnSearchForm .remove-leg-container{width:50%;margin-left:0px;padding-left:5px;margin-top: 5px;}
#pnSearchForm .remove-leg-container .delete-leg{}
#pnSearchForm .search-button{position:relative;width:100%!important;right:unset;top:unset;margin-top:0px;padding-right:0px!important;float:none;padding-left:0px}
    #pnSearchForm .search-button .submit {
        display: block;
        position: relative;
        top: 0px;
        right: unset;
        margin: auto;
        text-decoration: none;
        outline: 0;
        cursor: pointer;
        overflow: hidden;
        height: 40px;
        z-index: 1;
        -webkit-transition: background-color 400ms ease,box-shadow 600ms ease;
        -moz-transition: background-color 400ms ease,box-shadow 600ms ease;
        -ms-transition: background-color 400ms ease,box-shadow 600ms ease;
        -o-transition: background-color 400ms ease,box-shadow 600ms ease;
        transition: background-color 400ms ease,box-shadow 600ms ease;
		width: 100%;
		border-radius: 3px;
		background: #c00;
		color: #fff;
		text-align: center;
    }
        #pnSearchForm .search-button .submit > span {
            position: absolute;
            top: 0;
            left: 0;
            width: inherit;
            height: inherit;
            border-radius: inherit;
            -webkit-mask-image: -webkit-radial-gradient(circle,white,black);
        }
        #pnSearchForm .search-button .submit .label {
            color: #fff;
            font-size: 18px;
            text-align: center;
            display: inline-block;
            font-weight: bold;
            height: 40px;
            line-height: 40px;
        }
        #pnSearchForm .search-button .submit:hover, #pnSearchForm .search-button .submit:focus {           
			background-color:#f6b300;color:#fff;
        }
#pnSearchForm .row{margin-left:0px;margin-bottom:5px;}
#pnSearchForm .col{font-size: 14px;font-family: arial;float:left;width:50%;padding-right:5px;padding-left:0px}
#pnSearchForm .col + .col{padding-right:10px;text-align:right;}
#pnSearchForm .search-form-option{border-top:1px solid rgba(255, 255, 255, 0.59);padding:0px;padding-top:10px;margin-top:0px;display:none;}
#pnSearchForm .search-form-option .option-group{float:left;margin-right:20px;}
#pnSearchForm input[type=text], select{width:100%;border:none;padding-left:27px;margin-right:0px;font-size:13px;height: 38px;border-radius: 3px;color:#333}
#pnSearchForm select.select{padding-left:10px;}
.passenger.col {padding-left: 0px;width:100%!important;}
.intro{font-size:12px;}
a.add-leg{color:#fff;line-height:20px;padding:6px;border:1px dotted #fff;margin-top:5px;display:block;text-align:center;background: rgba(0, 0, 0, .68);}
a.add-leg:hover{color:#dedede;background:rgba(255, 255, 255, 0.29);}	
.SelectCityBox{right: 0 !important;width:100%;min-height:100%;left:0 !important;top:0 !important;position:fixed;margin:auto;background-color:#FFF;z-index:999;color:rgb(113, 113, 113);margin-top:0px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);display:none;border-radius:0px;box-shadow:none;padding:0px;}
.SelectCityBox.visible{max-width:380px;display:block;-webkit-transform:translateZ(0);transform:translateZ(0);}
.SelectCityBox .SelectCityBoxSearch{width: 99%;display: block;padding: 3px 0px;border: 2px solid #f66d15;box-shadow: 0 2px 7px #f6b083;margin-bottom: 10px;}
.SelectCityBox .SelectCityBoxHeader{font-weight:unset;padding:10px;background-color:#fff;border-radius:0px;color:inherit;border-bottom:none;}
.SelectCityBox .SelectCityBoxHeader .Title{float:none;white-space:nowrap;padding-left:30px;font-size:22px;font-weight:300;}
.SelectCityBox .SelectCityBoxHeader .Close{float:none;margin-right:0px;font-size:18px;cursor:pointer;position:absolute;top:10px;left:5px;}
.SelectCityBox .SelectCityBoxHeader .Close > a > img{height:30px;}
.SelectCityBox .SelectCityBoxContent{width:100%;margin:auto;padding:0px 40px 10px 40px;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;position:absolute;}
.SelectCityBox-Arrival{left:-165px;}
.Column1{float:left;width:48%;}
.Column2{float:left;margin-left:5px;width:48%;}
.Column3{float:left;margin-left:0px;}
.RegionTitle{color:inherit;font-size:15px;line-height:25px;padding:5px 0px 5px 0px;font-weight:700;}
.RegionTitle.alone{display:block}
.SelectCityBoxContent ul li{list-style: none;margin-left: 2px; font-size:12px;border-bottom: 1px solid #ebebeb;padding: 3px 0px 1px 0px;line-height: 25px;list-style: none;}
.SelectCityBoxContent ul li:hover a {text-decoration: none;}
.SelectCityBoxContent ul li:hover a {color: #fff !important;font-weight: bold;background:#2196f3;padding:5px 20px 5px 20px;border-radius:3px;}
    

.list-cities ul {margin: 0px;padding: 0px 0px;list-style: none;-moz-column-count: unset;-moz-column-gap: unset;-webkit-column-count: unset;-webkit-column-gap: unset;column-count: unset;column-gap: unset;}
.list-cities ul li{padding:7px 0px;font-size:15px;border-bottom:1px solid #dedede;}
.list-cities ul li:hover{background-color:#33c7f8;color:#FFF;cursor:pointer;}
.list-cities ul li a{color:#717171;transition:none;-o-transition:none;-webkit-transition:none;}
.list-cities ul li a:hover{color:#fff;}
.list-cities ul li a:visited{color:#fff;}
.list-cities ul li a:active{color:#fff;}
.list-cities ul li:hover a{color:#FFF;}
.list-cities .sp_mien{margin-left:0px;font-weight:bold;color:#ED3229;text-transform:uppercase;}
.list-cities .sp_city.sp_city{line-height:25px;width:100px;}
.autocomplete-list-airport-icon{float:left;margin-right:10px;padding-top:3px;}
.autocomplete-list-airport-icon img{-webkit-filter:opacity(50%);filter:opacity(50%);}
.autocomplete-list-airport-content{float:left;}
.autocomplete-list-airport-city{font-weight:bold;}
.ui-datepicker td a{padding:.2em .3em;}

/*popup*/
.custom-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.66);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-index:1000;}
.custom-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.6s 0s, visibility 0s 0s;-moz-transition:opacity 0.6s 0s, visibility 0s 0s;transition:opacity 0.6s 0s, visibility 0s 0s;}
.custom-popup-container{position:relative;margin:auto;top:0;padding:20px;background:#fff;border-radius:3px;box-shadow:0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:translateY(-50%) scale(0.5);-moz-transform:translateY(-50%) scale(0.5);-ms-transform:translateY(-50%) scale(0.5);-o-transform:translateY(-50%) scale(0.5);transform:scale(0.5);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;transition-duration:0.6s;max-height:100%;max-width:95%;overflow:auto;-webkit-overflow-scrolling:touch;}
.custom-popup-container .custom-popup-content{}
.custom-popup-container .custom-popup-title{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:10px;}
.custom-popup-container .custom-popup-title .custom-popup-title-text{float:left;font-size:18px;}
.custom-popup-close{position:absolute;right:20px;top:10px;}
.custom-popup-close img{height:30px;}
.is-visible .custom-popup-container{-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:scale(1);}
.custom-popup-container .item{border-top:1px solid #ddd;margin-top:10px;padding-top:10px;}
.custom-popup-container .item:first-child{border-top:none;margin-top:0px;padding-top:0px;}
.website-title{font-size:20px;font-weight:300;padding:15px 0px 5px 0px;margin-bottom:10px;}
.custom-popup-footer{display:block;margin-top:10px;}
.required-field{border:1px solid #e60000 !important;}