/* CSS Table Custom Variables */

:root {
    --ghmc_table_head_color: #dcddc5;
    --ghmc_table_odd_color: rgba(22, 126, 145, 0.1);
    --ghmc_table_even_color: #fff;
    --ghmc_table_hover_color: rgba(22, 126, 145, 0.3);
    --ghmc_table_border_color: #185ba34d;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: -1px;
    height: calc(2.25rem + 2px);
    border: 1px solid #167e91;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /* padding-left: 25px; */
}
div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0;
    position: relative;
}
.content-wrapper {
    /*background: url(./bg.png) repeat;*/
}
table.dataTable {
    width: 100%;
    //height:100% !important;
    margin: 0 !important;
}
.dt-bootstrap4 .dt-buttons .btn-secondary {
    background: white;
    border-color: #167e91;
    color: #167e91;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dataTable thead {
    background-color: var(--ghmc_table_head_color);
    color: #185ba3;
}
.dataTable.table-bordered {
    border: 1px solid #167F92;
}
.dataTable.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #005f70;
}
.dataTable.table.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--ghmc_table_odd_color);
}
.dataTable.table.table-hover tbody tr:hover {
    color: #000;
    background-color: var(--ghmc_table_hover_color);
}
.dataTable.table tfoot {
    color: #005f70;
}

    .dataTable.table tfoot td {
        font-weight: bold;
        border-top: 2px solid #005f70;
    }
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.5em;
    white-space: nowrap;
}
.dataTable.table.table-bordered td,
.dataTable.table.table-bordered th {
    border-color: var(--ghmc_table_border_color);
}
.table-wrapper.clearfix.top {
    margin-bottom: 3px;
}
.ghmc_gis_card .card-title {
    float: left;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 10px 0;
}
.card-ghmc .card-body {
    padding: .5rem 1.25rem!important;
}
.div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

table.dataTable {
    width: 100%;
    height:100%;
    margin: 0 !important;
}

.dt-buttons {
    display: block;
    max-width: 100%;
    width: 300px;
    margin: 0;
    margin-bottom: 0;
}
.issuewidth{
    width:300px;
}