/* Gestione menu dropdown per DataTable colvis */
.dt-button.dropdown-item.buttons-columnVisibility.dt-button-active {
    background: #dfdfdf !important;
    padding: 3px !important;
    margin-top: 5px !important;
}

.dropdown-menu {
    padding: 0.5rem 8px;
}

.dropdown-menu .dropdown-item {
    padding: 0px;
}

.dt-button.dropdown-item.buttons-columnVisibility {
    background: white !important;
    padding: 3px !important;
    margin-top: 5px !important;
}
/* Dimensione fissa e scroll bar laterale per il menu di colVis */
div.dt-button-collection {
    max-height: 500px;
    overflow-y: auto;
}

/* Gestione colori sidebar */
.sidebar .nav-link .sidebar-icon {
    color: white !important;
}

.sidebar .nav-item.active > .nav-link {
    color: white !important;
    background-color: #99cf60 !important;
}

.sidebar .nav-item.active.custom-item > .nav-link {
    background-color: #FF8360 !important; /* Cambia solo per questa voce */
}


/* btn-success */
.btn-sustainability {
    color: #1F2937;
    background-color: #99cf60;
    border-color: #99cf60;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
}

.btn-sustainability:hover {
    background-color: #538c57;
    border-color: #538c57;
    color: whitesmoke;
}

.bg-sustainability {
    background-color: #99cf60;
}

.disabled-link {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

/* Margin top e bottom per pagination datatable */
div.dataTables_wrapper div.dataTables_paginate{
    margin: 15px 0 !important;
}

.action-link{
    cursor: pointer;
}

.profile-cover{
    background-size: cover!important;
}

#confetti-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Assicurati che questo valore sia più alto di quello di SweetAlert2 */
    pointer-events: none; /* Per evitare che interferisca con i click */
}

.swal-overlay {
    z-index: 1000; /* Assicurati che questo valore sia minore di quello dei coriandoli */
}

/*
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal !important;
}
*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ffffff !important;
    background-color: #2361ce !important;
    border-color: #1F2937 !important;
}
.choices {
    margin: 0 !important;
}
.choices__placeholder {
    opacity: initial !important;
}

.choices__inner {
    background-color: #ffffff !important;
    border-color: #D1D5DB !important;
    border-radius: 0.5rem !important;
    min-height: auto !important;
    vertical-align: inherit !important;
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 0px !important;
}

.choices__list.choices__list--dropdown {
    border-color: #D1D5DB !important;
    margin-top: .5rem !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; }

.choices.is-focused .choices__inner, .choices .is-open .choices__inner {
    background-color: #ffffff !important;
    border-color: #D1D5DB !important;
    border-radius: 0.5rem !important; }

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #9CA3AF !important;
    border-color: #D1D5DB !important;
    padding: 0 !important}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #9CA3AF !important;
    border-color: #D1D5DB !important; }

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #9CA3AF !important; }

.choices__input {
    background-color: transparent !important;
    padding: 0 !important;}

.choices__list--multiple .choices__item {
    background-color: #1F2937 !important;
    border: 0 !important;
    border-radius: 0.5rem !important; }

/** Radio button */
.radio-success:checked {
    background-color: #10B981;
    border-color: #10B981;
}

.radio-warning:checked {
    background-color: #fcb92c;
    border-color: #fcb92c;
}

.radio-danger:checked {
    background-color: #E11D48;
    border-color: #E11D48;
}

.radio-info:checked {
    background-color: #2361ce ;
    border-color: #2361ce ;
}

.thead-dark {
    background-color: #1F2937 !important;
    color: white !important;
    border-color: #1F2937 !important;
}

.thead-sync {
    background-color: #FF8360 !important;
    color: white !important;
    border-color: white !important;
}
.pagination {
    float: right !important;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date {
    /*text-align: left !important;*/
}

/** SelectPicker border */
.bootstrap-select.form-control {
    border: 0.0625rem solid #D1D5DB !important;
    border-radius: 0.5rem !important;
}

/** classi per il load da lavorazioni quando creo il processo */
.action-icon.loading {
    position: relative;
    pointer-events: none; /* Evita click multipli */
    opacity: 0.7;
}

.action-icon.loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #2361ce;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.bg-orange {
    background-color: #FF8360;
}

/* Limita il testo degli eventi all'interno della cella del giorno */
.fc-event {
    white-space: normal !important;  /* Consente al testo di andare a capo se troppo lungo */
    overflow: hidden !important;     /* Nasconde il contenuto che esce dalla cella */
    text-overflow: ellipsis !important; /* Aggiunge "..." alla fine del testo se troppo lungo */
}

/* Modifica il contenuto degli eventi in modo che non escano dalla cella */
.fc-day-grid-event {
    display: block !important; /* Assicura che l'evento venga trattato come un blocco */
    word-wrap: break-word !important; /* Permette di andare a capo automaticamente se il contenuto è troppo lungo */
    overflow: hidden !important; /* Nasconde la parte in eccesso */
    text-overflow: ellipsis !important; /* Aggiunge "..." alla fine del testo troppo lungo */
}

.custom-event-content {
    white-space: normal !important; /* Consente i ritorni a capo */
    display: block !important; /* Forza il comportamento del ritorno a capo */
}

/* Aumenta l'altezza della cella per contenere più eventi */
/*.fc-daygrid-day {
    height: 180px !important;  !* Aumenta l'altezza per visualizzare più eventi *!
    width: 120px !important;   !* Larghezza fissa per ogni cella *!
}*/

.fc-dayGridMonth-view .fc-daygrid-day {
    height: 180px !important;  /* Aumenta l'altezza solo nella vista mensile */
    width: 120px !important;   /* Larghezza fissa solo nella vista mensile */
}

/* Impedisce che gli eventi vengano nascosti in una cella */
.fc-daygrid-day-events {
    max-height: none;
    overflow: visible;
}

.fc-daygrid-body-natural .fc-daygrid-day-events {
    min-height: 40px !important; /* Puoi cambiare il valore a seconda delle tue esigenze */
}

.fc-daygrid-body .fc-daygrid-day-top {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

/* Colore per tutti i bordi di FullCalendar */
.fc * {
    border-color: #c8c8c8 !important;
}

/* Nome mese con prima lettera maiuscola per FullCalendar */
.fc-toolbar-title {
    text-transform: capitalize !important; /* Prima lettera maiuscola */
}

.nav-tabs .nav-link {
    padding: 10px;
}