table.dataTable {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #DDD !important;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 600;
    background-color: #F3F2F2 !important;
    font-size: 12px;
    text-align: left !important;
}
.dataTables_wrapper table.dataTable thead th {
    padding: 3px 10px !important;
    border-color: #ebeced !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
}
.table.dataTable > tbody > tr > td {
    border-color: #EBECED !important;
}
.table.dataTable > thead > tr > th {
    border-color: #ebeced !important;
    border-bottom: none !important;
        padding: 7px 18px !important;
    border-bottom-width: 0 !important;
}
table.dataTable thead {
    background-color: #F3F3F3 !important;
    padding: 10px 10px !important;
    border: 1px solid #DDD !important;
}
table.dataTable tr:hover {
    background-color: #F6f6f6 !important;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6 !important;
}
table.dataTable td {
    text-align: left;
    padding: 5px 10px !important;
    border: 1px solid #ddd !important;
    border-left-width: 0 !important;
}
table.dataTable tbody td .badge, table.dataTable tbody td .label {
    display: inline-block;
    width: 100%;
    text-align: left !important;
}
.table-striped.dataTable > tbody > tr:nth-child(odd) > td, .table-striped.dataTable > tbody > tr:nth-child(odd) > th {
    background-color:#fff!important;
}
.table-striped.dataTable > tbody > tr:nth-of-type(even) {
    background: #FFFFFF !important;
}
.table-striped.dataTable > tbody > tr {
    border: 1px solid #ddd !important;
    border-right: 0 !IMPORTANT;
    border-bottom: 0 !important;
}
.dataTables_wrapper .ui-buttonset .ui-button-text-only .ui-button-text {
    padding: 0;
}
.paginate_button {
    padding: 0.2em 1em !important;
    background-color: none;
    border-radius: 0 !important;
    border: 1px solid #ccc !important;
}
.paginate_button.current {
    padding: 0.2em 1em !important;
    background-color: #30373e !important;
    border-radius: 0 !important;
    border: 1px solid #ccc !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #30373e !important;
}
.paginate_button:hover {
    /*padding: 5px 12px !important;
    background-color: #b1b5b8 !important;
    border-radius: 0 !important;
    border: 1px solid #ccc !important;*/
}
/*Responsive DataTable buttons, search, pagination sections
====================================================================== */
@media only screen and (max-width: 767px) {
    .table-responsive {
        border: none !important;
    }
    .panel div.dt-buttons, div.dt-buttons {
        text-align: left !important;
        margin-top: 0 !important;
        margin-bottom: 20px;
    }
    .panel-body div.dataTables_length label, .panel-body div.dataTables_filter label, 
    .panel > .dataTables_wrapper div.dataTables_length label, .panel > .dataTables_wrapper div.dataTables_filter label,
    .dataTables_wrapper div.dataTables_filter label {
        float: left;
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }
    .table-responsive div.dataTables_wrapper .dataTables_info, .table-responsive div.dataTables_wrapper div.dataTables_paginate {
        margin: 10px 0 0 !important;
        text-align: left;
        font-size: 11px;
    }
}