#vnt-wrapper{background: #fff}

.title_ins {

  font-size: 18px;

  color: #333;

  font-weight: bold;

  margin: 0 0 20px;

  padding-left: 20px;

}



#tab-container-ins-nav {

  text-align: center;

  width: auto;

  margin: 0 auto;

  margin-bottom: 25px;

}

#tab-container-ins-nav li {

  /*display: inline-block;

  width: 100%;

  max-width: 320px;

  padding: 0 15px;*/

}

#tab-container-ins-nav li a {

  text-transform: inherit;

}

#tab-container-ins-nav li.activeli a{

  border-color: #449b02;

}

#tab-container-ins-nav li#cty_taichinh a{

  /*background: url(../images/type-1.png) no-repeat 15px center;*/

}



#tab-container-ins-nav li#alepay a{

  background: url(../images/type-2.png) no-repeat 15px center;

}

#tab-container-ins-nav li#paylater a{

  background: url(../images/type-3.png) no-repeat 15px center;

}

#tab-container-ins-nav li#wowmelo a{

  background: url(../images/type-wowmelo.png) no-repeat 15px center;

}





@media(max-width: 580px){

    #tab-container-ins-nav{

        display: flex;

    }

    #tab-container-ins-nav li{

        padding: 0;

        

    }

    #tab-container-ins-nav li a{

        padding-left: 50px;

        display: flex;

        align-items: center;

        height: 100%;

        line-height: 1.4;

        padding-right: 10px;

    }

    #tab-container-ins-nav li#cty_taichinh a{

        background: url(../images/type-1.png) no-repeat 5px center;

    }

    #tab-container-ins-nav li#alepay a {

        background: url(../images/type-2.png) no-repeat 5px center;

    }

}



.heading_step {

  font-weight: bold;

  font-size: 16px;

}

.listbanks {display: flex; flex-wrap: wrap;}

.listbanks li {

  list-style: none;

  width: calc(100% / 6);

  margin: 0;

  padding: 5px;

  background: #fff;

  cursor: pointer;

  position: relative;

}

.listbanks li label {

  display: block;

  padding: 10px;

  height: 45px;

  border: 1px solid #d9d9d9;

  border-radius: 4px;

  -webkit-border-radius: 4px;

}

.listbanks li:hover {

  border-color: #f15933;

}







.listbanks li i.ico-bank {

  position: absolute;

  left: 30px;

  top: 5px;

}



.listbanks .mt-radio i{

    display: none;

}



.ico-bank-sacombank {

  background: url(../images/banks/sacombank.png) no-repeat center center;

}

.ico-bank-shinhanbank {

  background: url(../images/banks/shinhanbank.png) no-repeat center center;

}

.ico-bank-techcombank {

  background: url(../images/banks/teckcombank.png) no-repeat center center;

}

.ico-bank-vpbank {

  background: url(../images/banks/vpbank.png) no-repeat center center;

}

.ico-bank-vib {

  background: url(../images/banks/vib.png) no-repeat center center;

}

.ico-bank-eximbank {

  background: url(../images/banks/eximbank.png) no-repeat center center;

}

.ico-bank-ctb {

  background: url(../images/banks/citybank.png) no-repeat center center;

}

.ico-bank-seabank {

  background: url(../images/banks/seabank.png) no-repeat center center;

}

.ico-bank-hsbc {

  background: url(../images/banks/hsbc.png) no-repeat center center;

}

.ico-bank-msb {

  background: url(../images/banks/msb.png) no-repeat center center;

}

.ico-bank-sc {

  background: url(../images/banks/sandardchatered.png) no-repeat center center;

}

.ico-bank-scb {

  background: url(../images/banks/saigonbank.png) no-repeat center center;

}

.ico-bank-tpb {

  background: url(../images/banks/tpbank.png) no-repeat center center;

}

.ico-bank-acb {

    background: url(../images/banks/acb.png) no-repeat center center;

}

.ico-bank-anz {

    background: url(../images/banks/anz.png) no-repeat center center;

}

.ico-bank-maritimebank {

    background: url(../images/banks/maritimebank.png) no-repeat center center;

}

.ico-bank-fe {

    background: url(../images/banks/fecredit.png) no-repeat center center;

}

.ico-bank-namabank,

.ico-bank-nab {

    background: url(../images/banks/shinhanbank.png) no-repeat center center;

}

.ico-bank-vcb {

    background: url(../images/banks/vietcombank.png) no-repeat center center;

}

.ico-bank-bidv {

    background: url(../images/banks/bidv.png) no-repeat center center;

}

.ico-bank-mb {

    background: url(../images/banks/mbbank.png) no-repeat center center;

}

.ico-bank-fecredit {

    background: url(../images/banks/fecredit.png) no-repeat center center;

}

.ico-bank-shb {

    background: url(../images/banks/shb.png) no-repeat center center;

}

.ico-bank-kienlongbank,.ico-bank-klb {

    background: url(../images/banks/kienlongbank.jpg) no-repeat center center;

}

.ico-bank-ocb{

    background: url(../images/banks/phuongdongbank.png) no-repeat center center;

}



.ico-bank-visa {

  background: url(../images/banks/visa.png) no-repeat center center;

}

.ico-bank-mastercard {

  background: url(../images/banks/mastercard.png) no-repeat center center;

}



.ico-bank-jcb {

    background: url(../images/banks/jcb.png) no-repeat center center;

}





.ico-bank-unionpay {

    background: url(../images/banks/unionpay.png) no-repeat center center;

}



.ico-bank {

  /*background: url(../images/ngan-hang.png) no-repeat;*/

  width: 100%;

  height: 100%;

  background-size: contain;

  display: inline-block;

  vertical-align: middle;

  margin-left: 0;

}



.radio_item > input:checked + label{

    border-color: #449b02;

}



#tab-container-ins-nav li span {

  display: block;

}

.installment-top{

  font-size: 14px;

  margin-bottom: 20px;

}



.installment-top .box_border_top{

  border: 1px solid #ccc;

  padding: 10px;

  min-height: 159px;

}



.button-submit {

  padding-top: 25px;

}

.button-submit .btn_submit {

  background: #f15933;

  color: #fff;

}



@media (max-width:767px) {

  #tab-container-ins-nav li {

    margin-bottom: 15px;

  }

  .listbanks li {

    width: 30%;

  }



  .listbanks li label{

    padding: 5px;

  }

}



@media (min-width: 320px) and (max-width: 480px) {

  #order_installment {

    padding: 0 10px;

  }

  .listbanks li {

    width: 23%;

  }

  .input-info .col-sm-4{

    margin-bottom: 10px;

  }

}

.table-list {

    padding: 0;

    max-width: 550px;

    margin: 0 auto 15px;

}

.table-list li {

    list-style: none;

    margin: 0;

    padding: 0;

    display: table;

    width: 100%;

    border-bottom: 1px dashed #ccc;

}

.table-list li div, .table-list li span {

    display: table-cell;

    text-align: left;

    font-size: 14px;

}

.table-list li span {

    width: 40%;

    font-weight: bold;

}

.table-list li div {

    padding: 10px 5px;

    width: 60%;

}

#goFormLater {

    display: block;

     width: 250px;

    background: #f15933;

    text-transform: uppercase;

    color: #fff;

    padding: 13px 0;

    margin: 0 auto 10px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    font-size: 15px;

    transition: .25s all;

    -webkit-transition: .25s all;

}

.plnote {

    font-size: 11px;

    text-align: center;

    padding: 10px 0;

    color: #7a7a7a;

    max-width: 550px;

    margin: 0 auto;

    width: 100%;

}



.infocard {

    display: block;

    overflow: hidden;

    background: #fff9e8;

    border: 1px solid #ddd;

        border-top-color: rgb(221, 221, 221);

        border-top-style: solid;

        border-top-width: 1px;

    border-top: 0;

    border-radius: 4px;

    margin: 15px auto;

    /*max-width: 805px;*/

    width: 100%;

}

.infocard .barcard {

    display: block;

    overflow: hidden;

    background: #f15a34;

    padding: 10px;color: #fff;

    font-weight: 600;

}

.infocard div {

    display: block;

    overflow: hidden;

    border-top: 1px solid #ddd;

}

.infocard div {

    display: block;

    overflow: hidden;

    border-top: 1px solid #ddd;

}

.alepay-firstcol {

    width: 30%;

    float: left;

    border-right: 1px solid #ddd;

}

.infocard div aside {

    display: inline-block;

    vertical-align: middle;

    width: 36%;

    padding: 10px 0 10px 2%;

    min-height: 39px;

}

.infocard div aside#div-btn{padding:5px 10px 0 10px !important;} 

.infocard div aside label{margin:0;padding:0;}

.alepay-item aside, .alepay-firstcol aside {

    display: block !important;

    clear: both;

    width: 100% !important;

    border-bottom: 1px solid #ddd !important;

    border-right: none !important;

    padding: 10px !important;

    box-sizing: border-box;

}

.alepay-item {

    width: 25%;

    float: left;

    border-right: 1px solid #ddd;

    border-top: none !important;

}

.cart-btt.small {

    /*padding: 0px 10px 0 10px;*/

    padding: 0 5px;

    height: 30px;line-height: 30px;

    font-size: 13px;

    text-transform: uppercase !important;

    display: block;

    cursor: pointer;

    border: none;

    font-weight: normal;

    /*background:#f15933;*/

    color:#fff;

    /*margin-left: 15%;*/

    max-width: 110px;

    text-align: center;border-radius: 5px;-webkit-border-radius:5px;

    background: #f15a34;

    background: -moz-linear-gradient(top, #f15a34 0%, #d92c00 100%);

    background: -webkit-linear-gradient(top, #f15a34 0%,#d92c00 100%);

    background: linear-gradient(to bottom, #f15a34 0%,#d92c00 100%);

}

.cart-btt.small.disabled{

    opacity: 0.3;

}

.cart-btt.small.disabled:hover{

    opacity: 1;

}

.alepay-item:last-child {

    border-right: none !important;

}

.group-color,.group-buyer,#result-month,#order_installment .button-submit{display: none}

.loading-cart {

    display: block;

    width: 100%;

    height: 100%;

    max-height: 100vh;

    background: rgba(255,255,255,.5);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100000;

    clear: both;

    text-align: center;

    overflow: hidden;

}

.loading-cart .cswrap, .overlay .cswrap {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

 .loading-cart i{font-size: 30px;color:#ff3300;}

 .note-installment{font-size:13px;color:#f00;}

 .mode-wowmelo{max-width:640px;width:95%;margin:0 auto 30px;}

.mode-wowmelo select {

    background: #ffffff;

        background-clip: border-box;

    background-clip: padding-box;

    border: 1px solid #c2c2c2;

    border-radius: 1px;

    

    font-size: 14px;

    height: 32px;

    line-height: 1.42857143;

    padding: 5px 10px 4px;

    vertical-align: baseline;

    width: 100%;

    box-sizing: border-box;

}

.mode-wowmelo .result-package{text-align:left;margin-bottom:15px;}

 .mode-wowmelo .label {

  font-weight: bold;

  font-size: 15px;

  color: #333;

  display: block;

  margin: 0 0 10px;text-align:left;padding:0;

}

.mode-wowmelo .package {

  margin-bottom: 15px;

}

.mode-wowmelo table {

  width: 100%;

  max-width: 640px;

  margin: 0 auto;

  border: 1px solid #eee;

}

.mode-wowmelo table tr td {

  font-size: 14px;

  border: 1px solid #eee;

  width: 50%;

}

.mode-wowmelo table tr td:first-child {

  font-weight: bold;

  background: #eee;

  border-bottom: 1px solid #ccc;

}

.mode-wowmelo table tr td:last-child {

  color: #d8262f;

  font-weight: bold;

}

.mode-wowmelo .group-info input {

  border: 1px solid #d9d9d9;

  height: 40px;

  padding: 9px 0;

  width: 100%;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  color: #333;

  margin-right: 10px;

  display: block;

  text-indent: 10px;

}

.mode-wowmelo .col-item-5 {

  margin-bottom: 10px;

}

.group-submit button{}

@media screen and (min-width:768px)

{

  .mode-wowmelo .group-info .row {

      overflow: hidden;

      margin: 0 -15px;

  }

  #tab-container-ins .total-3-column li{width:33%;}

  #tab-container-ins .total-4-column li{width:25%;}

  .mode-wowmelo .group-info .row .col-item-5 {

      width: 50%;

      float: left;

  }

  .mode-wowmelo .group-info .row .col-item-5 .inner {

    padding: 0 10px;

    }

}



@media(max-width: 768px){

    .infocard{

        overflow-x: auto;

    }

    .infocard-content{

        width: 650px;

    }



    .alepay-firstcol{

        width: auto;

    }

    .infocard div aside{

        white-space: nowrap;

    }

    .cart-btt.small{

        margin-left: 0;

    }

}