/* ==========================================================================
   SIDEBAR DOI TU NEN TOI SANG NEN XAM SANG (yeu cau nguoi dung 15/08/2026:
   "menu ben trai cho mau chu va mau nen giong kieu cac o module").
   Lay dung bang mau cua ".home-module-tile" trong custom.css:
     nen #dee4ed - vien #c7d0dc - chu #2b3238 - hover bat sang trang
     - muc dang mo dung nen xanh nhat #eef4fd + chu #1f4f96 nhu o "selected".

   CHI SUA SKIN NAY. Moi skin tu to nen sidebar rieng (dark #26272b, gray #F2F2F2,
   cream #F2D6BD, light lay #fff cua app.css) va app doi skin bang cach THAY HAN
   file css qua B_ChangeThemeMode (app.js) chu KHONG gan class len the body - nen
   khong co cach nao viet mot rule trong custom.css ma chi an cho rieng mot skin.
   Nguoi dung dang dung Default theme va da chot chi ap cho skin dang dung.

   DOI NEN TOI -> SANG THI PHAI DOI HET 5 THU DUOI DAY CUNG LUC, bo sot cai nao la
   cai do tang hinh: chu #a5abb1, vien duoi moi muc (#3d3d40 trong app.css dong 158),
   duong ke dut cua nhom con, vien tren chan sidebar, va chu o chan sidebar - tat ca
   deu la mau danh cho nen toi.

   BAY CACHE: duong dan skin bi ghi cung kem "?ud=202401122244" trong NuGet
   (SHARED/Display/DisplayOptions_System.cs) va "?ud=2026081100001" trong index.html,
   deu khong bump theo lan sua nay - phai Ctrl+Shift+R moi thay doi.

   Khong can !important: app.css nap TRUOC file skin (index.html dong 45 va 46) va
   cac selector duoi day co do uu tien bang app.css nen thang nho nap sau.

   VI SAO FILE NAY KHONG CO KHOI BIEN "--ui-*" nhu 4 file skin kia: bo bien mac dinh
   khai o :root cua custom.css CHINH LA bang mau cua skin Default, nen khong phai khai
   lai. Doi mau cho rieng Default = sua thang bo mac dinh do (tim "BANG MAU BE MAT"),
   nhung nho la sua vao :root la doi luon cho MOI skin chua khai de rieng.
   ========================================================================== */
.page-sidebar {
    background-color: #dee4ed;
}
    .page-sidebar .sidebar-footer {
        /* Vien cu rgba(255,255,255,.25) la vach TRANG mo - vo hinh tren nen sang. */
        border-top: 1px solid #c7d0dc;
    }

        .page-sidebar .sidebar-footer .message span {
            color: #6b7683 !important;
        }
.nav-menu li a {
    color: #2b3238;
    /* app.css dong 156-158 ke vien duoi moi muc bang #3d3d40 (mau cho nen toi) -
       tren nen sang thanh vach den dam, phai ha ve mau vien cua o phan he. */
    border-color: #c7d0dc;
}

    /* Hover DAO CHIEU sang trang, giong o phan he. Mau cu rgba(255,255,255,.2) la
       phu trang mo - tren nen sang gan nhu khong thay gi. */
    .nav-menu li a:hover {
        background-color: #fff;
    }

.nav-menu li.active > a {
    color: #1f4f96;
    /*background-color: rgba(255, 255, 255, .07);*/
}

.nav-menu li a.nav-link.active {
    color: #1f4f96;
    background-color: #eef4fd;
}

ul.nav-menu ul:before {
    border-left: 1px dashed #c7d0dc;
}

.waves-effect.waves-dark .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}


.tabs {
    background-color: #f1f4f6;
}

.card-header {
    background-color: #f1f4f6;
}

.fixed__column {
    background-color: #f1f4f6;
}
thead .fixed__row th, thead .fixed__row td, tfoot .fixed__row th {
    background-color: #f1f4f6;
}

.header-navbar {
    background-color: #f1f4f6;
}

.card, .card-header, .card-content, .card-action {
    background-color: #f1f4f6;
}

.bselectform {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 0.4857142857rem 0;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    padding: 1.1rem 1.5rem 0.4rem 0.7rem !important;
    color: #2E2E2F;
}