body {
     line-height: 25px;
}
.form-group.w25 input{
    background-color: #fff;
}

.dropdown-item:hover{
    color: #875FCB;
}
.dropdown-item.active{
    background-color: unset;
    color: #875FCB;
}
.dob_error{
    margin: -10px auto 10px;
    color: red;
    display: none;
}

.fareCondition {
    display: none;
}
.fareCondition.active {
    display: block;
}
.searchBox__form.selected .t-datepicker .t-dates{
    pointer-events: all !important; ;
    opacity: 1.5 !important;
}
.searchBox__form.selected .t-datepicker{
    cursor: auto !important;
}
.flightResult {
    /*display: none;*/
}

.dropdown-item {
    cursor: pointer;
}

.layoutInfo__body table td {
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}
.flightSelect__price {

}
.newsletter_msg.failed_news {
    margin-top: 4px;
    color: red;
    font-size: 14px;
}
.newsletter_msg.success_news {
    margin-top: 4px;
    color: green;
    font-size: 14px;

}
@media only screen and (max-width: 500px) {
    .fareCondition {
        display: block;
    }
    .searchBox__form .iconLine{
        width: 100%!important;
    }
}
.flightPassenger__main .form-group .form-control.d-hidden{
    pointer-events: none;
    opacity: .4;
}
.searchBox__schedules .medium{
    font-weight: 100!important;
}
.searchBox__status .medium{
    font-weight: 100!important;
}

.favDes__list>li.active>a{
    color: #F79320;
    font-weight: 500;
}
.searchBox__form .iconLine{
    margin-bottom: 1.8vw;
    width: 19%;
    padding: 0 .7vw;

}

/*css tip name*/

/* tip1 */
.tipsBox__cont.tip1 .formBox__row.box1 input.gen{
    pointer-events: none;
    opacity: .4;
}
.tipsBox__cont.tip1 .formBox__row.box1 input.last{
    pointer-events: none;
}
.tipsBox__cont.tip1 .formBox__row.box1{
    margin: 0 0vw 1vw;
}
.tipsBox__cont.tip1 .formBox__row.box1 .form-group{
    padding: 4px;
}
.tipsBox__cont.tip1 .formBox__row.box1 .checkbox label{
    pointer-events: none;
}
/* tip2 */
.formBox__row.box2 select.select2{
    pointer-events: none;
}
.tip1 .gen2{
    pointer-events: none;
}
.formBox__row.box2 .group2{
    padding: 0 1vw;
    width: 25%;
}
#tipsModal .tipsBox{
    display: flex;
    flex-wrap: wrap;
}
#tipsModal .modal-tips{
    max-width: 1140px;
}
.bug:focus {

    border: 2px solid red!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(250 122 113)!important;
}
.favouriteDes__main td{
    border: unset!important;
}
.favouriteDes__main tr td:first-child,.favouriteDes__main tr td:last-child{
    width: 50%;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
 .airlineInfo__logo img{
     width: 24px;
     margin-right: 8px;
 }
@media (min-width: 768px) {
    .layoutInfo__cont table {
        width: 100% !important;
    }
    .logo a img {
        width: 16vw;
    }
    .camNavbar__nav {
        margin-left: 30px;
    }
    .input_error {
        border-radius: 3px;
        position: absolute;
        margin-left: 3vw;
        top: 21px;
        overflow: auto;
        z-index: 888;
        background: red;
        padding: 0.8vw 1.5vw;
        color: white;
    }
    .triangle {
        left: 4.5vw;
        top: 0.9vw;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 7px solid red;
    }
    .notifi_err{
        opacity: 0.85;
    }
}
.violet{
    color: #662F8E;
}
.soldOut{
    pointer-events: none;
}
.offersBox__item {
    cursor: pointer;
}
@media (max-width: 767px) {
    .searchBox__item {
        z-index: 10 !important;
    }
    .loadingBox {
        z-index: 999 !important;
    }
    .page_loading #block-system-main {
        /*opacity: 0;*/
    }
    .logo a img {
        width: 200px;
    }
    .triangle {
        opacity: 0.7;
        left: 4.5vw;
        top: 5.3vw;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 7px solid red;
    }
    .input_error {
        opacity: 0.7;
        border-radius: 3px;
        position: absolute;
        margin: 0 -8px;
        top: 26px;
        overflow: auto;
        z-index: 888;
        background: red;
        padding: 0vw 1vw;
        color: white;
    }

}

 .favouriteDes__main tr{
     display: flex;
 }
 .favouriteDes__main img{
     object-fit: cover;
 }
.formBox__term p{
    margin-bottom: 0vw!important;
}
.formBox__term ul li{
    margin-bottom: 0vw!important;
}
.t-datepicker span.t-arrow-top{
    display: none!important;
}
.fareCondition__price .fare_adult{
    font-size: 1.5vw!important;
}
 .suggestion__list li button:hover{
     background: #865FCB;
 }
.passengerBox svg.svgArrow {
    float: right;
    margin-top: -24px;
    margin-right: 14px;
}
.btn.btn-disable{
    pointer-events: all;
}


#single input:focus,#multi input:focus {
    box-shadow:none;
}
.bgBlue7{
    background-color: #01144D!important;
}
 .priceBox:nth-child(8).active, .priceBox:nth-child(8):hover{
     background-color: #683EBB;
 }
.loadingBox svg{
    display: unset;
}
.connectTime.last {
    display: none!important;
}
.box_after_choosing_flight .flightItem__table__left,.box_after_choosing_flight .flightItem__table__right{
    width: 50%;
    border-right: unset;
}
.box_after_choosing_flight .flightItem__table__right{
    display: flex;
    justify-content: space-between;
    padding: 16px;
}
.box_after_choosing_flight .flInfo__flex{
    display: unset;
}
.box_after_choosing_flight .flightItem__table__row{
    display: block;
    border-radius: 8px;
}
.flightList__item .title1{
    margin-top: 30px;
}
.reChange__up{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px;
    padding: 12px 16px;
}
 .yourSelection__group {
     display: flex;
 }
 .yourSelection__group .d-block {
     flex: 1;
 }
.reChange__up .button_rechange{
    color: #2F80ED;
}
.yourSelection{
    margin-top: 35px;
}
.yourSelection .title1{
    margin-bottom: 25px;
}
.button_rechange:hover {
    text-decoration: underline;
}
.reChange__icon{
    display: flex;
}
.reChange__icon p{
    padding-left: 12px;
}
.ANN_multipleStop span,.ANN_noneStop span{
 background: #ccc;
 border-radius: 16px;
 padding: 2px 12px;
}
.colorGen{
    color: #865FCB;
}
 .yourSelection__item {
     background-color: rgba(133, 93, 203, 0.08);
     border-radius: 4px;
     padding: 16px;
 }
.reChange__down{
    display: flex;
    border-top: 1px solid #E0E0E0;
}
.flightPassenger .title1{
    margin-bottom: 30px;
}
.flTicketMobile__box .airlineInfo i{
    color: rgba(0,0,0,.15);
    font-size: 6px;
    margin: 0 10px;
}
.textNote__text{
    padding-left: 8px;
}
.t-datepicker-day{
    right: -25vw;
}
.textNote{
    display: flex;
    align-items: center;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0 0 8px rgb(0 0 0 / 15%);
    padding: 12px;
    margin-bottom: 30px;
}
.footer__list ul li a:hover{
    color: #865FCB;
}
.bookNow__button:hover{
    background: #865FCB;
    border-color: #865FCB;
}
.disabled_continue {
    pointer-events: none;
}
.disabled_continue button{
    background: rgba(0,0,0,0.15)!important;
    border-color: white!important;
}
.flTicketMobile__item .airlineInfo__logo{
    display: block;
}
.favDes__img{
    height: auto;
}
.ANN_airline_info i{
    padding: 0 4px;
    font-size: 8px;
    color: rgba(0,0,0,.15);
}
.priceBox{
     position: relative;
     height: 100%;
     display: flex;
     align-items: center;
     flex: 1;
     border-right: 1px solid rgba(0,0,0,.15);
}
 .priceBox:last-child {
     border-right: none;
 }
.flTicketMobile__item .airlineInfo__name:before {
    content: '•';
    padding: 0 2vw;
    color: rgba(0, 0, 0, .15);
    line-height: 1;
    font-size: 7.5vw;
}
.footer__list{
    margin: 0 1vw;
}
.flDetail__item .mb5{
    margin-bottom: -0.5vw!important;
}
.modal-flightDetail__mobile .airlineInfo__logo span{
    padding-right: 15px;
    flex: none!important;
}
.modal-flightDetail__mobile .airlineInfo__logo i{
    color: rgba(0,0,0,.15);
    font-size: 6px;
}
.modal-flightDetail__mobile .flInfo__item{
    padding: 0 0;
}
.modal-flightDetail__mobile .flInfo__trip{
    margin: 0 -25px;
}
.modal-flightDetail__mobile .flInfo__flex{
    margin: 5px -25px;
}

.t-datepicker .t-dates .t-date-info-title{
    top: 0!important;
}
.err_character{
    color: red;
    display: none;
}

.limit_character{
    color: red;
    display: none;
}
.err_passport{
    color: red;
    display: none;
}

.ft_divide{
    width: 100%;
}
.check_no_flight{
    margin-top: 17px;
    color: red;
}
.searchBox__status>p{
    color: rgba(0,0,0,.65);
}
p.difflightsep{
    width: 100%;
    margin: 20px 0;
    text-align: center;
    padding: 10px 5px;
    color: #EB453C;
    font-weight: 500;
    font-size: 18px;
}
.footer__input{
    width: 60%!important;
}
@media (min-width: 768px) {
    .footer__mail p {
        padding-right: 5%;
        padding-left: 24%;
    }
    #home_popup .modal-dialog {
        max-width: 700px;
    }
}

.colorPurple{
    color: #2649AA;
}
#chartdiv g{
    fill: #9C7CD5;
}
.searchBox__tab li.tab-3{
    pointer-events: none;
}
 .flexGroup3{
     display: flex;
 }
.searchBox__tab li.tab-4{
    pointer-events: none;
}
@media (min-width: 768px) {
    .formBox .formBox__row.contact_info .form-group {
        width: 50% !important;
        padding: 0 3vw !important;
    }
}
.searchBox__place input{
    box-shadow: none!important;
}
.sold_out{
    pointer-events: none;
}
.modal-flightDetail__desktop .airlineInfo img{
    width: 2vw;
}
 .yourSelection__box{
     margin-bottom: 30px;
 }
/*comparison*/
.flDetail__left{
    width: 40% !important;
}
.formBox__term td{
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}
.fareBox{
    top: 0!important;
}
.disabled{
    pointer-events: none;
    background-color: #bfbfbf!important;
    border-color: #bfbfbf!important;
}
.t-datepicker .t-dates{
    display: flex;
    align-items: center;
    color: #fff;
}
.flDetail__right{
    width: 60% !important;
}
.yourSelection__group .d-block:last-child {
    text-align: right;
}
.hidden-by-time {
    display: none;
}
.yourSelection__traveler {
     align-items: center;
     padding: 16px 0;
     border-bottom: 1px dashed rgba(0,0,0,.15);
     font-size: 14px;
}
.yourSelection__list li, .yourSelection__traveler {
     justify-content: space-between;
     display: flex;
}
.yourSelection__list {
     padding: 8px 0;
     border-bottom: 1px solid rgba(0,0,0,.15);
}
.yourSelection__list li {
     font-size: 14px;
     padding: .2vw 0;
}
.pay_style{
    margin-bottom: 30px;
}
.pay_style p img:nth-child(2){
    width: 100%;
    height: 100%;
    margin: 15px 0;
}
 .colorRed85 {
     color: #EA0104;
 }
 .close:hover {
     color: #000;
     text-decoration: none;
 }
 .listBox__filter .close:hover svg path {
     fill: #000;
 }
.yourSelection__total {
     padding-top: 16px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.flTicket__left{
    cursor: pointer;
}
.flTicket__left .flTicket__th svg{
    margin-left: 12vw;
}
.sold_out{
    pointer-events: none;
}
.flDetail {
    display: none;
}
.flDetail.open {
    display: block;
}
/* arrow comparison */
.rotate_icon{
    transform: rotate(180deg);
}
.flightReview .color1{
    color: #371763!important;
}
.colorOrange{
    color: #FF684D;
}
.flDetail__info .airlineInfo span{
    padding-left: .9vw;
}
.flightList .flDate__slide .flDate__item p{
    font-weight: 600;
}
.flTicket__row:hover{
    border-color: #662F8E
}
.flTicket__body .flTicket__row:hover {
    border: #371763 solid 1px;
}
.yourSelection__total p.text20{
    color: #371763;
}
.modal-flightDetail__cont h2{
    color: #371763;
}

.alert {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 8px;
    margin-bottom: 0
}
.alert.alert_blue {
    background: #E6F7FF;
    border: 1px solid #91D5FF;
}
/*.alert__text {*/
    /*font-size: 1vw;*/
    /*margin-left: .8vw;*/
/*}*/
.termOfUse__cont p{
    margin-bottom: 0!important;
}
.bookingStatus__main table td {
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}
.newAndUpdate__body table td {
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}
.aboutUs__cont table td{
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}
table tr th {
    background: #865FCB;
    border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover {
    color: #FFF;
    font-weight: bold;
}
tr td,
tr th {
    padding: 20px 9px;
    border: 1px solid #fff;
    text-align: center; /* LTR */
}
.newAndUpdate__cont p{
    margin-bottom: 1rem;
}
.form-control[readonly]{
    background-color: #fff!important;
}
.disable_next_date{
    pointer-events: all!important;
    background: #bfbfbf!important;
    border-color: #bfbfbf!important;
}
.flightItem__date__arrow button:hover svg path{

}

.not_click_flight{
    pointer-events: none;
}
/* CSS LOADING PAGE*/
.center_logo{
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
}
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600');
.loadingBox{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}
body {
    background:  #F9F9F9;
    color: #232323;
}
 .loadingBox__icon {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: .8;
 }
.loading-plane h2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 4.4em;
    color: #331969;
}

.loading-plane {
    text-align: center;
    max-width: 100%;
    height: 20rem;
    top: 30%;
    position: relative;
}
.loading-plane .svg-plane path{
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    animation: plane-loading-animation 3s linear infinite;
}

@keyframes plane-loading-animation {
    to {
        stroke-dashoffset: -440;
    }
}

/*-------- NEW --------*/

@media (min-width: 768px) {
    .pMobile {
        display: none;
    }
    .yourSelection__col:nth-child(0),.yourSelection__col:nth-child(2),.yourSelection__col:nth-child(4){
        padding-left: 40px;
        border-left: 1px dashed rgba(0, 0, 0, 0.15);
    }
    .yourSelection__col:nth-child(1),.yourSelection__col:nth-child(3),.yourSelection__col:nth-child(5){
        padding-right: 40px;
        margin-bottom: 12px;
    }
    .fareComparison__group{
        box-shadow: 0 0 8px rgba(0, 0, 0, .15);
        margin-bottom: 8px;
    }
    .flDetail__row,.flDetail__group{
        display: flex;
    }
    .flDetail__left{
        border-right: 1px solid rgba(0,0,0,.15);
        border-top: none;
        position: relative;
        border-top-left-radius: 4px;
        overflow: hidden;
    }
    .fareBox__item {
        padding: 0 1vw;
        height: 3vw;
        font-weight: 500;
        align-items: center;
        display: flex;
        justify-content: flex-end;
        color: #875FCB;
    }
    .flDetail__col {
        flex: 1;
        border-right: 1px solid rgba(0,0,0,.15);
    }
    .flDetail__col:last-child{
        border-right: unset;
    }
    .flDetail__td {
        padding: 0 1vw;
        font-size: 14px;
        height: 3vw;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid rgba(0,0,0,.15);
    }
    .fareComparison__group .flDetail__alert{
        padding: 20px;
    }

    /* PAGE MANAGE BOOKING*/
    .width_main {
        width: 1140px !important;
    }
    .alert-primary{
        margin-bottom: 1rem;
    }

    /*PAGE TRAVEL INFO*/
    .title_faq {
        color: red!important;
    }
    .col-md-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .table {
        padding: 0 15px !important;
    }
    /*PAGE CHEAP FLIGHT*/
    .page-cheap-flight .offers__img{
        width: 60% !important;
    }
    .page-cheap-flight .offers{
        height: 195px;
    }
    /* PAGE HOME*/
    .homeBook__icon{
        cursor: pointer;
    }
    .homeBook__title{
        cursor: pointer;
    }
    .t-datepicker-day table tr th{
        color: black!important;
        background: #fff!important;
    }

    .homeBook__row .booking__status,.flight__schedule,.flight__status{
         width: 33.333%;
    }
    .searchBox__action .radio+.radio{
        margin-left: 3vw;
    }
    .homeServices{
        background: #fff;
    }
    /*.homeIntern:before{*/
    /*    content: '';*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    background-color: #fff;*/
    /*    opacity: 0.65;*/
    /*}*/
    .homeIntern{
        padding: 5vw!important;
    }
    /*.homeIntern:after{*/
    /*    content: '';*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    background: linear-gradient(-0.38deg, #FFFFFF 0.74%, rgba(255, 255, 255, 0) 25.06%);*/
    /*    opacity: 1;*/
    /*}*/
    .appBox__img{
        position: relative;
    }
    .appBox__img img{
        position: absolute;
        top: -40px;
        z-index: 99;
    }
    .appBox .appBox__group{
        position: relative;
    }
    .appBox .appBox__download{
        position: absolute;
        z-index: 99;
    }
    .appBox .row .col-7{
        z-index: 99;
    }
    .homeServices{
        padding-top: 170px!important;
    }
    .appBox:before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 54%);
        opacity: 1;
    }
    .appBox:after{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(359.24deg, #FFFFFF 5.19%, rgba(255, 255, 255, 0) 13.24%);
        opacity: 1;
    }
    .t-range {
        background: rgba(135, 95, 203, 0.16) !important;
    }

    .t-range-limit {
        background: rgba(135, 95, 203, 0.16) !important;
    }
    .page-home .homeOffers__item{
        display: flex;
    }
    .offers.img{
        width: 40%;
    }
    .offers.detail{
        width: 60%;
        margin: 16px 0px;
        height: 200px;
        border-radius: 2px;
    }

    .t-range-limit.t-start, .t-range-limit.t-end {
        color: #F26430;
        background: rgba(135, 95, 203, 0.16) !important;
    }

    .homeLetter__cont a:hover{
        text-decoration: underline;
    }

    /*PAGE SEARCH 3 HANG CHO*/
    .flightResult__body .dropdown-menu {
        z-index: 11;
    }

    .flightDetail__time.sureMulti {
        bottom: -30px !important;
    }

    .flightDetail__time.notMulti {
        /*bottom: 3px !important;*/
    }

    .tripSummary {
        position: sticky;
        top: 0;
    }

    .bgDarkGreen {
        background: #331969;
    }

    .colorGrey {
        color: #4F4F4F;
    }

    /*PAGE SEARCH 6 HANG CHO*/
    .flightItem{
        margin-top: 3vw;
    }
    .no_result{
        padding: 0 0 25px 0;
        color: red;
        font-size: 16px;
    }
    .searchBox__main.collapseMobile .edit_search_text{
        padding-top: 15px;
    }
    .sortFilter {
        margin-bottom: 1vw;
    }

    .airlineInfo__logo{
        display: flex;
        align-items: center;
    }
    .sortFilter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .sortBy {
        display: flex;
        justify-content: flex-end;
    }
    .sortBy ul {
        display: flex;
    }
    .sortBy ul li p {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        color: rgba(0,0,0,.65);
    }
    .sortBy ul li p span {
        padding-left: .5vw;
    }
    .sortBy ul li+li {
        padding-left: 3vw;
    }
    .parent_filter {
        display: flex;
    }
    .parent_filter .dropdown {
        padding: 0px 10px;
    }
    .btn.btn-orange-1 {
        padding: 8px 24px;
        color: #fff;
        background-color: #F06449;
        border-color: #F06449;
    }
    .flightItem__table__right .flightItem__table__cell{
        border-right: 1px solid rgba(255, 255, 255, .7);
    }
    .flightItem__table__right .flightItem__table__cell:last-child{
        border-right: unset;
    }
    .btn {
        font-size: 14px;
        padding: 8px 18px;
        border-radius: 4px;
        transition: all .15s;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        height: auto;
    }
    .btn, .btnGroup, .viewMore {
        display: inline-flex;
    }
    .flightResult__left {
        width: calc(100%);
    }
    .sortFilter .btn span {
        margin: 0 12px;
    }
    .flDate {
        margin-bottom: 1vw;
    }
    .flDate {
        background-color: #fff;
        position: relative;
        border: 1px solid rgba(0,0,0,.15);
        margin-bottom: 15px;
    }
    .flDate__slide {
        display: flex;
        padding: 0 30px;
    }
    .flDate__item.active {
        border-color: #F26430;
    }
    .flDate__item {
        width: calc(100% / 7);
        padding: 12px 0;
    }
    .flDate__item {
        text-align: center;
        border-top: 6px solid transparent;
        transition: all .2s;
        font-weight: 500;
    }
    .flightResult__left .slick-prev{
        left: -40px!important;
    }
    .flightResult__left .slick-next{
        right: -40px!important;
    }
    .flDate__item:hover p {
        color: #F15A26;
    }
    .bgDarkGreen1{
        background-color: #9C7CD5;
    }
    .bgDarkGreen2{
        background-color: #875FCB;
    }
    .bgDarkGreen3{
        background-color: #7143C1;
    }
    .bgDarkGreen4{
        background-color: #683EBB;
    }
    .bgDarkGreen5{
        background-color: #5B36B2;
    }
    .bgDarkGreen6{
        background-color: #271689;
    }
    .flightItem__table__left{
        cursor: pointer;
        border-right: 1px solid rgba(0,0,0,.15);
        width: 40%;
    }
    .flightItem__table__right{
        width: 60%;
    }
    .flInfo {
        padding: 16px;
        width: 100%;
    }
    .flInfo__trip {
        display: flex;
        margin: 0 -.8vw;
    }
    .flInfo__item {
        padding: 0 16px;
        flex: 1
    }
    .flInfo__flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .flInfo__flex .philippineairline{
        font-weight: 500;
        font-size: 12px;
    }
    .flInfo__flex span{
        font-size: 12px;
        vertical-align: text-top;
    }

    .flInfo__flex ul {
        justify-content: space-evenly;
        margin: 0 0.1vw;
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .viewMore {
        font-size: 14px;
    }
    .stopBox__icon {
        text-align: center;
    }
    .stopBox__text {
        text-align: center;
    }
    .page-flights-result .priceBox__cont{
        height: 70% !important;
    }
    .flightItem__table__body .flightItem__table__row:hover {
        border: #371763 solid 1px;
    }
    .flightItem__table__body .flightItem__table__row {
        border: white solid 1px;
    }
    .flTicket__th {
        width: 100%;
        color: #fff;
        min-height: 4.5vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        font-size: 1vw;
        padding: 16px;
    }
    .bgBlue1 {
        background-color: #5B36B2;
    }
    .yourSelection__box {
        padding: 24px;
        background-color: #fff;
        border-radius: 4px;
    }
    .btnArrow, .flTicketMobile__item, .offersBox__item, .schedules__header, .schedules__item, .yourSelection__box {
        box-shadow: 0 0 8px rgba(0,0,0,.15);
    }
    .yourSelection__row {
        display: flex;
        flex-wrap: wrap;
    }
    .yourSelection__col {
        width: 50%;
    }

    .yourSelection__title {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }

    .d-block {
        display: block!important;
    }
    .stopBox {
        padding-top: .2vw;
    }
    strong {
        font-weight: 500;
    }
    .yourSelection__title p:before {
        font-size: 8px;
        padding: 0 1vw;
        content: '\f111';
        font-weight: 900;
        color: rgba(0,0,0,.15);
    }
    .lineInfo__date:before, .subMenu>a:after, .yourSelection__title p:before {
        font-family: "Font Awesome 5 Free";
    }
    .flightList__btn {
        padding: 2vw 0;
        text-align: right;
    }
    /* PAGE PASSENGER 6 HANG CHO*/
    .logo_passenger{
        padding: 0 33px;
        display: flex;
    }
    .logo_passenger img{
      width: 2vw;
      height: 100%;
    }
    .flightPassenger .form-group .form-control.d-hidden {
        pointer-events: none;
        opacity: .4;
    }
    .labelStar:after{
        content: ' *';
        color: #F93243;
    }
    .philippineairline{
      font-size: 12px;
      font-weight: 500;
    }
    .box__airname{
      display: flex;
    }

    /* PAGE REVIEW*/
        /*CONFIRM PAYMENT*/
    .reservation {
        padding: 2vw;
        margin-bottom: 2vw;
        background-color: #fff;
        box-shadow: 0 0 8px rgb(0 0 0 / 15%);
        border-radius: 4px;
    }
    .reservation__header {
        margin-bottom: 2vw;
    }
    .d-flex {
        align-items: center;
    }
    .reservation__text {
        padding-left: 2vw;
    }
    .reservation__header .btnYourLight {
        font-size: 14px;
        color: #318FDB;
        margin-top: 15px;
        display: none;
    }
    .reservation__close {
        display: none;
    }
    .reservation__list {
        display: flex;
        margin: 0 -1.5vw;
    }
    .reservation__col {
        width: 50%;
        padding: 0 1.5vw;
    }
    .reservation__list ul li {
        padding: .5vw 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .reservation__col:last-child {
        border-left: 1px solid rgba(0,0,0,.15);
    }

        /*CONFIRM PAYMENT*/
    .formBox__right .d-flex {
        margin-bottom: .5vw;
        justify-content: space-between;
    }
    .formBox__term{
        max-height: 15vw!important;
    }
    .formBox__right .btnDetail {
        cursor: pointer;
        background: transparent;
        border: none;
        padding: 0;
        outline: none;
    }
    .formBox__right .btnDetail:hover span {
        text-decoration: underline;
    }
    .formBox__right .btnDetail i {
        transition: all .2s;
    }
    .formBox__right .btnDetail.rotate i {
        transform: rotate(180deg);
    }

    .fa, .fas {
        font-weight: 900;
    }

    .fa, .fab, .fal, .far, .fas {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }

    .ml5 {
        margin-left: .5vw;
    }

    .formBox__sub {
        padding: 1vw;
    }

    .formBox__sub {
        background-color: rgba(2, 11, 96, 0.08);
        border-radius: 4px;
        padding: 15px;
    }

    .page-review .flightDuration {
        display: block;
        width: 25% !important;
    }
    .formBox__itinerary__item{
        padding-top: 15px;
    }
    .formBox__itinerary__item:first-child{
        padding-top: 0;
    }
    .travelerTable__header {
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
    }
    .travelerTable__cell {
        flex: 1;
        padding: .5vw 1vw;
    }
    .travelerTable__row {
        display: flex;
        align-items: center;
    }
}


/*SORT & FILTER*/
@media (min-width: 768px) {
    .listBox__filter {
        padding: 16px 0;
        border: 1px solid #E5E7EB;
        border-radius: 4px;
        display: none;
        position: absolute;
        z-index: 100;
        box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.18);
        background: #fff;
        right: 0;
        top: calc(100% + 8px);
        width: 580px;
        max-width: 90vw;
        box-sizing: border-box;
    }
    .listBox__form.listBox__filter.show:before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -7px;
        right: 63px;
        border-bottom: 7px solid #dee2e6;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        z-index: 1;
    }
    .listBox__form.listBox__filter.show:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -6px;
        right: 63px;
        border-bottom: 7px solid #ffffff;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        z-index: 1;
    }
    .boxFilter__group {
        padding: 0;
        display: flex;
        box-sizing: border-box;
    }
    .boxFilter__left {
        padding: 0 24px;
        border-right: 1px solid rgba(0, 0, 0, 0.25);
        width: 250px;
        flex: 0 0 250px;
        box-sizing: border-box;
    }
    .boxFilter__right {
        padding: 0 24px;
        flex: 1;
        min-width: 0;
        box-sizing: border-box;
    }
}
 .boxFilter__right {
     padding: 0 24px;
     width: 22vw;
 }
 .flboxRefundable, .flboxAirlines, .flBoxDeparture {
     padding-bottom: 16px;
     border-bottom: 1px solid rgba(0,0,0,0.25);
 }
 .flboxTransit, .flBoxArrival {
     padding-top: 20px;
 }
 .boxRefundable__title, .boxAirlines__title, .boxTransit__title, .boxDepartTime__title, .boxArrival__title {
     padding-bottom: 16px;
     display: flex;
     justify-content: space-between;
 }
 .boxRefundable__title p:last-child, .boxAirlines__title p:last-child, .boxTransit__title p:last-child, .boxDepartTime__title p:last-child, .boxArrival__title p:last-child {
     cursor: pointer;
 }
 .boxRefundable__checkbox input[type=radio], .boxAirlines__checkbox input[type=radio], .boxTransit__checkbox input[type=radio] {
     margin-right: 20px;
 }
 .boxFilter__group .container {
     display: flex;
     padding: 6px 0;
     align-items: center;
 }
 .grid-container {
     display: grid;
     grid-template-columns: auto auto;
 }
 .grid-item {
     border: 1px solid #f9f6f4;
     border-radius: 4px;
     cursor: pointer;
     background-color: rgba(55,68,170,0.16);
     padding: 8px 16px;
     margin: 4px;
     text-align: center;
 }.grid-item:hover {
      background: #3744AA;
  }
 .grid-item:hover p {
     color: #fff;
 }
 .grid-item.active {
     background: #3744AA;
 }
 .grid-item.active p {
     color: #fff!important;
 }
 .hiddenTransit, .hiddenRefundable, .hiddenAirline, .hiddenDeparture, .hiddenArrival {
     display: none!important;
 }
 .parent_filter .sort a:hover, .parent_filter .sort a.active {
     color: #000;
     background: #dde1ff;
 }
 .modal-footer button{
     height: auto!important;
 }
 .modal-footer{
     padding: 8px!important;
 }
 .footer__bottom p{
     font-size: 13px;
 }

 /*New code datepicker*/
 .datepicker input{
     height: 48px;
     border-radius: 4px;
     padding: 0 15px;
     border: 1px solid rgba(0,0,0,.15);
     color: #000;
     text-indent: 32px;
     width: 100%;
 }
 .searchBox .container{
     max-width: 1240px;
 }
 #ui-datepicker-div{
     z-index: 99!important;
 }
 .disableCheckOut{
     pointer-events: none;
     opacity: 0;
     position: absolute;
 }
 .ui-state-default, .ui-widget-content .ui-state-default{
     padding: 5px 8px!important;
     border: unset!important;
     background: #f5f5f5!important;
     text-align: center!important;
     color: #000!important;
 }
 .ui-state-hover, .ui-widget-content .ui-state-hover{
     border: unset!important;
     background: unset!important;
     opacity: .5;
 }
 .ui-datepicker select.ui-datepicker-month{
     border-radius: 8px;
     border: 1px solid #cccccc;
     padding: 0 4px;
 }

 #ui-datepicker-div table tr th{
     color: #000;
     background: #fff;
 }
 @media (min-width:1100px) {
     #ui-datepicker-div{
         width: 550px!important;
     }
 }
 @media (max-width:768px) {
     #ui-datepicker-div {
         width: 280px !important;
         left: 30px !important;
     }
 }


 /*restyle datepicker*/
 body .ui-datepicker-next .ui-icon {
     background-image: url(../images/arrow-rights.png);
 }
 body .ui-icon, body .ui-datepicker-prev .ui-icon {
     background-image: url(../images/arrow-lefts.png);
 }
 body .ui-icon {
     width: 24px;
     height: 24px;
 }
 body .ui-datepicker .ui-datepicker-prev span, body .ui-datepicker .ui-datepicker-next span {
     display: block;
     position: absolute;
     left: 50%;
     margin-left: -8px;
     top: 50%;
     margin-top: -10px;
 }
 body .ui-icon-circle-triangle-e{
     background-position: 0;
 }
 body .ui-icon-circle-triangle-w {
     background-position: 0;
 }
 body .ui-widget-header{
     border: 1px solid #fff;
     background: #865FCB;
 }
 @media (min-width: 768px) and (max-width: 1199px){

     .ui-state-default, .ui-widget-content .ui-state-default {
         padding: 0.6vw!important;
     }
     body .ui-datepicker {
         width: 46vw!important;
         left: 48vw!important;
         top: 28.5vw!important;
     }
 }
 @media (max-width: 768px){
     body .ui-datepicker {
         width: 312px !important;
         left: 30px !important;
     }
 }

 body .ui-datepicker .ui-datepicker-header {
     position: relative;
     padding: 0.2em 0;
     margin-bottom: 6px;
 }
 .ui-datepicker select.ui-datepicker-month {
     border-radius: 8px;
     border: 1px solid #cccccc;
     padding: 0 4px;
 }
 .ui-datepicker-title span.ui-datepicker-month{
     color: #fff;
 }
 .ui-state-default, .ui-widget-content .ui-state-default {
     padding: 7px 10px;
     border: unset!important;
     background: #f5f5f5!important;
     text-align: center!important;
     color: #000!important;
 }
 .ui-datepicker {
     width: 590px!important;
     z-index: 9999!important;
 }
 .ui-datepicker-year {
     margin-left: 6px;
     color: #fff;
 }
 a.ui-state-default:hover,.ui-datepicker .ui-datepicker-days-cell-over a{
     background: #865FCB!important;
     color: #fff!important;
 }


/* Flight Details Popup Center Column & Logo Styling */
#flightDetailPopup .flTable__detail .flightDetail__item:nth-child(2),
.flightDetailPopup .flTable__detail .flightDetail__item:nth-child(2),
.flightDetailPopup .flightDetail .flightDetail__item:nth-child(2),
.flTable__detail .flightDetail__item:nth-child(2) {
    flex: 0 0 160px !important;
    width: 160px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center;
    padding: 4px 10px 0;
}

#flightDetailPopup .flightDetail__arrow,
.flightDetailPopup .flightDetail__arrow,
.flTable__detail .flightDetail__arrow {
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#flightDetailPopup .flightDetail__time,
.flightDetailPopup .flightDetail__time,
.flTable__detail .flightDetail__time {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 6px !important;
    bottom: auto !important;
    width: 100% !important;
}

#flightDetailPopup .flightDetail__time img,
.flightDetailPopup .flightDetail__time img,
.flTable__detail .flightDetail__time img,
.flightDetail__time img.ANN_logo {
    max-height: 28px !important;
    max-width: 90px !important;
    width: auto !important;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}