/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project


/* Thanh menu chính */
#menu-site-default {
    background-color: #003862 !important;
    /* Màu xanh dương đậm */
    z-index: 99999 !important;
}

/* Màu chữ trong menu */
#menu-site-default a {
    color: white !important;
    font-weight: bold !important;
    z-index: 99999 !important;
}

/* Màu khi rê chuột */
#menu-site-default a:hover {
    /* Xanh dậm hơn khi hover */
    color: #003862 !important;
}


.section-header-bar .wraper {
    background-color: #003366 !important;
    /* Màu xanh đậm, bạn có thể thay đổi */
    color: #ffffff;
    /* Chữ trắng */
}

.section-header-bar {
    background-color: #003366 !important;
}

.section-header-bar {
    background-image: none !important;
    background-color: #003366 !important;
}



/* Mục "Tin tức nội bộ" trong sidebar */
#menu_36 li a {
    background-color: #003366;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
    z-index: 99999 !important;
}

/* Khi rê chuột vào (hover) */
#menu_36 li a:hover {
    background-color: #fff
}



.panel.panel-primary .panel-heading {
    background-color: #003366;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
}


.btn.btn-primary.btn-xs.btn_edit {
    background-color: #003366;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
}

.btn.btn-primary {
    background-color: #003366;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
}

.btn.btn-danger {
    background-color: #f30719;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
}

.btn.btn-danger.btn-xs {
    background-color: #f30719;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
}

.btn.btn-primary.btn-sm {
    background-color: #003366;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
}


.btn.btn-info {
    background-color: #003366;
    /* Màu nền */
    color: #fff;
    /* Màu chữ */
}


#menu-site-default .dropdown.active ul li a {
    color: #003366;
    z-index: 99999 !important;
}

#menu-site-default .dropdown.active ul li a:hover {
    background-color: #003366;
    z-index: 99999 !important;
}


/* Định dạng riêng cho menu con (dropdown) */
#menu-site-default .dropdown-menu {
    background-color: #ffffff !important;
    /* Nền trắng */
    border: 1px solid #003366 !important;
    /* Viền xanh */

    z-index: 9999;
}

/* Liên kết trong menu con */
#menu-site-default .dropdown-menu>li>a {
    color: #003366 !important;
    background-color: transparent !important;
    z-index: 99999 !important;
}

/* Khi rê chuột (hover) */
#menu-site-default .dropdown-menu>li>a:hover {
    background-color: #003366 !important;
    color: #f30719 !important;
    transition: all 0.3s ease;
    z-index: 99999 !important;
}

/* Submenu (cấp 2) */
#menu-site-default .dropdown-submenu>.dropdown-menu {

    background-color: #ffffff !important;
    border: 1px solid #003366 !important;
    z-index: 99999 !important;
}

/* Mục trong submenu */
#menu-site-default .dropdown-submenu>.dropdown-menu>li>a {
    color: #003366 !important;
    z-index: 99999 !important;
}

#menu-site-default .dropdown-submenu>.dropdown-menu>li>a:hover {
    background-color: #003366 !important;
    color: #f30719 !important;
    z-index: 99999 !important;
}

#footer {
    background-color: #1900AA !important;
}

body>nav {
    background-color: #003366 !important;
}

#footer {
    height: auto !important;
    padding-bottom: 20px;
}



#menu-site-default {
    position: relative;
    z-index: 9999 !important;
}

/* Nếu có dropdown bị che, thêm luôn: */
#menu-site-default .dropdown-menu {
    position: absolute;
    z-index: 99999 !important;
}



.selecrion-body .slider-wrapper.theme-default {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
    /* Cho phép dropdown hiển thị tràn ra */
}


.qr-code-wraper {
    padding-top: 10px;
    padding-bottom: 10px;
    /* border-top: 4px solid red; */
    font-weight: bold;
}

#ftip {
    padding-top: 20px;
    /* border-top: 4px solid red; */
    font-weight: bold;
}

#footer ul {
    font-weight: bold;
}

/* #bl_62 {
    padding-top: 50px;
} */
.clearfix.panel>aside>nav>ul>li a {
    background-color: #003366 !important;
    /* 🔹 Màu nền bạn muốn */
    color: #ffffff !important;
    /* 🔹 Màu chữ */
    font-weight: bold;
    /* 🔹 In đậm chữ */
}

aside.sidebar.module-menu .home.active .clearfix.panel a {
    background-color: #003366 !important;
    /* 🔹 Màu nền bạn muốn */
    color: #ffffff !important;
    /* 🔹 Màu chữ */
    font-weight: bold;
    /* 🔹 In đậm chữ */
}

.clearfix.panel>aside>nav>ul>li {
    background-color: #003366 !important;
    /* 🔹 Màu nền bạn muốn */
    color: #ffffff !important;
    /* 🔹 Màu chữ */
    font-weight: bold;
    /* 🔹 In đậm chữ */
}


.banDo iframe {
    width: 100% !important;
    height: 250px;
    border: 0;
}


@media (max-width: 768px) {
    .banDo iframe {
        width: 100% !important;
        height: 200px;
    }
}

@media (max-width: 480px) {
    .banDo iframe {
        width: 100% !important;
        height: 100px;
    }
}

div.panel.panel-default > div.panel-heading{
    background-color: #003366 !important;
    /* 🔹 Màu nền bạn muốn */
    color: #ffffff !important;
    /* 🔹 Màu chữ */
    font-weight: bold;
    /* 🔹 In đậm chữ */
}
div.panel-heading > ul > li > h4 > a > span{
    color: #ffffff !important;
    /* 🔹 Màu chữ */
}
div.panel-heading > h4 > a{
    color: #ffffff !important;
    /* 🔹 Màu chữ */
}
div.panel-heading > h4 > span{
    color: #ffffff !important;
    /* 🔹 Màu chữ */
}
div.panel-heading > h4 > em > small > a{
    background-color: #003366 !important;
    /* 🔹 Màu nền bạn muốn */
    color: #ffffff !important;
}


/* Ẩn toàn bộ vùng chứa các nút Thích / Bình luận / Liên kết */
/* #otherClipsAj > div.videoInfo.marginbottom15.clearfix > div > div.cont2 > div.fl{
    display: none !important;
} */

#otherClipsAj > div.videoInfo.marginbottom15.clearfix > div > div.cont2 > div.fl > a:nth-child(4){
    display: none !important;
}
.plugin_4mr9 {
    display: none !important;
}
/* Ẩn iframe Facebook Plugin */
.pluginLikerPluginContainer,
.pluginLikeLight,
#u_0_0 iframe,
iframe[src*="plugins/like.php"] {
    display: none !important;
    visibility: hidden !important;
}





#jssor_980 [data-u="image"] {
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#jssor_980 {
    margin: 0 auto;
    overflow: hidden;
}

#jssor_980 [data-u="slides"] {
    cursor: default;
    position: relative;
    overflow: hidden;
}

#jssor_980 [data-u="image"] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




#jssor_980 [data-u="slides"],
#jssor_980 [data-u="image"] {
    
    object-fit: contain !important;
}
/* Ẩn mọi lớp overlay hoặc caption mờ trong slider */
#jssor_980 [data-u="caption"],
#jssor_980 [data-u="overlay"],
#jssor_980 div[style*="rgba(0,0,0"],
#jssor_980 div[style*="background-color:rgba(0,0,0"],
#jssor_980 div[style*="background:rgba(0,0,0"] {
    display: none !important;
    background: none !important;
}

#jssor_980 {
   
    position: relative !important;
    overflow: hidden !important;
}
#jssor_980,
#jssor_980 [data-u="slides"] {
    overflow: hidden !important;
}
/* Ẩn thanh xám*/
#jssor_980 div[style*="background"],
#jssor_980 div[style*="rgba"],
#jssor_980 div[style*="#777"],
#jssor_980 div[style*="#666"],
#jssor_980 div[style*="grey"] {
    display: none !important;
}