.nav .nav-item {
    margin: 2px 0;
}

.table tbody tr td:first-child {
    padding-left: 0.3rem !important;
    font-weight: bold;
}

.table thead tr th:first-child {
    padding-left: 1rem !important;
}

.table tbody tr td:last-child {
    padding-right: 0.3rem !important;
}

.table thead tr th:last-child {
    padding-right: 1rem !important;
}

.table tbody tr td {
    padding: 0.3rem 0.5rem;
}

.table thead tr th {
    color: black;
    text-align: center !important;
}

.table thead tr th div {
    justify-content: center !important;
}

:root {
    --color-primary: #00a888;
    --color-secondary: #fa0;
    font-size: 14px;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-secondary {
    background-color: var(--color-secondary) !important;
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}


.slide-right {
    animation: slideInRight 0.2s ease-out;
}

@keyframes slideInRight {
    from {
        opacity: 1;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
    }
}

.badge {
    font-size: 0.85em !important;
}

td .btn {
    font-size: 0.875rem !important;
}

.flatpickr-calendar {
    padding: 10px;
}

.flatpickr-days {
    width: 100%;
}

.dayContainer {
    max-width: 286.875px;
    min-width: 286.875px;
}

.form-check {
    padding-left: 0 !important;
}

.form-check .form-check-input {
    float: none !important;
    margin-left: 0 !important;
}

.btn:not([disabled]):not(.disabled).active {
    background-color: var(--color-primary) !important;
    color: white !important;
}

.btn {
    gap: .25rem !important;
    justify-content: center;
    overflow: hidden;
    border-radius: 6px;
}

.form-control {
    border-radius: 0.5rem!important;
}