* {
    font-family: Arial, sans-serif;
}

.header {
    background: linear-gradient(to bottom, #F5F0EB, #FFFFFF);
    font: 500 12px/18px Arial;
}

    .header .nav-link:hover {
        background-color: #8B5E3C;
    }

    .header .nav-link.active {
        background-color: #D4A373;
        color: #212121;
    }

    .header ul {
        text-decoration: none;
    }

    .header .main-text {
        color: #4A2E14;
    }

    .header .sub {
        color: #6C4E2B;
    }

div.divViewLog{
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
div.divQlUser {
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
div.divCongViec {
    border-color: #FFC107 !important;
}
.upload-zone {
    border-color: #8B5E3C !important;
}

@media (min-width: 576px) { /* màn hình >= 576px (mobile lớn, tablet nhỏ) */
    .text-menu-header {
        font-size: 9px;
    }
}

@media (min-width: 768px) { /* tablet */
    .text-menu-header {
        font-size: 9px;
    }
}

@media (min-width: 992px) { /* desktop nhỏ */
    .text-menu-header {
        font-size: 9px;
    }
}

@media (min-width: 1200px) { /* desktop lớn */
    .text-menu-header {
        font-size: 14px;
    }
}
/* tablet */
@media (max-width: 1200px) and (min-width: 768px) {
    .header-danhmuc .text-uppercase {
        text-transform: none !important;
    }
}