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


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

table.dataTable thead th, 
table.dataTable tfoot th { background:#f9fafc;color:#888;font-weight: bold;font-size:13px; }


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

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

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

table.dataTable tbody th,
table.dataTable tbody td { font-size:13px;}




 
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 8px;
    display: block;
    font-family: 'FontAwesome';
}
table.dataTable thead th.sorting:after { content: "\f0dc"; color: #ddd; font-size: 0.8em; }
table.dataTable thead th.sorting_asc:after { content: "\f0de"; }
table.dataTable thead th.sorting_desc:after { content: "\f0dd"; }





@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 .fa.active,
.table > tbody > tr > td:last-child .fa.passive{ margin-right:5px; }
.table > tbody > tr > td:last-child .dropdown { display: inline-block; }
.table > tbody > tr > td:last-child .dropdown-menu { left:auto;right:0; }

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


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


.dataTables_wrapper {  position: relative;  clear: both;  *zoom: 1;  zoom: 1;  }

.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 #f9fafc; }

.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; }