/* CSS Document */
* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

ul, li, a {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
/*--------------------------------------------------
	margin 
-------------------------------------------------- */
.m00 {
    margin: 0px !important;
}

.m05 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.mt00 {
    margin-top: 0px !important;
}

.mt02 {
    margin-top: 2px !important;
}

.mt05 {
    margin-top: 5px !important;
}

.mt07 {
    margin-top: 7px !important;
}

.mt08 {
    margin-top: 8px !important;
}

.mt09 {
    margin-top: 9px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt33 {
    margin-top: 33px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 30px !important;
}

.mt45 {
    margin-top: 35px !important;
}

.mr00 {
    margin-right: 0px !important;
}

.mr05 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mb00 {
    margin-bottom: 0px !important;
}

.mb05 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.ml00 {
    margin-left: 0px !important;
}

.ml05 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}
/* 
--------------------------------------------------
	padding
-------------------------------------------------- */
.p00 {
    padding: 0px !important;
}

.p05 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.p45 {
    padding: 45px !important;
}

.pt00 {
    padding-top: 0px !important;
}

.pt04 {
    padding-top: 4px !important;
}

.pt05 {
    padding-top: 5px !important;
}

.pt08 {
    padding-top: 8px !important;
}

.pt07 {
    padding-top: 7px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pr00 {
    padding-right: 0px !important;
}

.pr05 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pb00 {
    padding-bottom: 0px !important;
}

.pb04 {
    padding-bottom: 4px !important;
}

.pb05 {
    padding-bottom: 5px !important;
}

.pb07 {
    padding-bottom: 7px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pl00 {
    padding-left: 0px !important;
}

.pl05 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}
/*
  01_8.width
--------------------------------------------------------------*/
.w00 {
    width: 0%;
}

.w02 {
    width: 2%;
}

.w03 {
    width: 3%;
}

.w05 {
    width: 5%;
}

.w10 {
    width: 10%;
}

.w12 {
    width: 12%;
}

.w14 {
    width: 14%;
}

.w15 {
    width: 15%;
}

.w16 {
    width: 16%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w28 {
    width: 28%;
}

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w49 {
    width: 49%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w65 {
    width: 65%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}
.w100 tr:hover{
    background: rgba(20, 176, 230, 0.1);
}
.max_w {
    max-width: 100%;
}

.max_w224 {
    max-width: 224px;
}

.f_left {
    float: left !important;
}

.f_right {
    float: right !important;
}
/*
  01_5.Font
--------------------------------------------------------------*/
.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs21 {
    font-size: 21px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs26 {
    font-size: 26px !important;
}

.fs28 {
    font-size: 28px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs40 {
    font-size: 40px !important;
}

.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 900;
}

.t_center {
    text-align: center;
}

.t_left {
    text-align: left;
}

.t_right {
    text-align: right;
}

.v_center {
    margin-left: auto;
    margin-right: auto;
}

.t_uper {
    text-transform: uppercase;
}

.t_low {
    text-transform: lowercase;
}

.l_height_25 {
    line-height: 25px !important;
}

.l_height_58 {
    line-height: 58px !important;
}

.t_line_th {
    text-decoration: line-through;
}

.f_nor {
    font-weight: normal;
}

.f_bold {
    font-weight: bold;
}

.f_italic {
    font-style: italic;
}

.m_color{color: #14b0e6 !important;}
.s_color{color: #f36f21 !important;}
.g_color{color: #343434 !important;}
.g_color1{color: #a3a3a3 !important;}
.g_color2{color: #f6f6f6 !important;}
.w_color{color: #fff !important;}
.r_color{color: #f00 !important;}

.m_bg{background-color: #0A8043 !important;}
.s_bg{background-color: #f36f21 !important;}
.g_bg{background-color: #343434 !important;}
.g_bg1{background-color: #a3a3a3 !important;}
.g_bg2{background-color: #f6f6f6 !important;}
.w_bg{background-color: #fff !important;}
.go_bg{background-color: #fff6cb !important;}

.row-header {
    width: 100%;
}

.dk-dn {
    float: right;
    margin-top: 5px;
}

.register, .login {
    display: inline-block;
    border: 1px groove rgba(255, 255, 255, 0.82);
    border-radius: 2px;
    margin-left: 8px;
}

    .register > a, .login > a {
        color: #fff;
        padding: 3px 10px;
        display: block;
    }

.logo h1 a img {
    width: 240px;
}

.menu {
    float: left;
    width: 100%;
    margin-top: 15px;
}

    .menu ul {
        float: right;
    }

        .menu ul li {
            float: left;
            border-radius: 5px;
        }

            .menu ul li a {
                color: #fff;
                padding: 5px 15px 3px 13px;
                text-transform: uppercase;
                font-weight: bold;
                display: block;
                font-size: 12px;
            }

            .menu ul li.active {
                background: #0A8043;
                border: 1px solid #fff;
            }

.item-search {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

    .item-search select {
        width: 100%;
        height: 30px;
        border: none;
    }

.date-resul {
    width: 50%;
    float: left;
}

    .date-resul input, .date-resul select {
        width: 100%;
        height: 30px;
        border: none;
        color: #333;
    }

    .date-resul input {
        padding-left: 5px;
        background: #fff url(../images/icon/date.png) no-repeat top 7px right 5px/16px 16px;
        cursor: pointer;
    }

.search-home {
    float: left;
    background: rgba(0, 0, 0, 0.48);
    padding: 10px 25px;
}

.row-search {
    margin-top: 15px;
}

.search-home .title {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0 10px 0;
    font-weight: bold;
}

.item-search .date-resul:nth-of-type(2) {
    padding-left: 10px;
}

.item-search button {
    width: 100%;
    height: 35px;
    text-transform: uppercase;
    background: #0A8043;
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
}

.vr-slogun {
    color: #fff;
    text-align: right;
    margin-top: 30px;
}

    .vr-slogun div {
        display: block;
        font-size: 30px;
        margin: 15px 0;
    }

    .vr-slogun strong {
        font-size: 35px;
    }

    .vr-slogun span {
        display: inline-block;
        background: #0A8043;
        text-transform: uppercase;
        padding: 4px 5px 2px 5px;
    }

    .vr-slogun a {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        border: 1px solid #fff;
        padding: 7px 8px 4px 8px;
    }

.item-partner {
    text-align: center;
    padding: 0 20px;
}

    .item-partner a {
        display: block;
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        padding: 5px 0;
        font-weight: bold;
        transition: all 0.5s ease-in-out;
        color: #0A8043;
    }

        .item-partner a img {
            height: 60px;
            margin-bottom: 10px;
        }

user agent stylesheetp {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

Inherited from div.item-partner .item-partner {
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid #126C6B;
}

.row-partner {
    padding: 25px 0;
    background: #E4E4E4;
}

.item-partner p {
    color: #0B8043;
    margin: 5px 0;
    padding: 0 20px;
}

.content-footer {
    width: 75%;
    margin: 0 auto;
}

.ft-col li {
    padding: 8px 0;
}

    .ft-col li a {
        color: #fff;
    }

.row-footer {
    background: #37444E;
    padding: 20px 0;
}

.mx-lk li {
    color: #fff;
    padding: 8px 0;
}

    .mx-lk li a {
        padding: 5px 13px;
        border-radius: 3px;
        text-align: center;
        margin-right: 10px;
    }

        .mx-lk li a i {
            color: #37444E;
            font-size: 15px;
        }

.fb-lk {
    margin-top: 10px;
}

.fb {
    background: url(../images/icon/t4.png) no-repeat top left/25px 25px;
}

.g {
    background: url(../images/icon/t5.png) no-repeat top left/25px 25px;
}

.tw {
    background: url(../images/icon/t3.png) no-repeat top left/25px 25px;
}

.it {
    background: url(../images/icon/t2.png) no-repeat top left/25px 25px;
}

.fq {
    background: url(../images/icon/t1.png) no-repeat top left/25px 25px;
}

.coppy-rigth {
    color: #ccc;
    text-align: left;
    border-top: 1px solid #4D565D;
    margin-top: 20px;
    padding-top: 20px;
}

.round {
    border: 1px dashed #0A8043;
    border-radius: 30px;
    padding: 5px 9px;
}

.row-header-search {
    background: url(../images/icon/bg-search.png) no-repeat;
    height: 140px;
    background-size: cover;
}

.identity {
    background: #31363D;
    padding: 10px 0;
}

.it-search li {
    display: inline-block;
    color: #fff;
    padding: 8px 15px;
    margin-right: 15px;
}

    .it-search li span {
        background: #fff;
        border-radius: 15px;
        color: #333;
        padding: 2px 6px;
        margin-right: 5px;
    }

    .it-search li.active {
        background: url(../images/icon/mt-search.png) no-repeat top 0 right 0/100px 35px;
        position: relative;
    }

.map-site {
    background: #2B2F35;
    color: #fff;
}

.support {
    float: right;
    text-align: right;
}

.map-bus span, .map-bus strong {
    display: block;
}

.support strong, .support span {
    display: block;
}

.map-bus span:nth-of-type(1) {
    color: #999;
    margin: 8px 0;
}

.map-bus strong {
    font-size: 20px;
    margin: 5px 0;
}

.map-bus span:nth-of-type(2) {
    color: #ddd;
    margin: 8px 0;
}

.support strong {
    color: #0A8043;
    font-size: 20px;
    margin: 5px 0;
}

.row-sp {
    padding: 10px 0;
}

.row-partner-search {
    background: #258747 !important;
}

.box-refine {
    background: #F2F2F2;
    padding: 10px;
    margin-bottom: 15px;
}

.title-refine {
    color: #258747;
    font-weight: bold;
    font-size: 14px;
}

.content-refine ul li {
    padding: 5px 0;
}

    .content-refine ul li label {
        cursor: pointer;
        padding-left: 3px;
    }

        .content-refine ul li label input {
            width: 14px;
            height: 14px;
            position: relative;
            top: 2px;
            left: -3px;
        }

.row-content {
    margin: 20px 0;
    clear: both;
}

.nav-resul {
    float: left;
    width: 100%;
}

    .nav-resul ul li {
        float: left;
        width: 50%;
        text-align: center;
        border-right: 1px solid #ccc;
        background: #DCDCDC;
        padding: 10px 0;
        cursor: pointer;
    }

        .nav-resul ul li:last-child {
            border: none;
        }

        .nav-resul ul li.active {
            background: #0B8043 url(../images/icon/mt.png) no-repeat top 15px right 6px/13px 8px;
            color: #fff;
            position: relative;
        }

.total-resul {
    padding: 15px 0;
    clear: both;
}

.begin-destination span {
    display: block;
    color: #333;
    font-size: 14px;
    padding: 5px 0;
}

.begin-destination strong {
    display: block;
    color: #0B8043;
    font-size: 16px;
    padding: 5px 0 5px 40px;
}

    .begin-destination strong i {
        margin-left: -20px;
        padding-right: 10px;
    }

.tab {
    display: none;
}

.tab-resul .active, .row-tp-dd .active {
    display: block;
}

.resul-search {
    padding-left: 15px;
}

.hangxe {
    text-align: center;
}

    .hangxe span {
        display: block;
        padding: 5px 0;
    }

    .hangxe strong {
        display: block;
        color: #0B8043;
        font-size: 18px;
        padding: 5px 0;
    }

    .hangxe a {
        margin-top: 35px;
        display: block;
        color: #0B8043;
    }

.price-saerch {
    text-align: center;
}

    .price-saerch span {
        display: block;
        padding: 5px 0;
    }

    .price-saerch strong {
        display: block;
        padding: 5px 0 0 0;
        font-size: 18px;
    }

    .price-saerch i {
        display: block;
    }

    .price-saerch a {
        margin-top: 24px;
        display: inline-block;
        background: #0B8043;
        width: 180px;
        height: 28px;
        color: #fff;
        display: block;
        float: right;
        line-height: 28px;
    }

.row-tb {
    margin-bottom: 15px;
    background: #F2F2F2;
    padding: 10px 0px 5px 10px;
}

    .row-tb:last-child {
        margin-bottom: 0;
    }

.tick {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 22px;
    padding: 8px 0;
}

.row-cbuoc {
    background: url(../images/icon/bg-4b.png);
    color: #fff;
    padding: 12px 0;
    background-size: cover;
}

.round-x {
    width: 120px;
    height: 120px;
    background: #0B8043;
    border-radius: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
}

.box-round-x {
    background: url(../images/icon/mt-hom.png) no-repeat top 40px right 0px /50px 35px;
    padding-left: 70px;
}

.container .col-md-3:last-child .box-round-x {
    background: none;
}

.bus-start {
    position: relative;
    width: 100%;
}

.row .col-md-4:nth-of-type(1) {
    padding-right: 14px;
}

.row .col-md-4:nth-of-type(2) {
    padding: 0 7px;
}

.row .col-md-4:nth-of-type(3) {
    padding-left: 14px;
}

.bus-start span {
    position: absolute;
    width: 60%;
    top: 40%;
    left: 20%;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.title-map-tick {
    font-size: 23px;
    background: #EBEBEB;
    display: inline-block;
    padding: 10px 15px;
    color: #555;
}

    .title-map-tick span {
        color: #0A8043;
        font-size: 24px;
    }

.box-tick-map-t {
    float: left;
    width: 100%;
    padding: 8px 0;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    line-height: 28px;
    border-bottom: 1px solid #ebebeb;
}

    .box-tick-map-t:hover {
        background: #EBEBEB;
        transition: all 0.2s ease-in-out;
    }

.tick-map-t {
    width: 44%;
    float: left;
}

    .tick-map-t span {
        font-weight: bold;
        font-size: 14px;
        color: #666;
    }

    .tick-map-t i {
        padding: 0 10px;
        color: #777;
    }

    .tick-map-t strong {
        font-size: 14px;
    }

.price-t {
    width: 26%;
    float: left;
    color: #777;
    font-size: 14px;
    font-weight: bold;
}

    .price-t span {
        text-decoration: underline;
    }

.order-t {
    width: 30%;
    float: left;
}

    .order-t a {
        background: #F8AF00;
        color: #333;
        font-weight: bold;
        width: 110px;
        display: block;
        height: 28px;
        line-height: 28px;
        text-align: center;
        float: right;
    }

.row .col-md-6:nth-of-type(1) .box-tuyenxe {
    float: left;
}

.box-tuyenxe {
    width: 85%;
    float: right;
}

.no-done {
}

.img-done {
    display: table-cell;
    vertical-align: middle;
}

    .img-done img {
        width: 120px;
    }

.ct-done {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}

    .ct-done > a > strong {
        color: #FF7E00;
        display: block;
        margin: 10px 0;
        font-size: 20px;
    }

    .ct-done ul li {
        padding: 5px 0;
        padding-left: 20px;
        position: relative;
    }

        .ct-done ul li a {
            color: #333;
        }

        .ct-done ul li:before {
            position: absolute;
            content: "";
            width: 7px;
            height: 7px;
            background: #FF7E00;
            left: 0;
            top: 9px;
        }

.custumer img {
    float: left;
    border: 1px solid #EBEBEB;
    padding: 10px;
    border-radius: 5px;
    width: 120px;
    margin-right: 10px;
}

.custumer p {
    line-height: 25px;
    margin: 5px 0;
}

.news-home {
    color: #FF7E00;
    font-size: 14px;
    text-decoration: none;
}

.row-pos-sl {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.navigation {
    top: 90% !important;
}

.item-partner:hover a {
    color: #0A8043;
    transition: all 0.5s ease-in-out;
}

.ct-done ul li a:hover {
    color: #0A8043;
    text-decoration: underline;
}

.register > a:hover, .login > a:hover, .vr-slogun a:hover {
    background: #0A8043;
}

.ft-col li a:hover {
    text-decoration: underline;
}

#my-slide {
    padding-bottom: 0px !important;
}

.row-bd {
    clear: both;
}

.bus-start a img {
    width: 100%;
    -webkit-filter: blur(2px);
    transition: all 0.5s ease-in-out;
}

.active a img {
    -webkit-filter: blur(0px);
    transition: all 0.5s ease-in-out;
}

.sub-menu-mobile {
    display: none;
    height: 35px;
    margin-top: 15px;
    background: #0A8043;
}

    .sub-menu-mobile span {
        color: #FFF;
        position: relative;
        top: 7px;
        float: right;
        cursor: pointer;
        text-indent: -9999px;
        right: 20px;
    }

    .sub-menu-mobile a {
        line-height: 30px;
        padding-left: 10px;
        background: url(../images/icon/ico-home.png) no-repeat top 5px left 5px / 30px 25px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        float: left;
        width: 50px;
    }

    .sub-menu-mobile span:active em {
        background: #333 none repeat scroll 0px 0px;
    }

    .sub-menu-mobile span em {
        background: #9BCAE4 none repeat scroll 0px 0px;
        display: block;
        height: 3px;
        margin-bottom: 3px;
        width: 25px;
    }

.row-why {
    margin-top: 30px;
}

.logged_information ul {
    color: #333;
    float: left;
    width: 200px;
}

.logged_information li:first-child {
    border-top: none;
}

.logged_information .user_information {
    height: 75px;
}

.logged_information li {
    border-top: 1px dotted rgba(229, 229, 229, 0.33);
    display: block;
    height: 35px;
    padding: 9px 12px;
    position: relative;
}

.logged_information .user_information img {
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    float: left;
    width: 60px;
    height: 60px;
}

.logged_information .user_information .title {
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    margin-top: 6px;
    overflow: hidden;
}

.logged_information .user_information .ml {
    margin-left: 69px;
    color: #fff;
}

.logged_information a {
    color: #365DB5;
    text-decoration: none;
    color: #fff;
}

.logged_information {
    position: absolute;
    background: #6d9705;
    right: 0;
    z-index: 99999;
    margin-top: 1px;
    display: none;
}

.login-user:hover {
    background: #0A8043;
}

    .login-user:hover .logged_information {
        display: block;
    }

.ml > a {
    font-size: 11px;
    position: relative;
    top: 10px;
}

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

.btnchonve-green {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color: #89c403;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #74b807;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528009;
}

    .btnchonve-green:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
        background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
        background-color: #77a809;
    }

    .btnchonve-green:active {
        position: relative;
        top: 1px;
    }

.btnchonve-orange {
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}

    .btnchonve-orange:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        background-color: #ffab23;
    }

    .btnchonve-orange:active {
        position: relative;
        top: 1px;
    }

.btnchonve-light {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    .btnchonve-light:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        background-color: #e9e9e9;
    }

    .btnchonve-light:active {
        position: relative;
        top: 1px;
    }

.cus_input {
    position: relative;
    border: 1px solid #ccc;
}

    .cus_input label {
        position: absolute;
        top: 2px;
        z-index: 0;
        left: 5px;
        font-weight: 300;
        font-style: italic;
        color: #a3a3a3;
        font-size: 0.858em;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
        filter: alpha(opacity=0);
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .cus_input input,
    .cus_input textarea {
        border: 0px;
        background: 0px;
        position: relative;
        padding: 0.7em 5px 0.5em;
        display: block;
        width: 100%;
        resize: none;
        outline: none;
    }

    .cus_input.activated input,
    .cus_input.activated textarea {
        padding: 1.2em 5px 0;
    }

    .cus_input.activated label {
        opacity: 1;
        ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
        filter: alpha(opacity=100);
    }

.cus_check {
    padding-left: 25px;
    position: relative;
}

    .cus_check label:before,
    .cus_check label:after {
        position: absolute;
        content: "";
        z-index: 0;
    }

    .cus_check label:before {
        border: 1px solid #f6f6f6;
        width: 20px;
        height: 20px;
        background: #fff;
        left: 0px;
        top: 0px;
    }

    .cus_check label.activated:after {
        background: url("../images/check_icon.png") no-repeat center;
        background-size: 18px;
        width: 18px;
        height: 18px;
        left: 1px;
        top: 1px;
    }

    .cus_check label input {
        display: none;
    }

.cus_select {
    background: #fff;
    position: relative;
    padding: 0.7em 5px 0.5em;
}

    .cus_select label,
    .cus_select_1 label {
        position: absolute;
        top: 2px;
        z-index: 0;
        left: 5px;
        font-weight: 300;
        color: #a3a3a3;
        font-size: 0.858em;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
        filter: alpha(opacity=0);
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        font-style: italic;
    }

    .cus_select.activated label,
    .cus_select_1.activated label {
        opacity: 1;
        ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
        filter: alpha(opacity=100);
    }

    .cus_select.activated {
        padding: 1.2em 5px 0;
    }

    .cus_select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

.cus_select_1 {
    background: #fff;
    position: relative;
    padding: 0.7em 5px 0.5em;
    border: 1px solid #ccc;
}

    .cus_select_1 select {
        border: 0px;
        outline: none;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .cus_select_1.activated {
        padding: 1.2em 5px 0;
    }

    .cus_select_1:after {
        position: absolute;
        right: 4px;
        content: "\f107 ";
        font-family: FontAwesome;
        bottom: 2px;
    }

.disabled label {
    color: #ccc !important;
}

.disabled input {
    cursor: not-allowed;
    pointer-events: none;
    border-color: #ccc !important;
    color: #ccc;
}

.cus_input_search .input-group-addon.bfh-number-btn {
    background: none;
    border: 0px;
    padding: 10px 0 0;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.input-group-addon.bfh-number-btn {
    cursor: pointer;
}

.cus_input_search .input-group-addon.bfh-number-btn > span {
    display: block;
    border-radius: 100%;
    padding: 5px;
    font-size: 10px !important;
    border: 0px;
    color: #a3a3a3;
    cursor: pointer;
    background: #f6f6f6;
    margin-top: 3px;
}

.cus_input_search .input-group-addon.bfh-number-btn:hover {
    background: none;
}

.cus_input_search .input-group-addon.bfh-number-btn > span:hover {
    background: #f36f21;
    color: #fff;
}

#step_payment_info #step_payment_info_title {
    font-size: 18px;
    color: #343434;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
}

    #step_payment_info #step_payment_info_title > div {
        background-color: #f6f6f6;
    }

    #step_payment_info #step_payment_info_title p {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0px;
    }

    #step_payment_info #step_payment_info_title > div:nth-of-type(1),
    #step_payment_info #step_payment_info_title > div:nth-of-type(2) {
        background: #f6f6f6 url(../images/arrow_step.png) no-repeat center right;
        background-size: auto;
    }

#step_payment_info #step_payment_address,
#step_payment_info #step_payment_type {
    border-right: 1px dotted #00b4c1;
    padding-left: 10px;
    padding-right: 10px;
    min-height:550px;
}

#step_payment_info #step_payment_recheck {
    padding-left: 10px;
    padding-right: 10px;
}

#step_payment_type > div.step_payment_type_item {
    padding-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #f6f6f6;
    cursor: pointer;
}

    #step_payment_type > div.step_payment_type_item label {
        cursor: pointer;
    }

    /*#step_payment_type > div.step_payment_type_item:hover {
        background: rgba(20, 176, 230, 0.1);
    }*/

    #step_payment_type > div.step_payment_type_item i.fa {
        color: #14b0e6;
    }

    #step_payment_type > div.step_payment_type_item.activated {
        background: #14b0e6;
        color: #fff;
        border: 1px solid #13a6d9;
    }

        #step_payment_type > div.step_payment_type_item.activated i.fa {
            color: #fff;
        }

#step_payment_recheck label {
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

#step_payment_prom_code {
    height: 34px;
}

    #step_payment_prom_code input {
        float: left;
        border-radius: 0px;
    }

    #step_payment_prom_code #step_payment_prom_code_input_check {
        height: 100%;
        display: block;
        float: left;
        text-align: center;
        background: #14b0e6;
        color: #fff;
        width: 30%;
        line-height: 34px;
        font-size: 13px;
    }

        #step_payment_prom_code #step_payment_prom_code_input_check:hover {
            background: rgba(20, 176, 230, 0.50);
            text-decoration: none;
        }

#step_payment_prom_code_f_input {
    display: none;
}

#step_payment_address_list li {
    border: 1px solid #e9e9e9;
    padding-top: 15px;
    background: #f6f6f6;
    position: relative;
    margin-bottom: 10px;
}

    #step_payment_address_list li:hover {
        background: rgba(20, 176, 230, 0.1);
    }

    #step_payment_address_list li p {
        padding: 0 10px 0px;
    }

        #step_payment_address_list li p.step_payment_address_list_name {
            font-weight: bold;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    #step_payment_address_list li label.step_payment_address_btn {
        text-align: center;
        padding: 7px 0;
        display: block;
        text-align: center;
        color: #14b0e6;
        background: #e9e9e9;
        text-transform: uppercase;
        margin-bottom: 0px;
        font-weight: normal;
    }

    #step_payment_address_list li.activated label.step_payment_address_btn {
        background: #14b0e6;
        color: #fff;
    }

    #step_payment_address_list li label.step_payment_address_btn:hover {
        cursor: pointer;
    }

    #step_payment_address_list li label.step_payment_address_btn input {
        display: none;
    }

    #step_payment_address_list li label.step_payment_address_btn:hover {
        text-decoration: none;
    }

    #step_payment_address_list li label.step_payment_address_btn:after {
        position: absolute;
        top: 0px;
        left: 0px;
        content: "";
        width: 100%;
        height: 100%;
        display: block;
    }

    #step_payment_address_list li a {
        position: absolute;
        right: 10px;
        top: 5px;
    }

        #step_payment_address_list li a:before {
            content: "\f044 ";
            font-family: FontAwesome;
            margin-right: 5px;
        }

#pop_up_update_address {
    position: fixed;
    background: rgba(0, 0, 0, 0.2);
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    display: none;
}

    #pop_up_update_address > #pop_up_update_address_box {
        left: 50%;
        top: 10%;
        position: absolute;
        background: #fff;
        width: 300px;
        margin-left: -150px;
    }

#pop_up_update_address_box_title {
    padding: 10px;
    background: #14b0e6;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

#pop_up_update_address_cont {
    padding: 0 15px 15px;
}

#step_payment_box {
    background: #e0ecf0 url(../images/border-center-ticket.jpg) no-repeat;
    padding: 10px 10px 0;
    background-position: 55% center;
}

    #step_payment_box p {
        line-height: 15px;
    }

.form-group {   
    padding:10px;
}
i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB,i.NAB,i.BAB 
	{ width:80px; height:30px; display:block; background:url(/Content/chonve/nxmenu/bank_logo.png) no-repeat;}
	i.MASTE { background-position:0px -31px}
	i.AMREX { background-position:0px -62px}
	i.JCB { background-position:0px -93px;}
	i.VCB { background-position:0px -124px;}
	i.TCB { background-position:0px -155px;}
	i.MB { background-position:0px -186px;}
	i.VIB { background-position:0px -217px;}
	i.ICB { background-position:0px -248px;}
	i.EXB { background-position:0px -279px;}
	i.ACB { background-position:0px -310px;}
	i.HDB { background-position:0px -341px;}
	i.MSB { background-position:0px -372px;}
	i.NVB { background-position:0px -403px;}
	i.DAB { background-position:0px -434px;}
	i.SHB { background-position:0px -465px;}
	i.OJB { background-position:0px -496px;}
	i.SEA { background-position:0px -527px;}
	i.TPB { background-position:0px -558px;}
	i.PGB { background-position:0px -589px;}
	i.BIDV { background-position:0px -620px;}
	i.AGB { background-position:0px -651px;}
	i.SCB { background-position:0px -682px;}
	i.VPB { background-position:0px -713px;}
	i.VAB { background-position:0px -744px;}
	i.GPB { background-position:0px -775px;}
	i.SGB { background-position:0px -806px;}
	i.NAB { background-position:0px -837px;}
	i.BAB { background-position:0px -868px;}
	ul.cardList li {
		cursor: pointer;
		float: left;
		margin-right: 0;
		padding: 5px 4px;
		text-align: center;
		width: 86px;
	}
    .cardList .clearfix{
        height:370px;
    }