/* TENDERS*/
.table-container {
    margin-bottom: 6rem; /* Adjust this value as needed */
}
.bg-tender {
    background-color: rgba(128, 0, 0, 0.6); /* 0.5 represents 50% transparency */
    color: #77ccff;
    padding: 15px;
}
.nav-tabs .nav-link {
    background-color: #77ccff;
    color:white;
    border: 1px solid #ddd;
    text-align: center; /* Center text */
}

.nav-tabs .nav-link.active {
    
    color: #616161;
    font-weight: bold;
    width: 250px; /* Increase width of nav links */
    text-align: center; /* Center text */
    
}
.table thead th {
    background-color: #616161;
    color: white;
    font-size: 1.1rem;
    height: 60px; /* Adjust the height as needed */
}

.table {
    background-color: #ffffff; /* White background for the whole table */
    
}
.table a {
    color: inherit; /* Inherit color from parent element */
    text-decoration: none; /* Remove underline */
}
.table a:hover {
    text-decoration: underline; /* Add underline on hover */
    color: #007bff;
}
.table tbody tr td {
    background-color: #ffffff !important; /* White background for table cells */
    border-left: 1px solid #ddd; /* Left border for table cells */
    border-right: 1px solid #ddd; /* Right border for table cells */
}
/* Custom styles for the table rows */
.table tbody tr {
    height: 60px; /* Adjust the height as needed */
}
.dataTables_wrapper .dataTables_paginate .paginate_button a {
    color: #1c0963 !important; /* Maroon color for pagination buttons */
}
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    color: #1c0963!important; /* Maroon color for info text, length menu, and search input */
}

th.description-col {
    min-width: 500px; /* Adjust the width as needed */
}
@media (max-width: 768px) {
    .nav-tabs .nav-link {
        font-size: 1rem; /* Smaller font size for nav items on small screens */
        width: auto; /* Adjust width for small screens */
    }
    th.description-col {
        min-width: auto; /* Adjust the width for small screens */
    }
}

/* Remove color and underline from links in table */
.table a {
    color: inherit; /* Inherit color from parent element */
    text-decoration: none; /* Remove underline */
}
.table a:hover {
    text-decoration: underline; /* Add underline on hover */
}


/* Custom styles to limit the table width */
.custom-width {
    max-width: 800px; /* Set your desired max-width here */
    width: 100%;
}

/*news