﻿
a:hover,
a:active,
a.active {
    color: var(--red);
    text-decoration: none;
}

.content .header {
    background: linear-gradient(92deg, #FFF9F2 25.46%, #FFF5EA 51.63%);
}

    .content .header .header-full-hor .bg {
        background: linear-gradient(90deg, #FFF6EB 4.34%, rgba(255, 249, 241, 0.15) 27.1%, rgba(255, 247, 236, 0.15) 100%, #FFF6EA 93.35%);
        /*background: linear-gradient(90deg, #FFF6EB 4.34%, rgba(255, 249, 241, 0.15) 27.1%, rgba(255, 247, 236, 0.15) 63.07%, #FFF6EA 93.35%);*/
    }

    .content .header .header-full-hor .overlap-group {
        background-image: url(/_layouts/15/SP.QNP/Resources/TCNN/asset/img/vector-internet.svg);
    }

    .content .header .header-full-hor .web-huan-chuong .web-box-text .web-title {
        color: var(--red);
    }

    .content .header .header-full-hor .web-huan-chuong .web-box-text .web-description {
        color: var(--red);
    }

.navbar .web-title {
    color: var(--red);
}

.navbar .web-description {
    color: var(--red);
}

.content .footer {
    background-color: rgba(255, 255, 255, 1);
    background: linear-gradient(180deg, rgb(255, 249, 242) 0%, rgb(255, 245.09, 233.53) 100%);
}

    .content .footer .bg {
        background-image: url(/_layouts/15/SP.QNP/Resources/TCNN/asset/img/bg-footer-internet.png);
        background-size: cover;
        background-position: 50% 50%;
    }

    .content .footer .tin-nhiem-mang .box-counter {
        background-color: rgb(255 248 240 / 50%);
    }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: var(--red) !important;
    text-decoration: none !important;
}

#mobile-menu .submenu .sub-menu-item > .menu-item:after:hover {
    border-left-color: var(--red);
}

#mobile-menu .submenu .sub-menu-item a:hover {
    color: var(--red);
}


#box_diem_tin a::after {
    background-color: var(--red);
}

.datechuyenmuc::after,
.list-item-date::after {
    background-color: var(--red);
}

.content .text-4 {
    color: var(--red);
}

.content .text-9 {
    color: var(--red);
}

.section .section-title {
    color: var(--red);
}

    .section .section-title > a {
        color: var(--red);
    }

.section-title.section-border-left:after {
    background-color: var(--red) !important;
}

.section-tab .section-title a.active {
    color: var(--red-1) !important;
    border-top: 2px solid var(--red);
    background: #fff;
}

.section .section-bg-lightblue {
    background-color: #fef4eb !important;
}

.section-title.section-bg-list span > a {
    color: var(--red)
}


.owl-controls .owl-pagination .owl-page.active {
    background: var(--red);
}

.section-doc-nhieu.scrollbar-content {
    height: 550px !important;
}

.esd-nav-tabs {
    border-bottom: 1px solid var(--red);
}

    .esd-nav-tabs .nav-link.active {
        background-color: var(--red);
        color: white;
        border-bottom: 1px solid var(--red);
    }

        .esd-nav-tabs .nav-link.active:hover {
            background-color: var(--red);
        }

    .esd-nav-tabs .nav-link {
        color: var(--red);
    }

        .esd-nav-tabs .nav-link:hover {
            border-bottom: 1px solid var(--red);
            background-color: var(--line-1);
        }


.paginationjs .paginationjs-pages li.active > a {
    background: var(--red);
    border: 1px solid var(--red);
}

.paginationjs .paginationjs-pages li:hover > a {
    background: var(--red);
}

.paging span {
    background: var(--red);
    border: 1px solid var(--red);
}

.paging a:hover, .paging a.current {
    background: var(--red);
    border: 1px solid var(--red);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: var(--red);
    border-color: var(--red);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--red);
    border-color: var(--red);
}

.MenuNavVanBan .nav-link {
    color: var(--red);
}

    .MenuNavVanBan .nav-link:hover {
        background-color: var(--red);
    }

.MenuNavVanBan .navbar-nav .nav-item.active .nav-link {
    background-color: var(--red);
}

.section-search .btn {
    background-color: var(--red);
    border: 1px solid var(--red);
}

.nav-tabs .nav-item .nav-link {
    color: var(--red);
    font-size: var(--red);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--red);
    color: white;
    border-color: var(--red);
}

.vanBanGrid thead th {
    background: var(--red-2) !important;
    border-color: var(--red-2) !important;
}

@media only screen and (max-width: 991.5px) {
    .navbar .web-description {
        width: 280px;
    }
}