@font-face {
    font-family: UVN-Tin-Tuc-Hep-Bold;
    src: url(../font/fonts/UVNTinTucHepThem_B.TTF);
}
@font-face {
    font-family: UVN-Tin-Tuc-Hep;
    src: url(../font/fonts/UVNTinTucHep_R.TTF);
}
@font-face {
    font-family:Roboto;
    src:url(../font/fonts/RobotoCondensed-Regular.ttf);
}
.radio1 { padding-left: 20px;display:block }
.radio1 label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px;margin-right:30px ;cursor:pointer}
.radio1 label::before {width: 15px; height: 15px;border: 1px solid #000;         content: ""; display: inline-block; position: absolute;  left: 0; margin-left: -20px;  border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio1 label::after  {width: 11px; height: 11px;background-color: #000;           display: inline-block; position: absolute; content: " ";  left: 3px; top: 3px; margin-left: -20px; border-radius: 50%;  -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio1 input[type="radio"] { opacity: 0; z-index: 1; }
.radio1 input[type="radio"]:focus + label::before { outline:none;  }
.radio1 input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio1 input[type="radio"]:disabled + label { opacity: 0.65; }
.radio1 input[type="radio"]:disabled + label::before { cursor: not-allowed; }
*{ font-weight: normal;text-shadow:none!important;margin:0;padding:0}
a {text-decoration:none}
a,span,p,b,strong,*{font-family:Roboto, Arial, Helvetica, sans-serif;}
body{background-color:#f1f1ef; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400;}
.ml15{margin-left:15px!important}
.ml12{margin-left:12px!important}
.mb5{margin-bottom:5px!important}
.center{text-align:center}
.ui-content{padding:10px!important}
.icon25{display:inline-block;height:25px;width:25px}
.icon20{display:inline-block;height:20px;width:20px}
.icon30{display:inline-block;height:30px;width:30px}
.icon-rotate-180{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.icon-close{background:url(../images/close.png) no-repeat;position:absolute;z-index:2;top:0;right:0;background-size:100% 100%}

.icon-flight-orange{background:url(../images/plane-orange.png) no-repeat;background-size:100% 100%;}
.icon-flight{background:url(../images/plane.png) no-repeat;background-size:100% 100%;float:left;margin-right:5px;opacity:0.6}
.icon-flight-time{background:url(../images/plane-time.png) no-repeat;background-size:100% 100%;float:left;margin-right:5px;height:23px}

.gray{color:#808080}
.orange{color:orange}
.user-select-none {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.my-header{background-color: #D9D9D9 !important;color:#fff;height:60px;border:none!important}
.my-header .box-phone{font-family:/*UVN-Tin-Tuc-Hep*/Roboto,  Arial, Helvetica, sans-serif;background:url(../images/phone.png) no-repeat left;background-size: 20px 20px;background-position-x:5px;float:right;height:24px;/*width:100px;*/margin:15px 10px 0 0;padding:4px 8px 2px 32px;color:white;font-size: 20px;text-align:center}
.my-header .box-phone a{color:#143B85!important;text-decoration:none!important;font-weight:bold!important}
.my-header .zmdi{color:#D50303;}

.hotline{float:right;display:block; padding-left:25px; color:#ce0000; background:url(../images/phone.png) left center no-repeat; line-height:20px; margin-top:5px; font-size:20px; margin-right:4px}
.nav-container{ width:100%; padding-left:2px; margin-top:3px;text-align: center;}
.nav-container li{display:inline-block;;}
.nav-container li:last-child{background:none;}
.nav-container a{display:block; font-weight:bold; font-size:12px; text-transform:uppercase; color:#143B85; padding-right:4px; text-decoration:none}
/*.my-header a.logo{display:inline-block;height:28px;width:100px;left:35px;top:17px;background:url(../../mobile/img/logo.png) no-repeat;background-size:100%}*/
.my-header .logo{margin:0px 0 0 40px}
.my-header a.btn-menu{position:absolute;top:3px;left:5px;height:25px;width:20px;display:inline-block;padding:0px!important;background-color:none!important;border:none!important;box-shadow:none!important;border-radius:0px!important;margin:17px 0 0 5px}
.my-header a.btn-bar{background:url(../images/menu1.png) no-repeat;background-size:100% 15px;}
.my-header-2 a.btn-bar{background:url(../images/menu2.png) no-repeat;background-size:100% 15px;}
.my-header a.btn-arrow{background:none!important;background:url(../images/back.png) no-repeat!important;background-size:12px 25px!important;margin-top:13px;border:none!important;outline:none!important}
.my-header .header-title{display:inline-block;margin:17px 0 0 35px;font-size:18px;color:white;}
.my-header .div-header-title{display:inline-block;padding-left:35px;margin-left:0px}
.my-header .div-header-title p{font-size:18px;color:white;margin-top:8px}
.my-header-2{background-color:#D50303!important}
.my-header-2 .box-phone{background-color:#f38717}

#myPanel{background-color:#D50303;}
#myPanel .full-panel{position:absolute;width:100%;height:auto;top:0;left:0;}
#myPanel .full-panel img{width:100%;height:auto}
#myPanel .full-panel i{display:inline-block;width:30px;}
#myPanel .full-panel ul{list-style:none;padding-left:0px}
#myPanel .full-panel ul li{height:30px;line-height:35px;height:35px;padding-left:20px}
#myPanel .full-panel ul li a{color:white!important;text-decoration:none;text-shadow:none!important;font-weight:normal!important}
#myPanel .full-panel ul li.tap{background-color:white}
#myPanel .full-panel ul li.tap a {color: #D50303 !important;font-weight: bold !important;}

.cus-button a.ui-btn{background-color:#D50303!important;margin-bottom:10px;color:white!important;font-weight:normal!important;font-family:Roboto;font-size:17px}
.cus-button a.ui-btn i{display:inline-block;float:left;margin-left:10px}
.cus-button a.ui-btn.tab{background-color:#f38718!important;color:#D50303!important}
.cus-button input{background-color:#D50303!important;color:white!important;border:none;outline:none;width:100%;text-align:center;padding:7px;border-radius:4px}

.footer{border:none!important;text-align:center;}
.footer span{font-size:13px}
/*-----search-------*/
.tab-menu div{border-bottom:1px solid #c1c1bf;background-color:white}
.tab-menu div a{display:block;height:100%;width:100%}
.tab-menu div:first-child{border-right:1px solid #c1c1bf}
.tab-menu div p{padding:12px 0px;font-size: 20px;font-family:/*UVN-Tin-Tuc-Hep-Bold*/Roboto;display:inline-block;color:#D50303!important}
.tab-menu div p.plane{background:url(../images/plane-orange.png) no-repeat left;width:80%;background-size:25px 25px}
.tab-menu div p.plane-rotate{background:url('../images/plane-orange - back.png') no-repeat left;background-size:25px 25px}
.tab-menu div i:last-child{display:block;height:3px;}
.tab-menu div.active{border-bottom:none;}
.tab-menu div.active i:last-child{background-color:#f38717;margin-top:1px}

.arrow-right-bottom{background-image:url(../images/arrow-right-bottom.png);background-size:100% 100%;height:10px;width:10px;display:inline-block;position:absolute;bottom:0;right:0;z-index:2}
.box{border-radius:5px;background-color:white;border:1px solid #808080;margin-bottom:15px;min-height:40px!important;padding-top:5px;position:relative}
.box input[type=text]{border:1px solid #808080;color:#000;border-radius:5px;height:30px;width:100%;margin:5px 0 10px;font-family:Roboto;padding-left:3px}
.box-inline{font-size:1em;padding:5px 1px!important;display:inline-block;}
.box-inline label{display:inline-block!important;font-family:/*UVN-Tin-Tuc-Hep*/Roboto;color:#808080;font-size:14px!important}
.box-inline i.icon-calendar{display:inline-block;height:25px;width:25px;background:url(../images/calendar.png);background-size:100%;float:left;margin:0 5px 0 3px}
.box-inline input{font-family:/*UVN-Tin-Tuc-Hep*/Roboto;border:none!important;max-width:72%;font-size:14.8px}
.btn-switch{height:25px;width:25px;background:url(../images/btn-switch.png);display:inline-block;background-size:100%;position:absolute;z-index:2;right:-14px;top:28px;border-radius:3px}

.box-people div{border:none!important}
.box-people input{font-family:/*UVN-Tin-Tuc-Hep*/Roboto;color:#808080}
.box-people .icon-people{width:11px;height:25px;display:inline-block;}
.box-people .icon-people.adult{background:url(../images/adult.png) no-repeat;background-size:100% auto}
.box-people .icon-people.child{background:url(../images/child.png) no-repeat;background-size:85% auto;background-position-y:3px}
.box-people .icon-people.inf{background:url(../images/inf.png) no-repeat;background-size:100% auto;background-position-y:9px}
.box-people select{border:none;outline:none;-webkit-appearance: none;-moz-appearance: none;font-family:/*UVN-Tin-Tuc-Hep-Bold*/Roboto}
.min-price{padding:0px!important}
.min-price .ui-checkbox{margin:0px;}
.min-price label{font-family:/*UVN-Tin-Tuc-Hep-Bold*/Roboto;font-size:18px;border:none!important;background-color:white!important;border-radius:0px!important}

.box-search{height:80px!important;padding:10px 5px;}
.box-search  span{font-family:/*UVN-Tin-Tuc-Hep*/Roboto;font-size:16px}
.box-search  span:last-child{display:block;margin-left:25px}
.fillter{background-color:#fff;height:40px;border-bottom:1px solid #dfdfdb}
.fillter div{padding:10px}
.fillter a{display:block;font-family:/*UVN-Tin-Tuc-Hep*/Roboto;font-size:15px;color:black!important;font-weight:normal!important}
.fillter .active a{color:orange!important   }
.box-flight{background-color:white;padding:10px 5px;border-bottom:1px solid #dfdfdb}
.box-flight.active{background-color:#AFEEEE;}
.box-flight span{margin-right:5px}
.box-price{height:30px;background-color:#f38717;float:right;width:100%;text-align:center;padding-top:10px;margin-top:5px;color:white;}
.box-price a{color:white!important;font-weight:normal!important}
.footer{background-color:#D50303!important}
.footer div{height:33px;padding-top:7px;font-size:20px;}
.footer div:first-child{color:#D50303;background-color: #fbf2ba;width:60%;float:left;position: relative;font-weight:bold}
.footer div:first-child:after{left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(251, 242, 186, 0);border-left-color: #fbf2ba;border-width: 20px;margin-top: -20px;}
.footer div:last-child{color:white;width:30%;float:right}
.footer div:last-child input{border:none!important;background:none!important;outline:none!important;color:white!important}

.box-flight-foreign{background-color:white;margin-bottom:10px;border:1px solid #c1c1bf;border-radius:3px}
.box-flight-foreign div.flight-item{text-align:center;font-size:15px;border-bottom:1px dotted #c1c1bf;padding: 5px 0}
.box-flight-foreign div .col-20 img{height:16px;width:20px}
.box-flight-foreign div .col-40 {border-left:1px dotted #c1c1bf;border-right:1px dotted #c1c1bf}
.box-flight-foreign div .col-40 span{display:block}
.box-flight-foreign div .col-40 span.status{ height: 8px; position: relative; width: 80%; display: inline-block; font-size: 0; text-align: center;}
.box-flight-foreign div .col-40 span.status:before{ content: ""; width: 100%; height: 2px; background: #8874A0; position: absolute; top: 3px; left: 0;display: inline-block;}
.box-flight-foreign div .col-40 span.status i{height: 8px; width: 8px; border-radius: 50%; display: inline-block; background: #8874A0; margin: 0 8px;}
.box-flight-foreign table{margin-top:3px}
.box-flight-foreign table img{height:30px;margin-right:5px}
.box-flight-foreign table a{background-color:orange;color:white;border:none; border-radius:3px;outline:none;padding:2px 5px;font-weight:normal!important}
i.icon-flight-up{display:inline-block;height:16px;width:20px;background-image:url(../images/flight-up-icon.png);background-size:100% 100%}
i.icon-flight-up-back{display:inline-block;height:16px;width:20px;background-image:url(../images/flight-up-icon-back.png);background-size:100% 100%}
.col-10{width:10%;display:inline-block}
.col-20{width:20%;display:inline-block}
.col-40{width:35%;display:inline-block;text-align:center;}
.disable.returntime{color:#808080}
select {padding:3px;margin: 0;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background: white;color:#000;
       border:none;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;line-height:1.5!important}
@media screen and (-webkit-min-device-pixel-ratio:0) {select {padding-right:18px}}
label.select-option {position:relative;border:1px solid #808080;border-radius:4px;margin-top:5px}
label.select-option:after {content:'<>';font:13px "Consolas", monospace;color:#808080!important;-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:2px; top:6px;padding:0 0 2px;border-bottom:1px solid #808080;position:absolute;pointer-events:none;}
label.select-option:before {content:'';right:6px; top:0px;width:20px; height:20px;background:white;position:absolute;pointer-events:none;display:block;}

/*.ui-loader-default{opacity:1!important;background-color:white!important;height:4.5em!important;width:4.5em!important;border-radius:50%!important}
.ui-icon-loading{background-color:white!important;background-size:100% 100%!important;background-repeat:no-repeat!important;opacity:1!important}
.ui-loader .ui-icon-loading{width: 100%!important;height: 100%!important;opacity:1!important;background-color:white!important}*/