.dataTables_wrapper {
    margin: 20px 0px;
    background: #f7770630;
    border-radius: 10px;
    padding: 0 10px;
}

.dataTables_info {
    margin: 10px 0px;
    padding: 10px 8px;
}

.dataTables_paginate {
    margin: 15px 0px;
    padding: 10px 8px;
}

.dataTables_length, .dataTables_filter {
    padding: 10px 8px;
    margin-top: 10px;
}

    .dataTables_length select {
        background: #f777065c;
        border: 1px solid #f00;
        color: #f00;
    }

    .dataTables_length label {
        color: #fc2121;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #f00 !important;
    border: 1px solid #d16200;
    background-color: white;
    background: linear-gradient(to bottom, #f5ae6f 60%, #f77706 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.125em 0.525em;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .paginate_button {
    color: #fc2121 !important;
}

    .dataTables_wrapper .paginate_button.previous.disabled, .dataTables_wrapper .paginate_button.next.disabled {
        color: #fb6969 !important;
    }

table.dataTable {
    margin-top: 40px;
    background: #fff;
    border-radius: 0.5rem;
    border-bottom: 0px !important;
}

    table.dataTable thead tr th {
        color: #848485;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 900 !important;
    }

        table.dataTable thead tr th:hover {
            color: #f77706;
        }

    table.dataTable thead .sorting_asc {
        color: #f77706;
    }

    table.dataTable tbody tr {
        border-bottom: 1px #eee;
    }

        table.dataTable tbody tr:hover {
            background: #f777065c;
            /* color: #f5f5f5; */
            color: rgb(43, 43, 43);
        }

            table.dataTable tbody tr:hover td:first-child {
                border-left: 6px solid #f77706;
                padding-left: 9px;
            }

    table.dataTable tbody td {
        padding: 10px 15px;
    }

    table.dataTable tbody td .table-btn {
        padding: .175rem .75rem;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.125rem;
    }

    table.dataTable tbody td a i {
        margin: 0px 15px 0 0px;
    }