.highlight-marquee {
    height: 1.5rem;
}

.highlight-text {
    white-space: nowrap;
    animation: marquee 45s linear infinite;
}

.highlight-marquee:hover .highlight-text {
    animation-play-state: paused; /* dừng khi hover */
}

@keyframes marquee {
    0% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}


body {
    font-family: 'Roboto', sans-serif;
    background-color: rgba(255,255,255,255);
}

.header {
    background: #016800 url('/img/banner/footer-bg.png') no-repeat center center;
    background-size: cover;
    padding: 10px 0;
}

.section-title {
    background-color: #0d6efd;
    color: white;
    padding: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}

.card-img-top {
    width: 100%;
    height: 160px;
    background-color: #dee2e6;
}

.sidebar-title {
    background-color: #016800;
    color: white;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}

.footer {
    background: #016800 url("/img/banner/footer-bg.png") no-repeat center center;
    width: 100%;
}

.navbar-nav .nav-item:not(:last-child) {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.05);
}

.navbar-custom {
    background-color: #026bd5;
}

    .navbar-custom .nav-link,
    .navbar-custom .navbar-brand {
        color: white;
    }

    .navbar-custom .dropdown-menu {
        background-color: #026bd5; /* hoặc màu navbar bạn đang dùng */
    }

        /* Dropdown item chữ trắng trên nền tùy chỉnh */
        .navbar-custom .dropdown-menu .dropdown-item {
            color: white;
        }

    .navbar-custom .nav-link:hover,
    .navbar-custom .dropdown-item:hover {
        background-color: white;
        color: #026bd5;
    }

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255,255,255, 1%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Hiện dropdown khi hover vào li.dropdown */
.navbar-custom .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; /* Tránh nhảy vị trí */
}

/* Đảm bảo liên kết không bị nhấp nháy */
.navbar-custom .dropdown-toggle::after {
    transition: transform 0.15s ease-in-out;
}

#ticker {
    background: #ebebeb;
}

.card-info-title::before {
    width: 34px;
    height: 28px;
    display: inline-block;
    background: url('../img/banner/ico-cahn.png') no-repeat 0 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.card-info-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    line-height: 28px;
    margin-bottom: 0;
    padding-left: 42px;
}

.card-info {
    border: 1px solid #ffddc3;
    margin-bottom: 10px;
}

.card-info-heading {
    background: #026bd5;
    padding: 5px;
    margin-bottom: 2px;
}

.card-info-body {
    padding: 10px 4px;
}

.important {
    font-weight: 500;
    font-size: 16px;
}

.list-news-arrow {
    margin-bottom: 0;
}

    .list-news-arrow li:not(:last-child) {
        border-bottom: 1px dotted #000;
    }

    .list-news-arrow li {
        padding: 7px 6px 10px 12px;
        line-height: 1.2;
    }

        .list-news-arrow li a {
            color: #000;
        }

    .list-news-arrow.important a {
        font-weight: 600; /* chữ đậm vừa, dùng 700 nếu muốn rất đậm */
        color: #212529; /* màu chữ mặc định Bootstrap */
        transition: color 0.2s ease-in-out, text-decoration 0.2s;
    }

        .list-news-arrow.important a:hover {
            color: #920909; /* xanh Bootstrap (text-primary) */
            text-decoration: underline;
        }

.img-hover-opacity:hover {
    opacity: 0.8;
    transition: opacity 0.3s;
}

.border-card {
    border: 1px solid #ffddc3;
}

.dark .card-info-heading {
    background: #003f8d;
}

.card-info-heading {
    background: #026bd5;
    padding: 5px;
    margin-bottom: 2px;
}

.card-info-body {
    padding: 10px 4px;
}

.news-thumb {
    border-bottom: 1px dotted #000;
    padding-bottom: 17px;
    margin-bottom: 15px;
    padding-top: 12px;
}

    .news-thumb .thumb-label {
        overflow: hidden;
        margin-bottom: 12px;
    }

@media only screen and (min-width: 768px) {
    .news-thumb .thumb {
        width: 127px;
    }
}

.news-thumb .thumb {
    width: 102px;
    margin-right: 16px;
    margin-bottom: 10px;
    float: left;
}

    .news-thumb .thumb img {
        max-width: 100%;
        height: 100%;
    }

.img-thumbnail-border {
    display: block;
    border: 1px solid #cbb387;
}

.news-thumb .title-news {
    line-height: 1.3;
    margin-bottom: 10px;
}

.title-news {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.news-thumb .card-info-text {
    line-height: 1.3;
}

.card-info-text {
    text-align: justify;
}

.list-link-other {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .list-link-other li {
        font-size: 14px;
    }

        .list-link-other li a {
            display: block;
            color: #000;
        }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none; /* hoặc underline nếu muốn có lại khi hover */
    }

.list-link-other li a:hover {
    color: #920909; /* xanh Bootstrap (text-primary) */
    text-decoration: underline;
}

.navbar-custom .nav-link {
    white-space: nowrap;
}

.imghotnews {
    max-height: 300px;
}

.category-heading {
    border-bottom: 2px solid #003f8d;
    position: relative;
    margin-bottom: 1px;
}

    .category-heading .category-heading-inner {
        display: inline-block;
        padding: 6px 32px 2px 10px;
        position: relative;
        z-index: 1;
        background: #003f8d url(../img/icon/spacer.png) no-repeat right top;
    }

        .category-heading .category-heading-inner .card-info-title {
            padding-right: 30px;
        }

.card-info-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    line-height: 28px;
    margin-bottom: 0;
    padding-left: 42px;
}

    .card-info-title::before {
        width: 34px;
        height: 28px;
        display: inline-block;
        background: url(../img/banner/ico-cahn.png) no-repeat 0 0;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
    }

.category-heading::after {
    background: #026bd5;
    height: 3px;
    width: 100%;
    left: 0;
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
}

.contentContainer h2.chucdanh {
    background: #DDD;
    font: 700 20px / 35px Roboto, Arial, Tahoma;
    padding: 0 20px;
    margin-bottom: 10px;
    color: #404041;
}

.ten, a {
    color: #920909;
}

    .ten:hover, .ten:focus, a:hover, a:focus {
        color: #003f8d;
    }

.lanhdaoinfo {
    margin-bottom: 50px;
}

.hot-news ul li a {
    color: #000 !important;
}

    .hot-news ul li a:hover {
        color: #920909 !important;
    }

.group-relate-news {
    background: #fffbf6;
}

    .group-relate-news .card,
    .group-relate-news .card-body,
    .group-relate-news .border-card {
        background-color: #fffbf6 !important;
    }

.img-thumbnail-border {
    padding: 1px;
}

.no-img {
    background-size: contain;
    background-image: url('../img/logo/logo.jpg');
    min-height: 150px;
    padding: 1px;
    background-repeat: no-repeat;
    background-position: center;
}

.lists-news {
    margin-bottom: 0;
    padding-top: 24px;
    padding-left: 13px;
}

    .lists-news li:not(:last-child) {
        margin-bottom: 25px;
        border-bottom: 1px dotted #000;
    }

    .lists-news li {
        padding-bottom: 25px;
    }

.responsive-thumb {
    width: 120px;
}

@media (min-width: 576px) {
    .responsive-thumb {
        width: 160px;
    }
}

@media (min-width: 992px) {
    .responsive-thumb {
        width: 230px;
    }
}

.news-img {
    float: left;
    width: 120px;
    margin-right: 10px;
}

@media only screen and (min-width: 768px) {
    .news-img {
        width: 160px;
    }
}

@media only screen and (min-width: 992px) {
    .news-img {
        width: 230px;
        margin-right: 25px;
    }
}

@media only screen and (min-width: 768px) {
    .news-description {
        width: calc(100% - 170px);
        float: left;
    }
}

@media only screen and (min-width: 992px) {
    .news-description {
        width: calc(100% - 230px - 25px);
    }
}

.news-link {
    font-size: 16px;
    line-height: 1.1;
}

@media only screen and (min-width: 768px) {
    .news-link {
        font-size: 19px;
    }
}

.news-text {
    line-height: 21px;
    max-height: 63px;
    margin-top: 10px;
}

@media only screen and (min-width: 768px) {
    .news-text {
        font-size: 17px;
        max-height: 84px;
    }
}

.news-special .news-link {
    font-size: 20px;
}

@media only screen and (min-width: 768px) {
    .news-special .news-link {
        font-size: 22px;
    }
}

.row-pager {
    margin-left: -8px;
    margin-right: -8px;
}

.pager-list {
    padding: 0;
    margin-left: 24px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

@media only screen and (min-width: 1200px) {
    .pager {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.pager {
    margin-top: 25px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    position: relative;
    color: #2e2e2e;
    padding: 10px;
    position: relative;
    margin-bottom: 5px;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, whitesmoke 50%, #ebebeb 51%, #ebebeb 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7f7f7), color-stop(50%, whitesmoke), color-stop(51%, #ebebeb), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #f7f7f7 0%, whitesmoke 50%, #ebebeb 51%, #ebebeb 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%, whitesmoke 50%, #ebebeb 51%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%, whitesmoke 50%, #ebebeb 51%, #ebebeb 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, whitesmoke 50%, #ebebeb 51%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb', GradientType=0 );
}

    .pager::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        content: '';
        display: block;
        height: 2px;
        background: #fdfdfd;
        border-radius: 2px 2px 0 0;
    }

.pager-list li {
    display: inline-block;
    color: #2e2e2e;
    position: relative;
    padding-right: 8px;
    margin-right: 4px;
}

@media only screen and (min-width: 1200px) {
    .pager-list li {
        padding-right: 18px;
        margin-right: 14px;
    }
}

.pager-list li::after {
    position: absolute;
    top: 50%;
    right: 0;
    height: 14px;
    background: #2e2e2e;
    width: 1px;
    transform: translateY(-50%);
    content: '';
}

.pager-list li:last-child::after {
    display: none;
}

.pager-list li.pager-item-first, .pager-list li.pager-item-last {
    font-weight: 500;
}

.pager-list li a {
    color: #2e2e2e;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    padding: 2px 7px;
}

@media only screen and (max-width: 768px) {
    .row-pager {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 600px) {
    .pager-list {
        display: table
    }
}

.news-title {
    font-weight: bold;
    padding: 10px 0px;
    font-size: 24px;
    text-align: justify;
}

.news-sumary {
    font-size: 16px;
    text-align: justify;
    font-weight: bold;
    padding-bottom: 10px;
}
.news-content {
    margin-top: 10px;
    text-align: justify;
}
.pull-right {
    float: right;
}
.imghotnes:hover {
    opacity:.85;
}
.news-content img {
    max-width: 100%;
    height: auto;
    max-height: 500px; /* giới hạn chiều cao */
    object-fit: contain;
}
.ellipsis-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Số dòng muốn hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .7rem;
        padding-left: .7rem;
    }
}
.childmenu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}
/* Mặc định: dùng caret ::after như Bootstrap */
.full-toggle::after {
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

/* Trên mobile: ẩn ::after, hiện caret riêng */
@media (max-width: 991.98px) {
    .full-toggle::after {
        display: none;
    }

    .caret-toggle {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.5rem;
        vertical-align: middle;
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
        background: transparent;
    }
}

/* Trên desktop: ẩn caret riêng */
@media (min-width: 992px) {
    .caret-toggle {
        display: none !important;
    }
}
.textblack {
    color: #000;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: 0;
    padding: 10px 0 0;
}
    .modal-footer .login-dvcqg {
        width: 100%;
        height: 100%;
        padding: 10px 0 8px;
        background: #0f8ee7 !important;
        color: #fff !important;
        margin-left: -4px !important;
        margin-right: 0;
        border: 0;
        font-size: 16px;
        line-height: normal;
        border-radius: 0;
    }
    .modal-footer .login {
        background: #0f8ee7 !important;
        color: #fff !important;
        margin-left: -4px !important;
        margin-right: 0;
    }
    .modal-footer .login-dvcqg .logo-dvcqg {
        height: 26px;
        margin-right: 10px;
    }
    .modal-footer .login-vneid {
        width: 100%;
        height: 100%;
        padding: 10px 0 8px;
        background-color: #ba1a1a !important;
    }
    .modal-footer .login-vneid .logo-vneid {
        height: 50px;
        margin-right: 10px;
    }