table.t99-erogazioni-table.dataTable td {
    box-shadow: none !important;
    padding: 20px;
}
table.t99-erogazioni-table thead{
    background: var(--wp--preset--color--bg);
    color: var(--wp--preset--color--primary);
}
table.t99-erogazioni-table thead th {
    font-weight: 500;
}
.t99-erogazioni-table thead th .dt-column-header {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

table.t99-erogazioni-table.dataTable th .dt-column-title {
    text-align: left;
    margin-left: .3rem;
}

 table.t99-erogazioni-table.dataTable td.dt-type-numeric {
    white-space: nowrap;
}



/* filtri e ricerca */
.t99-erogazioni-filters {
    display: flex;
    align-items: flex-end;
    gap: 25px;
    margin-bottom: 20px;
    font-family: var(--wp--preset--font-family--overused-grotesk);
    --controls-height: 32px;
}

.t99-erogazioni-filters .dt-search {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.t99-erogazioni-filters .dt-search .dt-input {
    min-height: var(--controls-height);
    margin-left: 0px;
    min-width: 220px;
    
}



.t99-erogazioni-filter {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.t99-erogazioni-filter label {
    display: block;
}

.t99-erogazioni-filter select {
    min-height: var(--controls-height);
    border: var(--dt-input_border);
    border-radius: var(--dt-input_border-radius);
    padding: var(--dt-input_padding);
    background-color: var(--dt-input_background);
    color: var(--dt-input_color);
}

.t99-erogazioni-filter select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 40px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px 8px;
}

.t99-erogazioni-filter-reset {
    background: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
    border-radius: var(--dt-input_border-radius);
    padding-inline: 10px;
    min-height: var(--controls-height);
    cursor: pointer;
    line-height: 1;
    margin-left: auto;
    transition: all 0.3s ease;
}

.t99-erogazioni-filter-reset:hover {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}

#mobile_toggle {display: none}

@media (max-width: 1140px) {

    table.t99-erogazioni-table.dataTable td {
        padding: 10px;
    }

    .t99-erogazioni-filters {
        flex-direction: column;
        align-items: flex-start;
        gap:8px;
        height: 30px;
        transition: height 0.3s ease;
        overflow: hidden;
    }
    #mobile_toggle {
        display: block;
        color: var(--wp--preset--color--white);
        cursor: pointer;
        background: var(--wp--preset--color--primary);
        border-radius: var(--dt-input_border-radius);
        font-size: 16px;
        padding: 3px 6px;
        margin-bottom: 10px;
    }
    #mobile_toggle::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M95,69.3c0,2.22-1.79,4-4,4h-49.66c-1.63,4.52-5.96,7.75-11.04,7.75s-9.42-3.23-11.05-7.75h-10.25c-2.21,0-4-1.78-4-4s1.79-4,4-4h10.25c1.64-4.52,5.97-7.74,11.05-7.74s9.4,3.22,11.04,7.74h49.66c2.21,0,4,1.79,4,4Z' fill='%23fff'/%3E%3Cpath d='M95,30.7c0,2.21-1.79,4-4,4h-9.84c-1.63,4.52-5.96,7.75-11.04,7.75s-9.42-3.23-11.05-7.75H9c-2.21,0-4-1.79-4-4s1.79-4,4-4h50.07c1.63-4.52,5.96-7.75,11.05-7.75s9.41,3.23,11.04,7.75h9.84c2.21,0,4,1.79,4,4Z' fill='%23fff'/%3E%3C/svg%3E");
        width: 16px;
        height: 14px;
        display: inline-block;
        margin-left: 5px;
        overflow: hidden;
    }

    .t99-erogazioni-filters.open {
        height: 340px;
    }

    .t99-erogazioni-filters.open #mobile_toggle::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M88.49,88.49c-.81.81-1.87,1.21-2.93,1.21s-2.12-.4-2.93-1.21l-32.63-32.63-32.63,32.63c-1.61,1.62-4.25,1.62-5.86,0-.81-.81-1.21-1.87-1.21-2.93s.4-2.12,1.21-2.93l32.63-32.63L11.51,17.37c-1.62-1.61-1.62-4.25,0-5.86.81-.81,1.87-1.21,2.93-1.21s2.12.4,2.93,1.21l32.63,32.63L82.63,11.51c1.61-1.62,4.25-1.62,5.86,0,.81.81,1.21,1.87,1.21,2.93s-.4,2.12-1.21,2.93l-32.63,32.63,32.63,32.63c1.62,1.61,1.62,4.25,0,5.86Z' fill='%23fff'/%3E%3C/svg%3E");
    }

    .t99-erogazioni-filter-reset {
        margin-left: 0;
        margin-top: 10px;
    }
    .t99-erogazioni-filter {gap:2px}
    .t99-erogazioni-filter select {
        padding-right: 30px;
        width: 335px;
        font-size: 15px;
    }

    .t99-erogazioni-filters .dt-search .dt-input {
         width: 335px;
        font-size: 15px;
    }

    div.dt-container .dt-paging .dt-paging-button {
        padding: 0px 10px;
    }

}