table.dataTable {width:100%;border-bottom:2px solid #e7eaec;margin-bottom:0px;}


table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    background-color: #f6f8fa;
    border: 1px solid #e7eaec
    color: #4e74ad;
    height: 17px;
    width: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 13px;
    font-weight: 600;
    border-radius: 4px;
    line-height: 17px
}
.dataTables_wrapper {padding-bottom:5px;}



table.dataTable td.dataTables_empty {
    text-align: center !important;
}


/* LENGTH */

div.dataTables_length {
    width:20%;
    float:left;
    text-align: left;
    margin:0px;
    margin-top:10px;
    margin-left:10px;
    display: inline-table;
    font-size:11px;

}

div.dataTables_length select {
    
    color: #253038;
    height:25px;
    margin-right: 10px;

}




/* FILTERH */

div.dataTables_filter {
    height: 35px;
    padding:5px;
    float:right;
    text-align:right;
    width:18%;
    font-size:11px;
}

div.dataTables_info {
    line-height: 33px;
    height: 35px;
    margin-left:10px;
    float:left;
    text-align:left;

    font-size:11px;
    width:20%;
}

div.dataTables_paginate {
    
    height: 35px;
    padding:5px;
    width:60%;
    display:inline-block;
    line-height:36px;
    text-align:center;
    margin:0 auto;
    
}
.paginate_button {
    background-color: #f1f5f8;
}
.paginate_button.current {
    background-color: #96c300;
    border-color: #6d8f00;
    color:#ffffff;
    
}

div.dataTables_filter input {
    width: 80px!important;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
    height: 25px;
    color: #606f7b;
    background-color: #f1f5f8;
    font-size: 0.8rem;
    border-radius: .25rem;
    border-color: rgba(0, 34, 51, 0.15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 30px;
    border:1px solid rgba(0, 34, 51, 0.15);
}

div.dataTables_filter input:focus {
    width: 160px!important
}

div.dataTables_filter label {
    text-align: right;
}




/* INFO */




/* PAGINATE */





.dataTables_empty {
    padding-top: 25px!important;
    padding-bottom: 180px!important;
    text-align: left!important;
    color: #777;
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 161px
}

.app_dt_empty .dataTables_info,.app_dt_empty .dataTables_paginate,.app_dt_empty table tfoot {
    display: none
}

.app_dt_empty .dataTables_length,.app_dt_empty .dt-buttons,.app_dt_empty table thead {
    opacity: .5
}



.dt-table-loading.table,.table-loading .dataTables_filter,.table-loading .dataTables_length,.table-loading .dt-buttons,.table-loading table tbody tr,.table-loading table thead th {
    opacity: 0!important
}


table.dataTable tbody {border-top:2px solid #e7eaec;}
table.dataTable tbody .tags-labels .label-tag:hover {
    cursor: pointer;
    opacity: .8
}

table.dataTable thead>tr>th 
{
    color: #253038;
    background: #f6f8fa;
    vertical-align: middle;
    border-bottom: 1px solid;
    border-color: #e7eaec!important;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 8px
}


/* SORTING */

table.dataTable thead .sorting:before
{
    font-family: "Font Awesome 5 Pro";
    content: "\f15d";
    font-weight:300;
    opacity:0.2;
    margin-right:5px;
    color:#223139;
    transform: rotate(90deg);
}


table.dataTable thead .sorting_asc:before 
{
    font-family: "Font Awesome 5 Pro";
    content: "\f15d";
    font-weight:300;
    opacity:1;
    margin-right:5px;
    color:#223139;
    
}
table.dataTable thead .sorting_desc:before 
{
    font-family: "Font Awesome 5 Pro";
    content: "\f15e";
    font-weight:300;
    opacity:1;
    margin-right:5px;
    color:#223139;
}



table.dataTable thead th:first-child {
    border-top-left-radius: 2px
}

table.dataTable thead th:last-child {
    border-top-right-radius: 2px
}

table.dataTable tbody tr:first-child td {
    border-top: 0
}

table.dataTable thead>tr>th {
    color: #253038;
    background: #f6f8fa !important;
    vertical-align: middle;
    border-bottom: 1px solid;
    border-color: #e7eaec!important;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 8px
}



table.dataTable thead th:first-child {
    border-top-left-radius: 2px
}

table.dataTable thead th:last-child {
    border-top-right-radius: 2px
}

table.dataTable tbody tr:first-child td {
    border-top: 0
}