.nav-bg{
    background-color: #e5e7eb;
    color: white;
    border-bottom: 3px solid #eba038;
}
.nav-text a{
    font-size: 20px;
    color: black;
    text-decoration: none;
}
.btn-2{
    background-color: #eba038;
    border:1px solid #eba038;
    color: white;
    font-size: 15px;
}
.btn-success {
    background-color: #eba038; /* Màu nền */
    border-color: #eba038; /* Màu viền */
}
.btn{
    background-color: #eba038;
    border:1px solid #eba038;
    color: white;
    font-size: 15px;
}
thead{
    background-color: #eba038;
    font-size: 18px;
    
}
.required{
    color: red;
}
.menuLogin{
    background-color: #eba038;
}
.fa-solid{
    color:#05104e;
}

/* @vite */
.leading-tight{
    color: red;
}
.container-fluid{
    margin-top: 20px;
}
.container{
    margin-top: 20px;
}
.navbar {
    height: 100px; /* Adjust as needed */
}
.fotter-bottom {
    height: 50px; /* Set a specific height */
    border-top: 3px solid #eba038;
    color: black;
}
#navbarNav {
    background-color: #f8f9fa; /* Light background color */
    padding: 10px; /* Padding around the navbar */
}

#navbarNav .nav-item {
    margin-right: 20px; /* Space between navbar items */
}

#navbarNav .nav-link {
    font-size: 16px;
    color:black;
    /* Default link color  color: #007bff; */
    font-weight: bold; /* Bold font style */
}

#navbarNav .nav-link:hover { 
    /* font-size: 50px; */
     /* Darker color on hover */
    text-decoration: underline; /* Underline on hover */
}

#navbarNav .navbar-toggler-icon {
    background-color: #eba038; /* Custom color for the toggle icon */
}

/* Optional: Custom style for the navbar on smaller screens */
@media (max-width: 768px) {
    #navbarNav {
        background-color: #343a40; /* Dark background on small screens */
    }
    #navbarNav .nav-link {
        color: #ffffff; /* White text on small screens */
    }
    #navbarNav .nav-link:hover {
        color: #ddd; /* Lighter text on hover */
    }
}
.nav-border{
    border-bottom: 3px solid #eba038;
}
.nav-link.active {
    /* border-radius: 10px; */
    border-bottom: 2px solid #eba038;
    color: #fff; /* Color for active state */
    /* Background color for active state */
}
body {
    font-family: 'Roboto', sans-serif;
}