/* General styles */




/* Home */

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-img-div img {
    height: 200px; /* Adjust the height as needed */
    object-fit: cover;
}

.card-body {
    flex: 1;
}

.card-footer {
    background-color: #f8f9fa; /* Default background color */
}

.cancer-trials .card-footer {
    background-color: #191970;
    color: white;
}

.paeds .card-footer {
    background-color: #006994;
    color: white;
}

.surgical .card-footer {
    background-color: #007a59;
    color: white;
}

.clinical-specialties .card-footer {
    background-color: #34467b;
    color: white;
}

.card-footer a {
    text-decoration: none;
    color: inherit;
}

    .card-footer a:hover {
        text-decoration: underline;
    }

/*Research*/

/* Styles for the Filter by Status section */
.filter-section {
    margin-bottom: 20px;
}

    .filter-section h3 {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .filter-section ul {
        list-style: none;
        padding: 0;
    }

        .filter-section ul li {
            margin-bottom: 5px;
        }

            .filter-section ul li a {
                display: block;
                padding: 10px;
                background-color: #f8f9fa;
                border: 1px solid #dee2e6;
                border-radius: 4px;
                text-decoration: none;
                color: #333;
                transition: background-color 0.3s, color 0.3s;
            }

                .filter-section ul li a:hover,
                .filter-section ul li a.active {
                    /* background-color: #007bff;*/
                    color: #000;
                }

.details-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

    .details-section .col-lg-4 {
        flex: 1;
        min-width: 250px;
    }

.blue-table, .grey-table {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
}

.blue-table {
    background-color: #e7f3ff;
}

.grey-table {
    background-color: #f0f0f0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

    table td {
        padding: 10px;
        border: none;
    }

a {
    text-decoration: none;
}