/* Custom styles based on the provided logo */
body {
    background-color: #f8f9fa;
}

.header-bg {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.footer-bg {
    background-color: #333;
    color: #ffffff;
}

.footer-bg a {
    color: #ffffff;
    text-decoration: none;
}

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

.card {
    border-radius: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-primary {
    background-color: #f57f17;
    /* A shade of orange from the logo */
    border-color: #f57f17;
}

.btn-primary:hover {
    background-color: #e65100;
    border-color: #e65100;
}

.form-check-input:checked {
    background-color: #f57f17;
    border-color: #f57f17;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(245, 127, 23, 0.25);
}

.text-orange {
    color: #f57f17;
}

.text-green {
    color: green;
    font-weight: bold;
}

.select2-container--default .select2-selection--single {
    border-radius: 0.5rem;
    border-color: #dee2e6;
    height: calc(2.25rem + 2px);
    /* Correct height for alignment with Bootstrap inputs */
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0.5rem;
}