.main-color-1 { color: #2c7da8; }
.bg-main-color-1 { background-color: #2c7da8; }
.bg-main-color-1 .bg-inherit { background-color: #2c7da8; }
.bg-main-color-1-fade { background-color: rgba(0, 51, 102,0.1) }
.bd-main-color-1{ border-color:#2c7da8; }
.main-color-1-active .active,
.main-color-1-active .slick-current{ color: #2c7da8; }

.main-color-2 { color: #C81010; }
.bg-main-color-2 { background-color: #C81010; }
.bg-main-color-2 .bg-inherit { background-color: #C81010; }
.bg-main-color-2-fade { background-color: rgba(200, 16, 16,0.1) }
.bd-main-color-2{ border-color:#C81010; }
.slick-slider-btn-main-color-2 .slick-arrow{ background-color: #C81010; border-color: #C81010; }
.main-color-2-active .active,
.main-color-2-active .slick-current{ color: #C81010; }

.category[data-blocklayouts*='_itemborderimg_'][data-blocklayouts*='_itembordercolor1_'] .imgc, .category[data-blocklayouts*='_itemborderimg_'][data-blocklayouts*='_itembordercolor1_'] .imgc0,
.category[data-blocklayouts*='_itemborder_'][data-blocklayouts*='_itembordercolor1_'] .item,
.category[data-blocklayouts*='_bordercolor1_']{
    border-color: rgba(0, 51, 102,0.2) !important;
}
.category[data-blocklayouts*='_itemborderimg_'][data-blocklayouts*='_itembordercolor2_'] .imgc, .category[data-blocklayouts*='_itemborderimg_'][data-blocklayouts*='_itembordercolor2_'] .imgc0,
.category[data-blocklayouts*='_itemborder_'][data-blocklayouts*='_itembordercolor2_'] .item,
.category[data-blocklayouts*='_bordercolor2_']{
    border-color: rgba(200, 16, 16,0.2) !important;
}

.text-color { color: #030303; }
.text-color-fade { color: #030303; }

body{ color:#030303; font-size:15px }

a:hover,
.category[data-blocklayouts*='_itemlightbg_'] .item-title:hover,
.category-title-wrap.bg-main-color-1 a:hover, 
.category-title-wrap.bg-main-color-2 a:hover,
.category[data-blocklayouts*='_6_'] .col-12>.item .item-title:hover{ color:#FFBF00 }

a.active{ color:#FFBF00 }
.active>a{ color:#FFBF00 }
.active>i.fa{ color:#FFBF00 }
.tabs-underline .active:after{ background-color:#FFBF00 }
.tabs-underline .tab:hover:after{ background-color:#FFBF00 }

.tabs-underline-color-1 .active:after{ background-color:#C81010 }
.tabs-underline-color-1 .tab:hover:after{ background-color:#C81010 }
.tabs-underline-color-1 a:hover{ color:#C81010 }
.tabs-underline-color-1 a.active{ color:#C81010 }
.tabs-underline-color-1 .active>a{ color:#C81010 }
.tabs-underline-color-1 .active>i.fa{ color:#C81010 }

/*#region Chỉnh màu hover của table */
.table-hover tbody tr:hover { background-color: rgba(0, 51, 102, 0.1) }
/*#endregion */

/*#region Chỉnh màu các nút, viết cùng ở file color.scss để tiện thay thế, điều chỉnh */
.btn-primary { background-color: #C81010; }
.btn-outline-primary { color: #C81010; border-color: #C81010; }
.btn-primary-1 { background-color: #003366; }
.btn-outline-primary-1 { color: #003366; border-color: #003366; }

.btn-primary:hover, .btn-primary:active, .btn-primary.disabled,
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.disabled{
    background-color: rgba(200, 16, 16, 0.9) !important;                
}
.btn-primary:focus,
.btn-outline-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(200, 16, 16, 0.5) !important; }

.btn-primary-1:hover, .btn-primary-1:active, .btn-primary-1.disabled,
.btn-outline-primary-1:hover, .btn-outline-primary-1:active, .btn-outline-primary-1.disabled{
    background-color: rgba(0, 51, 102, 0.9) !important;                
}
.btn-primary-1:focus,
.btn-outline-primary-1:focus{ box-shadow: 0 0 0 0.2rem rgba(0, 51, 102, 0.5) !important; }
/*#endregion */.font-size { font-size: 15px; }
.font-size-1 { font-size: 16px; }
.font-size-2 { font-size: 17px; }
.font-size-3 { font-size: 18px; }
.font-size-4 { font-size: 19px; }
.font-size-5 { font-size: 20px; }
.font-size--1 { font-size: 14px; }
.font-size--2 { font-size: 13px; }
.font-size--3 { font-size: 12px; }
.font-size--4 { font-size: 11px; }
.font-size--5 { font-size: 10px; }

/*Font to cho tiêu đều phần giới thiệu danh mục*/
.font-size-large-x { font-size: 50px; }

/*Font to cho tiêu đều danh mục*/
.font-size-large { font-size: 30px; }
.font-size-larger { font-size: 37.5px; }

/*Font trung bình cho tiêu đề bài viết*/
.font-size-medium--2 { font-size: 16px; }
.font-size-medium { font-size: 18px; }
.font-size-medium-2 { font-size: 20px; }
.font-size-medium-4 { font-size: 22px; }

@media (max-width: 767px) {
    /*Font to cho tiêu đều phần giới thiệu danh mục*/
    .font-size-large-x { font-size: 30px; }

    /*Font to cho tiêu đều danh mục*/
    .font-size-large { font-size: 18px; }
    .font-size-larger { font-size: 22.5px; }

    /*Font trung bình cho tiêu đề bài viết*/
    .font-size-medium--2 { font-size: 16px; }
    .font-size-medium { font-size: 17px; }
    .font-size-medium-2 { font-size: 18px; }
    .font-size-medium-2 { font-size: 16px; }
}

.btn,
.form-control{ font-size: 15px; }/*Hạn chế chiều rộng trang trên màn fullhd*/
@media (min-width: 1600px) { .container.container-large { max-width:1230px; } }
/*End - Hạn chế chiều rộng trang trên màn fullhd*/body{ background-image:none; }
.category[data-blocklayouts*='_itemcolor1bg_'] .item { background-color: #003366; }
.category[data-blocklayouts*='_itemcolor2bg_'] .item { background-color: #C81010; }

.menu-login,
.menu-shopping-cart,
#popup-login-register .popup-content,
.right-col .list.ul-menu.category{display:none !important}

.category .item[data-app='news'] .imgc:before, 
.category .item[data-app='news'] .imgc0:before,
.category .item[data-app='service'] .imgc:before, 
.category .item[data-app='service'] .imgc0:before{padding-bottom:66.66%}

/*#region Header*/
@media (min-width:1200px){
.header-full .menu-main>li>a{font-weight:bold;padding-left:26px;padding-right:25px;}
.menu-main>li.active>a{color:#fcff00}
}
/*#endregion*/

/*#region Dịch vụ*/
.item[data-app='service'] a[href*='LoadContactForm']{display:none}
.item[data-app='service'] .item-links a{color:#007bff}

@media(max-width:767px){
.item[data-app='service'] .item-title{height:auto;}
}
/*#endregion*/

/* #region Khách hàng, đối tác*/
.item[data-app='partner']{height:auto;margin-bottom:0}
.item[data-app='partner'] .item-body{display:none;}
.item[data-app='partner'] .imgc:before, .module- .item[data-app='partner'] .imgc0:before{padding-bottom:50%}
/* #endregion*/

/* #region Giới thiệu*/
.module-aboutus .left-col .category{padding-top:15px}
/* #endregion*/

/* #region Menu ở cột phải*/
.right-col div[style*='height']{display:none}
.right-col .menu-footer-1{padding:0;flex:0 0 100%;max-width:100%}
.right-col .menu-footer-1 .row{flex-direction: column;margin:0}
.right-col .menu-footer-1 .row .list{flex:0 0 100%;max-width:100%;padding:0;margin-bottom:15px;box-shadow:0 1px 6px rgba(0,0,0,.1)}

.right-col .list-title{color:#fff;display:block;padding:11px 15px;border-radius:5px 5px 0 0;text-transform:uppercase}
.right-col .list-body{background:#fff;padding:5px 15px;border-radius:0 0 5px 5px;}
.right-col .list-body li{border-bottom:solid 1px #f5f5f5;padding-top:5px;padding-bottom:5px}
.right-col .list-body li:last-child{border-bottom:0}
.right-col .list-body li a:before{font-family:FontAwesome;display:inline-block;content:"\f105";margin-right:3px;color:#C81010}
/* #endregion*/

@media(max-width:767px){
.homepage-text table,
.homepage-text tbody,
.homepage-text tr,
.homepage-text td{display:block}
}

/*#region Chỉnh kích thước footer*/
@media(min-width:992px){
.menu-footer-1 div[class^='col']{flex:0 0 22%;max-width:22%}
.menu-footer-1 div[class^='col']:nth-child(1){flex:0 0 34%;max-width:34%}
}
/*#endregion*/