table.display {display: unset; min-width: 100%;}
table.datatable {display: unset; min-width: 100%;}

table.display th {background-color: #8a0000; font-weight: normal !important; font-size: .95rem; border-top: 1px solid #4a0000;
					text-shadow: 0px 0px 1px black;
}


.user-markup {
    width: unset !important;
    width: 100% !important;
}

table.dataTable thead .sorting_desc {
    background-image: url(/_services/_files/datatables/images/sort_asc-SU.png)
}

table.dataTable thead .sorting_asc {
    background-image: url(/_services/_files/datatables/images/sort_desc-SU.png)
}

table.dataTable thead .sorting {
    background-image: url(/_services/_files/datatables/images/sort_both.png)
}

table.dataTable thead th, table.dataTable thead td {
    padding: 16px 20px;
    /*border-bottom: 1px solid #111;*/
}

.table-wrapper {
    overflow: visible;
    margin: 0px;
    width: unset !important;
    width: 100% !important;
}

.table-wrapper th {padding: .4rem; cursor: pointer;}
.table-wrapper td {padding: .4rem; cursor: default;}


.dataTable {
    width: unset !important;
    width: 100% !important;
}

.display {
    width: unset !important;
    width: 100% !important;
}


.dataTables_wrapper {
    margin: 10px 0px 0px 0px;
}

.dataTables_length {
    width: unset;
    margin: 0px 0px 10px 0px;
}

.dataTables_filter {
    width: unset;
    margin: 0px 0px 10px 0px;
}

.dataTables_length label {
    font-size: unset;
    display: unset;
}

.dataTables_length select {
    font-size: unset;
    display: unset;
    height: unset;
    width: unset;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    background-image: none;
    padding-right: .5rem;
    margin: 0 .25rem 0 .25rem;
}

.dataTables_filter label {
    font-size: unset;
}

.dataTables_filter input {
    font-size: unset;
    width: unset;
    display: unset;
}

#jobstable thead th {color: #FFFFFF;}
#jobstable thead th:hover {color: #fefefe; background-color: #6c0000; text-shadow: 0px 0px 0px #fefefe;}
#jobstable thead th.sorting_desc {background-image: url(/_services/_files/datatables/images/sort_desc-SU.png)}
#jobstable thead th.sorting_asc {background-image: url(/_services/_files/datatables/images/sort_asc-SU.png)}
#jobstable thead th.sorting {background-image: url(/_services/_files/datatables/images/sort_both.png)}

@media only screen and (max-device-width : 736px) {

    #filterbuttons {display: none;}

}

@media only screen and (max-device-width : 30em) {

    .table-wrapper {
        margin: 0px !important;
        max-width: 100%;
    }
    .dataTables_wrapper {
        max-width: 100%;
    }
    .dataTable {
        margin: 0px !important;
        max-width: 100%;
        display: block;
    }
    .dataTable tbody tr>.sorting_1 {
        background-color: transparent;
    }
    table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
        background-color: transparent;
    }
    table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
        background-color: transparent;
    }    
    .display {
        margin: 0px !important;
        max-width: 100%;
    }

    .display tr {
        max-width: 100%;
    }

    .display th {
        font-size:initial;
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .display td {
        font-size:initial;
        display: block;
        width: 98%;
        max-width: 100%;
        padding-right: .25rem;
        border: none;
    }
    table.dataTable.display tbody td {border: none; padding-top: .25rem; padding-bottom: .25rem}
    table.dataTable.display tbody tr td:last-child {padding-bottom: 1rem; border-bottom: 0 solid #f9f9f9; }
    table.dataTable.display tbody tr td:first-child {padding-top: 1rem}
}

@media print {


    .dataTables_length {
        display: none;
    }

    .dataTables_filter {
        display: none;
    }
    .dataTables_info {
        display: none;
    }
    .dataTables_paginate     {
        display: none;
    }
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #333333 !important; 
}