@import url('../../plugins/fontawesome-free/font-awesome.min.css');

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body {
    font-family: 'Public Sans', sans-serif;
}

.btn-app {
    margin: 0 0 10px 0px !important;
}
.btn-app-home {
    padding: 40px 10px 40px 10px;
    height: auto;
}
.btn-app-home .fas {
    font-size: 50px;
    color: #FFF;
}
.btn-app-home {
    font-size: 16px;
    color: #FFF !important;
}

#myTabXe li {
    margin-right: 10px;
}
#myTabXe {
    border-bottom: none;
}
.number-format, .pk_price {
    font-weight: 500;
    color:red !important;
} 
.custom-select  {
    height: calc(2.875rem + 2px) !important;
}
.info-basic h4 {
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 10px;
    color:red;
}
.info-basic h4 span {
    color:#000;
}
.info-basic h4 i {
    color:red;
}
.container.bang-bao-gia {
    width: 980px;
    background-color: #FFF;
    padding: 0px;
    position: relative;
}
.wrapper .content-wrapper {
    min-height: unset;
}
@media (min-width: 768px) {
   .container.bang-bao-gia {
    width: 980px !important;
    max-width: 980px !important;
    background-color: #FFF;
    padding: 0px;
    position: relative;
    } 
}
@media (min-width: 576px){
.container, .container-sm {
     width: 980px;
}
}
.container .wapper-bang-gia {
    padding: 20px 50px !important;
}
table.thong-so tr th, table.thong-so tr td{
    font-size: 14px;
    padding: 5px;
}
.fee-table th {
    background-color:#023578;
    color:#FFF !important;
}
table td, table th {
    padding: 5px !important;
    font-weight: 600;
    
}
table th {
    background-color:#023578;
    color:#FFF;
}
h4.table-title {
    font-weight: 600;
}
h3.info-title {
    font-weight: bold;
    text-transform: uppercase !important;
    font-size: 24px;
}
.sale-info span {
    display: block;
    font-size: 14px;
    font-weight:500;
    color:#023578;
}
p.luu-y {
    font-size: 12px;
    color:red;
    font-style: italic;
}

#bao-gia-da-luu_filter input {
    min-width: 250px;
}
.title-bao-gia-da-luu {
    float:none;
    font-size:24px;
    font-weight: 500;
}
.super-lg {
    font-size: 36px !important;
}
.height-200 {
    max-height: 200px;
    overflow: hidden;
}
.delete-hinh {
    position: absolute;
    right: -5px;
    top: -10px;
}
ul.thong-so-ul {
    list-style: none;
}


/*bao-gia-2*/
.container .wapper-bang-gia.v2 {
    padding: 20px 20px !important;
}
h3.info-title.v2 {
    font-weight: bold;
    text-transform: uppercase !important;
    font-size: 18px;
}
.text-customer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sale-info.v2 span{
    color:#FFF;
}
.sale-info.v2 tel{

}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }
.img-and-info-car.v2 {
    border:2px solid #0A405E;
    border-radius: 15px;
    overflow: hidden;
    padding: 10px;
}
.info-basic.v2 {
    background-color: #0A405E;
    border-radius: 15px;
    overflow: hidden;
    padding: 10px;
}
.info-basic.v2 .info-detail h4 {
    color: #FFF;
}
.info-basic.v2 .info-detail.v2 h4 i, .info-basic.v2 .info-detail.v2 h4 span{
    color: #B1DBF2;
}
.thong-so-basic {
    margin-bottom: 10px;
}
.thong-so-basic span {
    display: block;
    font-size: 14px;
}
.thong-so-basic span strong {
    color: #0A405E;
    margin-left: 10px;
}
.wapper-fee.v2 {
    border-radius: 15px;
    border: 2px dashed #B1DBF2;
    padding: 10px;
}
.fee-table.v2 th.number-fee{
 border-top-left-radius: 30px;
 border-bottom-left-radius: 30px;
}
.fee-table.v2 th.total-fee{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
   }
.fee-table.v2 thead tr th {
    border:0px;
}
.fee-table.v2 thead tr {
    margin-bottom: 10px;
}
.table-title.v2 {
    border-radius: 30px;
    background-color: #0A405E;
    display: inline-block;
    font-size: 14px;
    color:#FFF;
    padding: 10px 20px;
    text-align: center;
}
.wapper-total.v2 {
    border-radius:15px;
    border: 2px dashed #0A405E;
    padding: 10px;
}
.wapper-total.v2 span {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
.wapper-total.v2 span.total-number{
    color:red;
}
.wapper-total.v2 h4 {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}
.wapper-total.v2 span strong {
    background-color: #B1DBF2;
    padding: 3px 10px;
    border-radius: 10px;
}
.wapper-total.v2 h4::after{
    content: "";
    height: 1px;
    width: 50%;
    background-color: #B1DBF2;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.gift_nornal {
    font-weight: 400;
}
.gift_dac_biet {
    color: red;
    font-weight: 700;
}
.gift_combo {
    color:blue;
}