table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;/* border-collapse:separate !important */}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{/*width: 75px; */display: inline-block;border: 0;border-bottom: 1px solid #ddd;margin-top: 4px;outline: 0;font-family:'Roboto';}
    div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left: 0;display:inline-block;width: 100%;}
div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap; font-size:10px;}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right: 10px;}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative;
    /* background: #fff; */
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after{position: relative;
    /* bottom: 0px; */
    vertical-align: middle;
    /* right: 10px; */
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    opacity: 0.5;
    padding-left: 5px;}

table.dataTable thead .sorting:after{
    opacity:0.2;
    content:"\f0d7"}
table.dataTable thead .sorting_asc:after{content:"\f0d8"}
table.dataTable thead .sorting_desc:after{content:"\f0d7"}
table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}
div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}
div.dataTables_scrollFoot>table{margin-top:0 !important;border-top:none}
div.dataTables_wrapper div.dataTables_filter input:focus {
    border-color: #000000;
    box-shadow: none;
}
@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}
    table.dataTable.table-condensed>thead>tr>th{padding-right:20px}
    table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,
    table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}
    table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}
    table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0;outline:none;}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}

    /* pagination style for datatable */

    
    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em

    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 10px;
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 2px 8px;
        /* margin-left: -1px; */
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        cursor: han;
        color: #424242 !important;
        
        border: 0px solid #ddd;
        /* border-radius: 0px 4px 4px 0px; */
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #777 !important;
        border: 0px solid #ddd;
        background-color: rgb(236, 236, 236);
        /* background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc)); */
        /* background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%); */
        /*background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);*/
        /* background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%); */
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #666 !important;
        border: 0px solid #ddd;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        cursor: not-allowed;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #424242 !important;
        border-radius: 0px;
        border: 0px solid rgb(221, 221, 221);
        background-color: rgb(236, 236, 236);
        /* background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); */
        /* background:-webkit-linear-gradient(top, #585858 0%, #111 100%); */
        /*background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);*/
        /* background:linear-gradient(to bottom, #585858 0%, #111 100%) */
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        outline: none;
        border-radius: 0;
        background-color: #fff;
        /* background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); */
        /* box-shadow:inset 0 0 3px #111; */
    }
    
    .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 1em
    }