:root {
    /* Services Styles */
    --row-delivered-bg: #ffffff; /* Bianco */
    --row-contacted-bg: #ffffcc; /* Giallo pastello */
    --row-confirmed-bg: #ccffcc; /* Verde pastello */
    --row-refused-bg: #ffcccc; /* Rosso pastello */
    --row-rescheduled-bg: #99cc99; /* Verdone pastello */
    --row-optioned-bg: #cceeff; /* Azzurrino pastello */
    --row-other-bg: #ffcc99; /* Arancio pastello */
    /* Report Styles */
    --row-lead-photographers-even-bg: #ccffcc; /* Arancio scuro pastello */
    --row-lead-photographers-odd-bg: #abedab; /* Arancio scuro pastello */
    --row-other-photographers-even-bg: #ffcc99; /* Arancio scuro pastello */
    --row-other-photographers-odd-bg: #ffc48a; /* Arancio scuro pastello */
}

.dark-mode {
    /* Services Styles */
    --row-delivered-bg: #333333; /* Grigio scuro per il bianco */
    --row-contacted-bg: #575c33; /* Giallo scuro pastello */
    --row-confirmed-bg: #335c38; /* Verde scuro pastello */
    --row-refused-bg: #5c3833; /* Rosso scuro pastello */
    --row-rescheduled-bg: #33575c; /* Verdone scuro pastello */
    --row-optioned-bg: #38335c; /* Azzurrino scuro pastello */
    --row-other-bg: #5b3256; /* Arancio scuro pastello */
    /* Report Styles */
    --row-lead-photographers-even-bg: #4d7852; /* Arancio scuro pastello */
    --row-lead-photographers-odd-bg: #335c38; /* Arancio scuro pastello */
    --row-other-photographers-even-bg: #916649; /* Arancio scuro pastello */
    --row-other-photographers-odd-bg: #7a4c2d; /* Arancio scuro pastello */
}


button.src-btn-filter-custom {
    border-end-start-radius: unset;
    border-start-start-radius: unset;
}

.input-group-custom {
    margin-bottom: 0;
}

/* Stile base per i messaggi */
ul.messages {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.messages li {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

/* Stile per messaggi di warning */
ul.messages li.warning {
    background-color: #f0ad4e; /* Colore arancione */
    border: 1px solid #eea236;
}

/* Stile per messaggi di errore */
ul.messages li.error {
    background-color: #d9534f; /* Colore rosso */
    border: 1px solid #d43f3a;
}

/* Stile per messaggi di successo */
ul.messages li.success {
    background-color: #5cb85c; /* Colore verde */
    border: 1px solid #4cae4c;
    color: white; /* Testo bianco per maggiore leggibilità */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    list-style: none;
}

.notification-header {
    display: flex;
    justify-content: space-between;
    font-size: 0.8em;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid;
}

.no-notifications-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px; /* o l'altezza che preferisci */
}

.no-notifications-image {
    max-width: 100%; /* Assicurati che l'immagine non esca dal contenitore */
}

/* Stile per tabelle */

.row-delivered {
    background-color: var(--row-delivered-bg); /* Bianco */
}

.row-contacted {
    background-color: var(--row-contacted-bg); /* Giallo pastello */
}

.row-confirmed {
    background-color: var(--row-confirmed-bg); /* Verde pastello */
}

.row-refused {
    background-color: var(--row-refused-bg); /* Rosso pastello */
}

.row-rescheduled {
    background-color: var(--row-rescheduled-bg); /* Verdone pastello */
}

.row-optioned {
    background-color: var(--row-optioned-bg); /* Azzurrino pastello */
}

.row-other {
    background-color: var(--row-other-bg); /* Arancio pastello */
}

/* Report Styles */

.row-lead-photographer.even {
    background-color: var(--row-lead-photographers-even-bg);  /* Verdone pastello */
}
.row-lead-photographer.odd {
    background-color: var(--row-lead-photographers-odd-bg);  /* Verdone pastello */
}
.row-other-photographer.even {
    background-color: var(--row-other-photographers-even-bg);/* Arancio pastello */
}
.row-other-photographer.odd {
    background-color: var(--row-other-photographers-odd-bg); /* Arancio pastello */
}

@media only screen and (max-width: 767px) {
    .dataTables_wrapper .dataTable td,
    .dataTables_wrapper .dataTable th {
        font-size: 0.7em;
        padding: 10px;
    }
}