table.dataTable, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_paginate {
    color: white;
    text-shadow: none;
    text-decoration: none;
    font-synthesis: none;
}

.dataTables_wrapper > .row:first-of-type, .dataTables_wrapper > .row:last-of-type {
    padding: 0 18px;
}

/*TODO: decide if this is necessary*/
/*table.dataTable tbody > tr:first-of-type {
    background: linear-gradient(rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, .75));
}*/

table.dataTable tbody > tr {
    background-color: rgba(255, 255, 255, .75);
    color: black;
}

table.dataTable tbody > tr:first-of-type {
    border-top: none;
}

table.dataTable tbody > tr > td {
    line-height: 30px;
}

table.dataTable tbody > tr:not(:first-of-type) > td {
    border-top: 1px solid rgb(175, 175, 175);
}

table.dataTable tbody > tr:hover {
    background-color: rgba(210, 63, 49, .75);
    color: white;
}

table.dataTable tbody tr.selected {
    background-color: #D23F31;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: none;
}

table.dataTable.no-footer {
    border-bottom: none;
}

.pagination > .active > a,
.pagination > .active:focus > a,
.pagination > .active > a:focus {
    border-radius: 2px;
    background-color: transparent;
    border: none;
    outline: none;
}

.pagination > .active:hover > a,
.pagination > .active:active > a,
.pagination > .active:target > a,
.pagination > .active > a:hover,
.pagination > .active > a:active,
.pagination > .active > a:target {
    background-color: rgba(255, 255, 255, .25);
    border: none;
    outline: none;
}

.dataTables_wrapper .dataTables_filter > label > input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid white;
    text-align: center;
    color: white;
    outline: none;
}

.dataTables_wrapper .dataTables_filter > label > input:focus, .dataTables_wrapper .dataTables_filter > label > input:active {
    outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white;
    border: 1px solid transparent;
    outline: none;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button > a {
    color: white;
    background-color: transparent;
    border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button > a:hover {
    color: white;
    background-color: rgba(255, 255, 255, .25);
    border: 1px solid transparent;
    border-radius: 2px;
}

.pagination > .previous.disabled > a, .pagination > .previous.disabled > a:hover, .pagination > .previous.disabled > a:active, .pagination > .previous.disabled > a:focus,
.pagination > .next.disabled > a, .pagination > .next.disabled > a:hover, .pagination > .next.disabled > a:active, .pagination > .next.disabled > a:focus {
    color: lightgray;
    background-color: transparent;
    border: none;
    width: 74px;
    outline: none;
}

.pagination > .next > a, .pagination > .previous > a, .pagination > .next > a:focus, .pagination > .previous > a:focus {
    background-color: transparent;
    color: white;
    width: 74px;
    border: none;
    outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active > a {
    background-color: white;
    border-radius: 2px;
    color: #D23F31;
}

table.dataTable thead .sorting_asc {
    background-image: url("../img/vh_sort_asc.png");
}

table.dataTable thead .sorting_desc {
    background-image: url("../img/vh_sort_desc.png");
}