table.dataTable {   width: 100% !important; max-width:100% !important; }


table.dataTable thead th, table.no thead th { position: relative;padding:15px 10px; }

table.dataTable thead th,
table.dataTable thead th,
table.no tfoot th,
table.no tfoot th { background:#FFFFFF;border-bottom:1px solid #EEEEEE;color:#616262;font-weight: 700;font-size:13px;text-transform: uppercase; }


table.dataTable thead th:active, 
table.dataTable thead td:active {  outline: none; }

table.dataTable tbody tr, table.no tbody tr {  background-color: #ffffff; }




 
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    padding-left:5px;
    display: block;font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color:#AAA;
}
table.dataTable thead th.sorting:after { content: ""; }
table.dataTable thead th.sorting_asc:after { content: "\f161"; }
table.dataTable thead th.sorting_desc:after { content: "\f160"; }



table.dataTable tbody tr td:not(:last-child) { max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }





@media screen and (max-width: 767px) {

    div.dataTables_wrapper > div.row > div,
    div.dataTables_length,
    div.dataTables_filter,
    div.dataTables_info,
    div.dataTables_paginate { text-align: center; }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter { float: none; text-align: center;  }
    .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; }
  }





.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child { padding-left:15px; }
.table > tbody > tr > td:last-child .dropdown { display: inline-block; }

.table > tbody > tr:hover > td {  background: rgba(249, 250, 252, .4); }


.table > tbody > tr > td:last-child { text-align: right;padding-right: 15px; }

.table > tbody > tr > td .dropdown-menu{ left:auto;right:-4px;background: #FFFFFF;min-width:120px;}

.table > tbody > tr > td .dropdown-menu:before{right:9px;left: auto;}


table.dataTable thead th:last-child:after{ display: none; }



.dataTables_wrapper, table.no {  position: relative;  clear: both;  *zoom: 1;  zoom: 1;background:#FFFFFF; border:1px solid #EEEEEE; }

.dataTables_wrapper .table{border-top:1px solid #EEE;}

.dataTables_wrapper:after {   display: block; content: ""; visibility: hidden;clear: both; height: 0; }

.dataTables_length { float:right; display: block; padding:15px; color: #333; border-left:1px solid #EEEEEE; }

.dataTables_length select {  display: inline-block;  border:0px; }

.dataTables_length label{ font-weight: normal;   margin-bottom:0px;text-align: left; white-space: nowrap;  }


.dataTables_filter { width:90%;  }

.dataTables_filter label { position: relative;display: block; margin-bottom:0px;  }
.dataTables_filter label .fa-search { position: absolute;top:50%;left:15px;margin-top:-8px; color:#333; font-size:16px; }


.dataTables_filter input {  display: block; padding: 15px 30px 15px 45px; background: #FFF; color: #333; border:0px;  font-weight: normal; width:100%; }


.dataTables_info, .dataTables_paginate { height:46px;padding:10px; }

.dataTables_info {  display: inline-block;background:#f9fafc;font-size:12px;font-weight:bold;color:#888; padding: 10px 15px; white-space: nowrap;width:50%; }

.dataTables_paginate {  float: right;background:#f9fafc; text-align: right;    white-space: nowrap; width:50%; }


.dataTables_paginate .pagination { white-space: nowrap; }


.dataTables_paginate .paginate_button {
    display: inline-block;
    background: #FFF;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    color: #333;
    border:1px solid #EEE;
    border-radius: 4px;
    margin:0px 2px;
    font-size:12px;
}

.dataTables_paginate .paginate_button.current, 
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:active,
.dataTables_paginate .paginate_button.current:focus {
    background: #34495e;
    color:#FFF;
}

.dataTables_paginate .paginate_button.disabled, 
.dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_paginate .paginate_button.disabled:active,
.dataTables_paginate .paginate_button.disabled:focus {
    cursor: not-allowed;
    opacity: 0.6;
}
.dataTables_paginate .paginate_button:hover { cursor: hand; color: #333; background: #FFF; }