.dataTable {
    margin-top: 10px;
    width: 100%;
}
.styled-table th {
  padding: 8px 10px;
}

.reports-table th {
    padding: 8px 10px !important;
}

    .dataTable thead th:not(.sorting_disabled):hover {
        cursor: pointer;
    }

.dataTables_filter, .dataTables_length, .dataTables_info, .dataTables_paginate {
    margin: 10px 0 10px 0;
}

div.dataTables_wrapper {
    margin: 0 auto;
}

/*
* DataTables style sorting controls
*/
table.dataTable thead th {
    position: relative;
    background-image: none !important;
    text-align: left;
}

table.dataTable:not(.styled-table) thead th.sorting:after, table.dataTable:not(.styled-table) thead th.sorting_asc:after, table.dataTable:not(.styled-table) thead th.sorting_desc:after {
    position: absolute;
    top: 16px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
}

table.dataTable:not(.styled-table):not(.dragDropGrid) thead th.sorting:after {
    content: "\f0dc";
    padding-top: 0.8em;
}

table.dataTable:not(.styled-table):not(.dragDropGrid) thead th.sorting_asc:after {
    content: "\f0de";
    padding-top: 0.8em;
}

table.dataTable:not(.styled-table):not(.dragDropGrid) thead th.sorting_desc:after {
    content: "\f0dd";
    padding-top: 0.8em;
}

/*
* DataTables style sorting controls when header is only 1 line
*/
table.dataTable.oneLineHeader:not(.styled-table) thead th.sorting:after, table.dataTable.oneLineHeader:not(.styled-table) thead th.sorting_asc:after,
table.dataTable.oneLineHeader:not(.styled-table) thead th.sorting_desc:after {
    top: 4px;
}

table.dataTable.oneLineHeader:not(.styled-table) thead th.sorting:after {
    padding-top: 0.4em;
}

table.dataTable.oneLineHeader:not(.styled-table) thead th.sorting_asc:after {
    padding-top: 0.4em;
}

table.dataTable.oneLineHeader:not(.styled-table) thead th.sorting_desc:after {
    padding-top: 0.4em;
}

/*
* DataTables style pagination controls
*/
.dataTables_paginate a {
    padding: 4px;
    background: rgba(0, 0, 0, 0);
    border: 0;
    font-size: 16px;
    line-height: 24px;
    margin: 0 6px !important;
}

    .dataTables_paginate a:hover {
        cursor: pointer;
    }

div.dataTables_paginate a.paginate_button.first, div.dataTables_paginate a.paginate_button.previous {
    position: relative;
    padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.previous {
    margin-right: 15px !important;
}

div.dataTables_paginate a.paginate_button.next, div.dataTables_paginate a.paginate_button.last {
    position: relative;
    padding-right: 24px;
}

div.dataTables_paginate:not(.ui-buttonset) a.first:before, div.dataTables_paginate:not(.ui-buttonset) a.previous:before,
div.dataTables_paginate:not(.ui-buttonset) a.next:after, div.dataTables_paginate:not(.ui-buttonset) a.last:after {
    position: absolute;
    top: 0px;
    right: 5px;
}

div.dataTables_paginate a.first:before {
    content: "\f100";
    font-size: large;
    display: block;
    font-family: FontAwesome;
}

div.dataTables_paginate a.previous:before {
    content: "\f104";
    font-size: large;
    display: block;
    font-family: FontAwesome;
}

div.dataTables_paginate a.next:after {
    content: "\f105";
    font-size: large;
    display: block;
    font-family: FontAwesome;
}

div.dataTables_paginate a.last:after {
    content: "\f101";
    font-size: large;
    display: block;
    font-family: FontAwesome;
}

.dataTables_paginate a.ui-state-default {
    font-weight: bold;
}

.paginate_button.current, .dataTables_paginate a.ui-state-disabled:not(.first):not(.previous):not(.next):not(.last) {
    color: #93c450;
    cursor: default !important;
    opacity: 1.0;
}

.paginate_button, .dataTables_paginate {
    font-size: medium;
}

    .paginate_button.disabled {
        color: #ccc;
    }

        .paginate_button.disabled:hover {
            color: #ccc;
            cursor: default !important;
        }

div.dataTables_paginate.paging_full_numbers {
    text-align: center;
    margin: 8px auto;
}

/*
* DataTables toggle column styling
*/
.toggle-column {
    color: #566e76;
    border: 1px solid #c0d4db;
    padding: .1em .8em;
    border-radius: 15px;
    text-align: center;
    font-size: 11px;
    color: #666;
    background-color: #e7e7e7;
    padding: .25em .5em;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    display: inline-block;
    border-radius: 0;
    border: 1px solid #e4edf4;
}

    .toggle-column:hover {
        cursor: pointer;
        color: Black;
    }

.toggle-on {
    background: #93c450;
    color: Black;
}

    .toggle-on:hover {
        background: #93c450 !important;
        color: #555555;
        text-decoration: none;
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) inset;
        background-color: #93c450  !important;
    }

div.dataTables_wrapper.dt-jqueryui div.dataTables_filter {
    float: left;
}

    div.dataTables_wrapper.dt-jqueryui div.dataTables_filter label {
        margin-bottom: 0;
    }

div.dataTables_wrapper div.dataTables_filter input[type='search'] {
    width: 300px;
    font-weight: normal;
    margin-right: 20px;
}

div.dataTables_wrapper div.toolbar-left {
    float: left;
    width: 350px;
}

div.dataTables_wrapper div.toolbar-right {
    float: right;
    width: 250px;
}

@media (min-width: 992px) {
    div.dataTables_wrapper div.toolbar-left {
        width: 700px;
    }

    div.dataTables_wrapper div.toolbar-right {
        width: 420px;
    }
}

@media (min-width: 1200px) {
    div.dataTables_wrapper div.toolbar-left {
        width: 640px;
    }

    div.dataTables_wrapper div.toolbar-right {
        width: 450px;
    }
}

div.dataTables_wrapper button, div.dataTables_wrapper input[type=submit] {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.dataTables_wrapper .dt-button.ui-state-active {
  background: #93c450
}

.bottom div.dataTables_paginate {
    display: flex;
    justify-content: center;
}

div.dt-buttons {
    float: right!important;
}

table.Datatable:not(.reports-table) tr {
    height: 56px; /*min height doesn't work, but this still lets the contents be larger than 44px'*/
}

table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
    bottom: 60% !important;
    content: "▲";
}

table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
    top: 60% !important;
    content: "▼";
}

table.dataTable.styled-table div.DataTables_sort_wrapper span.DataTables_sort_icon.ui-icon {
    background-image: none !important;
}

table.reports-table tr, 
table.reports-table td {
    min-height: 35px
}