/*mua tra gop*/
.installment-top{
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 20px;
}

.installment-top div{
  padding: 15px;
}

.installment-top h1, .installment-top h4{
   
  font-size: 22px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  margin-bottom: 10px;
}

.installment-top img{
  width: 25%;
  float: left;
  margin-right: 10px;
}

.installment-top .price{
  font-size: 16px;
}


.hd-mtg p b{
  font-size: 16px;
}


.qttg{
  margin-top: 20px;
  margin-bottom: 20px;
}

.qttg div{
  margin-bottom: 10px;
}

.qttg h3{
  text-align: center;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 22px;
  
  font-weight: normal;
}

.qttg span{
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  text-align: center;
  margin-right: 10px;
  font-weight: 700;
  float: left;
  color: #bd0000;
  border: 2px solid #bd0000;
  border-radius: 50%;
}

.qttg h4{
  margin: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  
  text-transform: uppercase;
  font-weight: normal;
  font-weight: 700;
}

.qttg b{
  
  font-size: 16px;
}

.step-content{
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  height: 350px;
}

.step-content h4{
  margin: 20px 0 10px 0;
  text-align: center;
  color: #666666;
}

.step-content-active{
  color: #bd0000 !important;
}

.step-content .radio{
  padding: 10px 0;
}



.send-installment{
  border: 1px solid #ccc;
  padding: 20px 0;
  border-radius: 3px;
  display: none;
}

.send-installment .form-group{
  margin-left: 0;
  margin-right: 0;
}

.step-tg-mobile > div{
  margin-bottom: 20px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.step-tg-mobile h4{
  font-weight: 700;
  line-height: 30px;
}

.step-tg-mobile h4 span{
  background: #bd0000;
  padding: 5px 10px;
  color: white;
  border-radius: 5px;
}

.step-mobile2, .step-mobile3{
  display: none;
}

#acs h4, #acs h5{
  font-weight: 700;
}

#acs img{
  float: left;
  margin-right: 20px;
}

#acs ul li{
  display: list-item;
  list-style: disc outside;
}

.installment-box{
  border: 1px solid #ccc;
}

.hdtg-top{
  min-height: 83px;
}

@media screen and (min-width:768px)
{
   .dttg .tab-dttg{width:20%;}
}

@media only screen and (min-width: 768px) and (max-width: 992px){
  .hdtg-top{
    min-height: 125px;
  }
}

.hdtg{
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
  height: 260px;
}

.hdtg1{
  padding: 15px;
}

.hdtg1 p{
  font-weight: 700;
}

.hdtg2{
  position: relative;
  background: url(../images/hdtg2.png) no-repeat right bottom;
  background-size: 100%;
}

.hdtg2-top{
  position: absolute;
  top: 15px;
  left: 15px;
  font-weight: 700;
}

.hdtg2-bottom{
  position: absolute;
  bottom: 0;
  left: 15px;
}

.hdtg2-bottom h4{
  color: #bd0000;
  
  font-size: 24px;
}

.hdtg1 img{
  width: 90%;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.hdtg3 img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.title-installment{
  background: #BD0700;
  text-align: center;
  color: white;
  
  font-weight: normal;
  font-size: 30px;
  text-transform: uppercase;
  padding: 15px 0;
  margin: 0;
}

.installment-sale-top{
  border: 1px solid #cccccc;
  border-bottom: none ;
}

.search-installment{
  min-height: 329px;
  border-right: 1px solid #cccccc;
}

.search-installment .input-group-addon {
  background: white url(../images/bg-nav.png) no-repeat -155px 7px;
  padding: 6px 15px;
}

#installmentSaleForm2{
  overflow: hidden;
}

#key_installment {
  border-left: none;
  box-shadow: none;
  padding-left: 0;
}

.search-installment .btn{
  background: #bd0000;
  color: white;
}

.search-installment .input-group{
  margin-top: 90px;
}

.icon-installment-sale{
  display: block;
  margin: 0 auto;
  margin-top: 44px;
}

.search-installment label{
  margin-top: 65px;
}

.loi-ich{

}

.installment-sale h4{
  font-size: 24px;
  text-transform: uppercase;
  font-weight: normal;
  font-weight: 700;
  padding-left: 15px;
  padding-top: 25px;
  padding-bottom: 15px;
}

.loi-ich-content{
  padding-left: 200px;
  background: url(../images/hdtg-bg.png) no-repeat left bottom;
  min-height: 200px;
}

@media (max-width:800px){
  .loi-ich{
    background: none;
  }
  .loi-ich-content{
    margin-left: 10px;
  }
  .search-installment-inner1{
    width: 100%;
  }
  .search-installment-inner2{
    width: 100%;
    padding: 15px;
  }
  .search-installment .input-group{
    margin-top: 20px;
  }

  .result-autocomplete{
    top: 69px !important;
  }
}

.loi-ich-content p{
  font-weight: normal;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.loi-ich-content p:before{
  color: #D90B00;
  content: "• ";
  font-size: 20px;
  position: relative;
  top: 2px;
  margin-left: -19px;

}

.dttg{

}

.dttg > div{
  border: 1px solid #cccccc;
  border-left: none;
  height: 269px;
}

.dttg > div:first-child{
  border-left: 1px solid #cccccc;
}

.dttg img{
  display: block;
  margin: 0 auto;
}

.dttg .radion_button{
  display: block;
  width: 25px;
  height: 23px;
  background: url(../images/icon-checkbox.png) no-repeat 0 -28px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.tab-dttg p {
  padding-top: 0;
}


.tab-content-tg{
  font-size: 14px;
  margin-bottom: 20px;
}

.tab-content-tg h5{
  font-weight: 700;
  margin: 20px 0 20px 0;
}

.tab-content-tg-l{
  border-right: 1px solid #cccccc;
}

.tab-content-tg-l ul li{
  display: list-item;
  list-style: disc inside;
  line-height: 40px;
  border-top: 1px dotted #ccc;
}

.tab-content-list{
  margin: 0;
  padding: 0;
}

.tab-content-tg-list li{
  display: table;
  line-height: 22px;
  padding: 8px 0;
  width: 100%;
  border-top: 1px dotted #ccc;
}

.tab-content-tg-list li:first-child{
  border-top: none;
}

.tab-content-tg-list li span{
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.tab-content-tg-1-l{
  min-height: 478px;
}

.tab-content-tg-2-l{
  min-height: 500px;
}

.tab-content-tg-3-l{
  min-height: 478px;
}

.tab-content-tg-4-l{
  min-height: 456px;
}

.tab-content-tg{
  display: none;
  border: 1px solid #ccc;
  border-top: none;
}

.tab-content-tg-acs{
  display: block;
}

.tab-dttg-actice .radion_button{
  background-position: 0 0;
}

.tab-content-active{
  display: block;
}

.hdmtg{
  background: #f2f2f2;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}

.hdmtg h4{
  font-size: 22px;
  font-family: roboto;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  margin: 30px 0;
}

.hdmtg h4 b{
  color: #bd0000;
  font-weight: normal;
}

.hdmtg img{
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}



.result-autocomplete{
  position: absolute;
  left: 0;
  top: 124px;
  width: 100%;
  z-index: 33333;
  background: white;
  padding: 0 15px;
}

.result-autocomplete-list{
  border: 1px solid #cccccc;
  border-top: none;
}

.result-autocomplete-list li{
  padding: 8px;
  line-height: 20px;
  cursor: pointer;
}

.result-autocomplete-list li:hover{
  color: #bd0000;
}

.result-autocomplete-list li:nth-child(2n+2){
  background: #f2f2f2;
}

.result-view-item{
  display: none;
}

#installmentSaleForm2 .form-group{
  margin-left: 0;
  margin-right: 0;
}

#installmentSaleForm2 img{
  margin: 15px auto;
  margin-top: 40px;
}

#installmentSaleForm2 h4{
  margin-top: 40px;
}

.show{
  display: block !important;
}

.kq-tra-truoc, .kq-thang-vay{
  color: #bd0000;
  font-weight: 700;
}



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

  /*****TRang ban tra gop*****/
  .loi-ich-content {
    background: none;
    padding-left: 20px;
  }

  .tab-content-tg-l {
    border-right: none;
  }

  .tab-content-tg-1-l {
    min-height: auto;
    border-bottom: 1px dotted #ccc;
  }
  .tab-content-tg-3-l {
     min-height: auto;
  }

}