body {
    background-color: #f8f9fa;
}

.card-header {
    font-weight: bold;
    font-size: 0.8em;
}

.main-header {
    font-size: 1.0em;
}
#selectedArticles thead th {
    font-size: 12px; /* Adjust this value to your desired font size */
    font-weight: bold;
    text-align: center!important;
    text-vertical-align: middle!important;
    vertical-align: middle!important;
}

.form-group {
    margin-bottom: 0.5rem;
}

.table th,
.table td {
    vertical-align: middle;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
}

.header {
    background-color: #540032;
    color: white;
    padding: 1px;
    text-align: center;
}

.card-header {
    background-color: #540032;
    color: white;
    padding: 1px;
    text-align: center;
}

.btn-success {
    background-color: #28a745;
}

.btn-primary {
    background-color: #001e42;
}

.btn-danger {
    background-color: #dc3545;
}

.card-body {
    padding-bottom: 10px;
    padding-top: 10px;

}


/* In your stylesheet (e.g., styles.css) */
.small-label {
    font-size: 15px;
    /* Smaller font size for labels */
    padding: 0;
    /* Remove extra padding */
    margin-bottom: 0;
    /* Remove bottom margin */
}

.small-input {
    font-size: 15px;
    /* Smaller font size for inputs */
    padding: 0.1rem;
    /* Reduce padding inside input fields */
}

.form-group {
    margin-bottom: 0.5rem;
    /* Reduce the gap between rows */
}


.small-table {
    font-size: 10px;
    /* Smaller font size */
}

.small-table th,
.small-table td {
    padding: 0.2rem;
    /* Reduce padding */
}

.small-table thead th {
    font-size: 8px;
    /* Smaller font size for header */
}

.small-table tbody td {
    font-size: 4px;
    /* Smaller font size for body */
}

.btn-sm {
    font-size: 12px;
    width: 100%;
    /* Smaller button text size */
    padding: 0.25rem 0.5rem;
    /* Reduce button padding */
}

.small-table-summary {
    font-size: 5px;
    /* Smaller font size */
}

.small-table-summary th,
.small-table-summary td {
    padding: 0.2rem;
    /* Reduce padding */
}

.small-table-summary th {
    font-weight: bold;
    font-size: 5px;
    /* Keep headers bold */
}

.small-table-summary td {
    font-size: 15px;
    /* Smaller font size for table data */
}