.dataTables_wrapper .dataTables_length {
    display: none;
}
.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
    .search-wrapper {
        display: flex;
        align-items: center;
        position: relative;
        svg {
            position: absolute;
            left: 10px;
        }
        input {
            background-color: #fff;
            border: 1px solid #C1C7CD;
            padding: 16px 12px 16px 36px;
            font-size: 16px;
        }
        input::placeholder {
            color: #697077; /* Placeholder text color */
            font-size: 16px; /* Placeholder text size */
        }
        
        /* Vendor prefixes for older browser support */
        input:-ms-input-placeholder { /* IE 10+ */
            color: #697077;
            font-size: 16px;
        }
        
        input::-ms-input-placeholder { /* Edge (older versions) */
            color: #697077;
            font-size: 16px;
        }
    }
}
.dataTables_wrapper .dataTables_info {
    display: none;
}
.dataTables_wrapper .dt-buttons {
    position: absolute;
    bottom: 0;
    button {
        background: rgba(253, 152, 122, 0.7);
        border: 0;
        padding: 12px 8px;
        margin: auto;
        span {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            color: #EBE5DA;
            font-size: 16px;
            font-weight: 600;
        }
    }
}
.dataTables_wrapper .dataTables_paginate {
    padding: 24px 0 48px 0;
    float: inherit;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
    .paginate_button,
    .paginate_button.current,
    .paginate_button.disabled,
    .paginate_button:hover,
    .paginate_button.current:hover {
        font-size: 16px;
        font-weight: 600;
        color: #EBE5DA !important;
        border: 0;
    }
    .paginate_button {
        background: transparent !important;
    }
    .paginate_button.current {
        border: 0;
        background: #AE85C2 !important;
    }
    .paginate_button.disabled,
    .paginate_button.disabled:hover {
        color: #9D9991 !important;
        border: 0;
    }
    
    .paginate_button.previous,
    .paginate_button.next {
        position: relative;
        display: inline-flex;
        gap: 8px;
    }
    .paginate_button.previous:before,
    .paginate_button.next:after {
        display: inline-block;
        content: "";
        width: 24px;
        height: 24px;
    }
    .paginate_button.previous:before {
        background: url('data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m11.257%2012%204.95%204.95a.998.998%200%200%201-.316%201.645%201%201%200%200%201-1.098-.231l-5.657-5.657a1%201%200%200%201%200-1.414l5.657-5.657a1%201%200%200%201%201.414%201.414z%22%20fill%3D%22%23EBE5DA%22%2F%3E%3C%2Fsvg%3E');
    }
    .paginate_button.disabled.previous:before {
        background: url('data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m11.257%2012%204.95%204.95a.998.998%200%200%201-.316%201.645%201%201%200%200%201-1.098-.231l-5.657-5.657a1%201%200%200%201%200-1.414l5.657-5.657a1%201%200%200%201%201.414%201.414z%22%20fill%3D%22%239D9991%22%2F%3E%3C%2Fsvg%3E');
    }
    .paginate_button.next:after {
        background: url('data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m13.814%2012.071-4.95-4.95a1%201%200%200%201%201.414-1.414l5.657%205.657a1%201%200%200%201%200%201.414l-5.657%205.657a1%201%200%200%201-1.414-1.414z%22%20fill%3D%22%23EBE5DA%22%2F%3E%3C%2Fsvg%3E');
    }
    .paginate_button.disabled.next:after {
        background: url('data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m13.814%2012.071-4.95-4.95a1%201%200%200%201%201.414-1.414l5.657%205.657a1%201%200%200%201%200%201.414l-5.657%205.657a1%201%200%200%201-1.414-1.414z%22%20fill%3D%22%239D9991%22%2F%3E%3C%2Fsvg%3E');
    }
}
table, th, tr, td {
    border: 0 !important;
}
table {
    padding-top: 24px;
    thead th {
        background: #F2F4F8;
        text-transform: capitalize;
        padding: 10px 18px;
    }
    thead th:first-of-type {
        text-transform: uppercase;
    }
    .clientes {
        font-size: 14px;
        font-weight: 600;
        span {
            font-size: 12px;
        }
        .ativos {
            color: #3CB167;
        }
        .desistência {
            color: #FC6134;
        }
        .altas {
            color: #9D9991;
        }
    }
    tbody {
        tr, td {
            background-color: #fff !important;
            border-bottom: 1px solid #DDE1E6 !important;
            padding: 8px 12px;
        }
        td {
            text-align: center;
        }
        td:first-child {
            text-align: left;
        }
        .data_id {
            gap: 8px;
            .name {
                font-size: 14px;
                font-weight: 600;
                color: #21272A;
            }
            .email {
                font-size: 12px;
                font-weight: 400;
                color:  #697077;
            }
        }
    }
}