#mainNavbar {
    background-color: Green !important;
}

#mainNavbar .nav-link,
#mainNavbar .navbar-brand {
    color: white !important;
}

#mainNavbar .nav-link:hover {
    color: lightgreen !important;
}

#mainNavbar .nav-link1,
#mainNavbar .navbar-brand {
    color: gold !important; /* Màu chữ vàng */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 20px !important; /* Kích thước chữ */
    text-decoration: none !important; /* Loại bỏ gạch dưới */
    font-weight: bold !important; /* Đậm */
}

#mainNavbar .nav-link1:hover {
    color: lightgreen !important;
}
/* Menu con dùng class riêng để chắc chắn override Bootstrap */
    #mainNavbar .custom-dropdown {
        background-color: Green !important;
        border: none !important;
    }

#mainNavbar .custom-dropdown .dropdown-item {
color: white !important;
font-weight: 500;
}

#mainNavbar .custom-dropdown .dropdown-item:hover {
background-color: #006400 !important;
color: lightgreen !important;
}

.btn-primary {
    background-color: green !important;
}
    .btn-primary:hover {
        color: lightgreen;
        background-color: darkgreen !important;
    }
.gridview {
    border-collapse: collapse;
}

    .gridview th, .gridview td {
        border: 1px solid #ccc;
        padding: 6px 8px;
        text-align: center;
    }

    .gridview th {
        background-color: green;
        color: white;
    }

    .gridview td.custLeft {
        text-align: left !important;
    }
    .gridview td.custRight {
        text-align: right !important;
    }
.widthtext {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    word-wrap: break-word;
}

@media (max-width: 768px) {
    .widthtext {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
    }
}
.label-as-textbox {
    display: inline-block;
    border: 1px solid #ccc; /* khung xám như TextBox */
    padding: 4px 6px; /* khoảng cách trong khung */
    color: blue; /* chữ màu xanh */
    background-color: #fff; /* nền trắng */
    font-family: inherit; /* dùng font như input */
    border-radius: 4px; /* bo góc nhẹ như textbox */
    min-width: 180px; /* tùy chọn: chiều rộng tối thiểu */
    min-height: 28px;
}