:root {
  --maintColorCustom: #0167BB; /*Màu chính*/
  --maintColorCustomLight: #063F72;  /*Màu chính sáng*/
  --maintColorCustomDart: #0167BB;  /*Màu chính tối*/
  --maintColorCustom2: #2B6FAD;  /*Màu chính thứ 2*/
  --maintColorCustom3: #66080f;  /*Màu chính thứ 3*/
  --mainTextColor2: #fff;  /*Màu text trong những nền tối*/
  --mauNenForm: #3695D6;  /*Màu nền form*/
  --mauNutBiTat: #023452;  /*Màu nền nút disabled*/
  --mauTenQuyenLoi: #002f7e;  /*Màu tiêu đề của bảng quyền lợi BHSK*/
  --mauTenQuyenLoiCap2: #0167BB;  /*Màu tiêu đề cấp 2 của bảng quyền lợi BHSK*/
  --mauPrice1: #f00;  /*Màu phí bảo hiểm 1 trong nền trắng*/
  --mauPrice2: #f00;  /*Màu phí bảo hiểm 2 nền tối*/
  --mauNenMiniBlockBhsk: #fff; /*Màu nền miniblock BHSK 2*/
  --mauNenTabBH: #0167BB; /*Màu nền các form bảo hiểm có tab*/
  
  
  --mauNenTabBHActive: #fff; /*Màu nền tab form baohiem cua tab duoc chon*/
  --mauChuTabBHActive: #1b3765; /*Màu chữ tab form baohiem cua tab duoc chon*/
  
  --mauNenTabBHUnActive: #0167BB; /*Màu nền tab form baohiem cua tab khong duoc chon*/
  --mauChuTabBHUnActive: #fff; /*Màu chữ tab form baohiem cua tab khong duoc chon*/
  
  /*O to*/
  --bhotoMauGiaTriXe: #FFFA39; /*BH Ô Tô Màu chữ giá trị xe*/
  --bhotoMauPhiQLC: #f00; /*BH Ô Tô Màu phí quyền lợi chính*/
  --bhotoMauPhiTNDS: #f00; /*BH Ô Tô Màu phí trách nhiệm dân sự*/  
   .bh_oto_content{background: transparent!important;} 
  .autoHeightFooter {    background: rgb(1, 103, 187);    text-align: center;    color: #aae108;}
  
  
  /*Xe may*/
  --bhxemayMauTongPhi: #f00; /*Màu chữ tổng phí*/
  --bhxemayMauQLC: #f00; /*Màu chữ quyền lợi chính*/
  
  /*Căn hộ, chung cư*/
  --bhntnMauTongPhi: #f00; /*Màu chữ tổng phí*/
  --bhntnMauQLC: #f00; /*Màu chữ tổng phí*/
  
  /*Du lịch*/
  --bhdulichMauTongPhi: #FFFA39; /*Màu chữ tổng phí*/
  
  --bhdulichMauActiveRow: #FFFA39; /*Màu chữ cột quyền lợi đang chọn */
  --bhdulichNenActiveRow: #e11f27; /*Màu nền cột quyền lợi đang chọn */
  --bhdulichBorderActiveRow: #e37900; /*Màu viền cột quyền lợi đang chọn */
  
  --bhdulichMauUnActiveRow: #fff; /*Màu chữ cột quyền lợi không chọn */
  --bhdulichNenUnActiveRow: #1b3765; /*Màu nền cột quyền lợi không chọn */
  --bhdulichBorderUnActiveRow: #fff; /*Màu viền cột quyền lợi không chọn */
  
  /*Kcare*/
  --bhkcareMauTongPhi: #f00; /*Màu chữ tổng phí*/
  --bhkcareMauTongQL: #f00; /*Màu chữ tổng quyền lợi*/
}

.bhFormTongHop,.baohiemsuckhoe,#bh_dulich_content,#bh_tn_content,#bh_kcare_content,#bh_xemay_content,#bh_ntn_content,#baohiemhanghoa{  background: #3695d6; }
.membership-pricing-table table .plan-header-blue {
    border-color: var(--bhdulichBorderUnActiveRow) !important;
    color: var(--bhdulichMauUnActiveRow) !important;
    background-color: var(--bhdulichNenUnActiveRow) !important;
}
.membership-pricing-table table .plan-header-standard{
  	color: var(--bhdulichMauActiveRow) !important;
    background-color: var(--bhdulichNenActiveRow) !important;
    border-color: var(--bhdulichBorderActiveRow) !important;
}
/*màu phí bảo hiểm */
.bhkcare_detail_ql .value2{
  color:var(--bhkcareMauTongQL) !important;
}
.bhkcare_detail_total{
  color:var(--bhkcareMauTongPhi) !important;
}
.bhdulichPhiTongCanThanhToan{
  color:var(--bhdulichMauTongPhi) !important;
}
.bhntnPhiTongCanThanhToan{
  color:var(--bhntnMauTongPhi) !important;
}
#bhntnPhiQLChinh{
  color:var(--bhntnMauQLC) !important;
}
.bhxemay_c3{
  color:var(--bhxemayMauQLC) !important;
}
#bhotoPhiQLChinh{
  color:var(--bhotoMauPhiQLC) !important;
}
.trachnhiemdansu{
  color:var(--bhotoMauPhiTNDS) !important;
}
.bhoto_giatrixe{
  color:var(--bhotoMauGiaTriXe) !important;
}
/* kết thúc màu phí bảo hiểm */
.bhskMiniBlock .contner{
  background: var(--mauNenMiniBlockBhsk) !important;
}

.baohiemSelectedPakage {
    background: #011335 !important;
}

.nav-tabs3>li>a{
  color:var(--mauChuTabBHUnActive)!important
}

.crent_w_tab ,.nav-tabs3{
  background: var(--mauNenTabBH) !important;
}
.nav-tabs3>li>a{
  background: var(--mauNenTabBHUnActive) !important;
}
.bhskDnPhi{
  color: var(--mauPrice1) !important;
}

.gtri003 .value2 {
  color: var(--mauPrice2) !important;
}
.bhxemayPhiTongCanThanhToan{
   color:var(--bhxemayMauTongPhi) !important;
}
.btn-close {
  background-color: var(--mainTextColor2) !important;
}

.bhFooter002 {
  background: var(--maintColorCustomLight) !important;
}

.bhdnQloiHeader {
  background: var(--mauTenQuyenLoiCap2) !important;
}

.qlname {
  background: var(--mauTenQuyenLoi) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--mauNutBiTat);
}

.gtri003,
.gtri001 {
  background: var(--maintColorCustom);
}

.baohiemsuckhoe,
.bh_oto_content,
#baohiemsuckhoe,
#bh_oto_content,
#bh_xemay_content,
#bh_tn_content,
#bh_ntn_content,
#bh_dulich_content,
#bh_kcare_content,
#baohiemhanghoa {
  background: var(--mauNenForm);
}

.cs-item span {
  color: var(--maintColorCustom);
}

.bhFooter {
  background: var(--maintColorCustomDart);
}

.cs-item:hover span {
  background: var(--maintColorCustom2);
  color: var(--mainTextColor2);
}

.btn-info {
  color: var(--mainTextColor2);
  background-color: var(--maintColorCustom2);
  border-color: var(--maintColorCustom);
}

.btn-info:hover {
  color: var(--mainTextColor2);
  background-color: var(--maintColorCustom);
  border-color: var(--maintColorCustom);
}

.footer-section .social-footer {
  background: var(--maintColorCustom2);
}

.footer-section {
  background: var(--maintColorCustomLight);
  padding: 20px 0 20px 0;
  color: var(--mainTextColor2);
}

.menu4 li {
  border-right: 1px solid var(--maintColorCustomDart);
  border-left: 1px solid var(--maintColorCustomLight);
}

.menu4_bg {
  background-color: var(--maintColorCustom) !important;
  color: var(--mainTextColor2);
}

.nav-menu>ul>li:hover {
  background: var(--maintColorCustom2);
}

.nav-menu .basic_menu li:hover {
  background: var(--maintColorCustom2);
}

a {
  color: var(--maintColorCustom);
}

a:hover {
  color: var(--maintColorCustom2);
}

.ci-pic2:hover {
  background: var(--maintColorCustom) !important
}

.btn-primary {
  color: #fff;
  background-color: var(--maintColorCustomLight);
  border-color: var(--maintColorCustom);
}

.panel-info>.panel-heading {
  background-image: -webkit-linear-gradient(top, var(--maintColorCustomLight) 0, var(--maintColorCustom) 100%) !important;
  background-image: -o-linear-gradient(top, var(--maintColorCustomLight) 0, var(--maintColorCustom) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--maintColorCustomLight)), to(var(--maintColorCustom))) !important;
  background-image: linear-gradient(to bottom, var(--maintColorCustomLight) 0, var(--maintColorCustom) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--maintColorCustomLight)', endColorstr='var(--maintColorCustom)', GradientType=0) !important;
  background-repeat: repeat-x;
  color: var(--mainTextColor2) !important;
  background-color: var(--maintColorCustom) !important;
  border-color: var(--maintColorCustom) !important;
}

#pills-tab .activeTab .piContent {
  background: var(--mainTextColor2);
  color: var(--maintColorCustom2) !important;
}

#pills-tab .piContent {
  display: flex;
  align-items: center;
  color: var(--mainTextColor2);
}

.header-pro-001 {
  background: #fff !important;
}

.header-pro-2 .com-name h3 {
  color: var(--maintColorCustom)
}


.bhsk-tab-content {
  background: var(--maintColorCustom3) !important;
  color: #fff !important;
}

.bhTopTabTitle {
  background: var(--maintColorCustom) !important;
}

.bhsk-tab .active {
  background: var(--maintColorCustom2) !important;
}

#baohiemsuckhoe .bhtable001 th:nth-child(2),
#baohiemsuckhoe .bhtable001 th:nth-child(3),
#baohiemsuckhoe .bhtable001 th:nth-child(4),
#baohiemsuckhoe .bhtable001 th:nth-child(5),
#baohiemsuckhoe .bhtable001 th:nth-child(6) {
  min-width: 125px
}

.header-pro {
  background: var(--maintColorCustom);
  position: relative;
}

#pills-tab {
  box-shadow: 0 0 5px #3695d6;
  margin-bottom: 10px;
  background: #3695D6!important;
}

p {
  line-height: 30px;
}

.product-page {
  background: #f59300
}

.bhskMiniBlock {
  border-radius: 5px;
  border: 1px solid #0a94db;
  margin-bottom: 10px;
  background-size: contain;
  
  text-align: center;
  overflow: hidden;
  margin: 5px;
}
  background-color: var(--mauNenMiniBlockBhsk) !important;
  
/* chay tren mobile */
@media only screen and (max-width: 767px) {
  .linh111 table td:nth-child(1) {
    min-width: 30px
  }

  .linh111 table td:nth-child(2) {
    min-width: 200px
  }

  .linh111 table td:nth-child(1n+3) {
    min-width: 130px
  }
}

/* chay tren may tinh*/
@media only screen and (min-width: 768px) {
  .linh01 table td:nth-child(1) {
    min-width: 30px
  }

  .linh01 table td:nth-child(2) {
    min-width: 220px
  }

  .linh01 table td:nth-child(1n+3) {
    min-width: 120px
  }
}

/* chay tren mobile */
@media only screen and (max-width: 767px) {
  .linh01 table td:nth-child(1) {
    min-width: 30px
  }

  .linh01 table td:nth-child(2) {
    min-width: 220px
  }

  .linh01 table td:nth-child(1n+3) {
    min-width: 120px
  }
}


/* chay tren may tinh*/
@media only screen and (min-width: 768px) {
  .linh016 table td:nth-child(1) {
    min-width: 170px
  }

  .linh016 table td:nth-child(2) {
    min-width: 170px
  }

  .linh016 table td:nth-child(1n+3) {
    min-width: 170px
  }
}

/* chay tren mobile */
@media only screen and (max-width: 767px) {
  .linh016 table td:nth-child(1) {
    min-width: 170px
  }

  .linh016 table td:nth-child(2) {
    min-width: 170px
  }

  .linh016 table td:nth-child(1n+3) {
    min-width: 170px
  }
}

:root {
    --mauNutBiTat: #023452!important;
}
.bhsk-tab-content {
    background: #063F72!important;
}
.qlname {
    background: #0167BB!important;
}
.nav-tabs3>li>a {
    background: #063F72!important;
}

/*MÀU CHỮ MENU TAB*/
.nav-menu ul ul li a {
    color: #0A8B50!important; 
}
:root {
    --maintColorCustom2: #B58D11!important;
}
.nav-menu ul li:hover>a {color: #fff!important;}

/*MÀU CHỮ MENU */
.bhskRed {
    color: #fffa1f!important;
}

/*MÀU CHỮ HIỆU ỨNG */
.section-title h2 {
    color: #0167BB;
}
a:hover {
    color: #B58D11;
}
.section-title span {
       color: #B58D11;
}
.cs-item:hover span {
    background: #B58D11;	
}
.section-title span {
    font-size: 17px;
    font-weight: 900;
}
.cs-item h4 {
    color: #0167BB!important;
}

.section-title{ margin-top:20px }

.class-item .ci-text2 h5 a {
    color: #7d0606!important;
 }
.bhskRed {
    color: #e31515 !important;
}
.baohiemSelectedPakage {
    background: #0bad19 !important;
}
.bhsk-tab .active {
    background: #023452!important;
}
.baohiemSelectedPakage {
    background: #f48220!important;
}
.bhskDnPhi {
    color: #314715!important;
}

/*MÀU CHỮ CÁC SẢN PHẨM */
.bhskRed {
    color: #ff7776!important;
}
.bhxemayPhiTongCanThanhToan {
    color: #fff676 !important;
}
.bhxemay_c3 {
    color: #fff676 !important;
}
.bhntnPhiTongCanThanhToan {
    color: #fff676 !important;
}
#bhntnPhiQLChinh {
    color: #fff676 !important;
}
.bhkcare_detail_total {
    color: #fff676 !important;
}
.bhkcare_detail_ql .value2 {
    color: #fff676 !important;
}
.class-item .ci-text2 h5 a {
    color: #063F72 !important;
}
.baohiemsuckhoe {
    padding: 20px;
    background: #5286B5;
    overflow: hidden;
}
/*MÀU NỀN VÀ CHỮ BẢO HIỂM DU LỊCH*/
.membership-pricing-table table .plan-header-blue {
    background-color: #0e4e96 !important;
}
.membership-pricing-table table .plan-header-standard {
    color: #ffffff !important;
    background-color: #F48220 !important;
}

/*màu nền bảng quyền lợi */
.baohiemsuckhoe{  
    background: #3695D6!important;
}
/*màu nút gửi thông tin */
.btn-info {
    color: var(--mainTextColor2);
    background-color: #B58D11;
    border-color: #79662c!important;
}
/*màu thanh xổ xuống */
.autoHeightFooter {
    background: #B58D11;
    text-align: center;
    color: #fbfbfb;
}
#baohiemhanghoa, #bh_dulich_content, #bh_kcare_content, #bh_ntn_content, .bh_oto_content, #bh_tn_content, #bh_xemay_content {
    padding: 20px;
    margin-top: 20px;
    background: #3695d6!important;
    color: #000;
    border-radius: 10px;
    position: relative;
}

/*BHSK DOANH NGHIEP */
.bhskDnPhi {
    color: #f00 !important;
}
.bhskRed {
    color: #ab0908 !important;
}
.tab-content.tab-content3{
  background-color: #f6f6f6;
  border-radius:10px;
}
.nav-tabs3>li .active{
  color: #ffffff !important;
  background: #74a2c7 !important;
}
.tab-center>.nav-tabs3>li .active{
  color:var(--mauChuTabBHActive)!important;
  background: var(--mauNenTabBHActive) !important;
}
.bhskRed {
    color: #f57575 !important;
}.progress-container-parent{padding:0;margin:0 0 30px 0;}.progress-container{width:350px;}.progress-container:before{background-color:#e0e0e0;}.progress-container .progress{background-color:#3498db;}.progress-container .circle{height:30px;width:30px;border-color:#e0e0e0;background-color:#ffffff;color:#999999;font-size:16px;}.progress-container .circle.active{height:30px;width:30px;border-color:#3498db;background-color:#ffffff;color:#999999;font-size:16px;}.progress-container-parent .progress-container-2 .circle.active{background-color:#ffffff;color:#999999}.progress-container-parent .progress-container-2 .circle.active::after{background-color:#ffffff;color:#999999}