table.dataTable{
    margin:20px auto;
    clear:both;
    width:100%;
}
table.dataTable thead th{
    padding:10px;
    border-right:2px solid #FFF;
    color:#FFF;
    background-color:#7f7f7f;
    padding-right:20px;
    text-align:left;
    font-weight:600;
    cursor:pointer;
    *cursor:hand
}
table.dataTable.mod-directory th{
    width:20%
}
table.dataTable tfoot th{
    padding:3px 18px 3px 10px;
    border-top:1px solid #000;
    font-weight:700
}
table.dataTable td{
    padding:10px;
    border:none;
    width:auto
}
table.dataTable td.center,table.dataTable td.dataTables_empty{
    text-align:center
}
table.dataTable tr.odd{
    background-color:#ececec
}
table.dataTable tr.even{
    background-color:#fff
}
table.dataTable tr.odd td.sorting_2{
    background-color:#DADCFF
}
table.dataTable tr.odd td.sorting_3{
    background-color:#E0E2FF
}
table.dataTable tr.even td.sorting_2{
    background-color:#F2F3FF
}
table.dataTable tr.even td.sorting_3{
    background-color:#F9F9FF
}
.dataTables_wrapper{
    position:relative;
    clear:both;
    float:left;
    width:100%;
    *zoom:1
}
.dataTables_length{
    float:left
}
.dataTables_filter{
    float:left;
    margin-bottom:15px
}
.dataTables_filter label{
    text-align:left
}
.dataTables_filter input[type=text]{
    outline:0;width:290px
}
.dataTables_filter input:focus::-webkit-input-placeholder{
    transition:all .5s .5s ease-out;
    opacity:0
}
.dataTables_filter input:focus:-moz-placeholder{
    transition:all .5s .5s ease-out;
    opacity:0
}
.dataTables_filter input:focus::-moz-placeholder{
    transition:all .5s .5s ease-out;
    opacity:0
}
.dataTables_filter input:focus:-ms-input-placeholder{
    transition:all .5s .5s ease-out;
    opacity:0
}
.dataTables_filter input:placeholder{
    color:#dadada
}
.dataTables_info{
    clear:both;
    float:left;
    margin-bottom:20px;
    font-size:.875em;
}
.dataTables_length{
    float:right
}
.dataTables_length select{
    width:auto;
    height:auto
}
.dataTables_info,.dataTables_length label,.dataTables_paginate{
    font-size:12px
}
.paginate_button_disabled{
    opacity:.35;
    filter:Alpha(Opacity=35);
    background-image:none;
    color:#CCC
}
.paginate_disabled_next,.paginate_disabled_previous,.paginate_enabled_next,.paginate_enabled_previous{
    height:19px;
    float:left;
    cursor:pointer;
    color:#111!important
}
.paginate_disabled_next:hover,.paginate_disabled_previous:hover,.paginate_enabled_next:hover,.paginate_enabled_previous:hover{
    text-decoration:none!important
}
.paginate_disabled_next:active,.paginate_disabled_previous:active,.paginate_enabled_next:active,.paginate_enabled_previous:active{
    outline:0
}
.paginate_disabled_next,.paginate_disabled_previous{
    color:#666!important
}
.paginate_disabled_previous,.paginate_enabled_previous{
    padding-left:23px
}
.paginate_disabled_next,.paginate_enabled_next{
    padding-right:23px;
    margin-left:10px
}
.paginate_enabled_previous{
    background:url(../img/DataTables/back_enabled.png) top left no-repeat
}
.paginate_enabled_previous:hover{
    background:url(../img/DataTables/back_enabled_hover.png) top left no-repeat
}
.paginate_disabled_previous{
    background:url(../img/DataTables/back_disabled.png) top left no-repeat
}
.paginate_enabled_next{
    background:url(../img/DataTables/forward_enabled.png) top right no-repeat
}
.paginate_enabled_next:hover{
    background:url(../img/DataTables/forward_enabled_hover.png) top right no-repeat
}
.paginate_disabled_next{
    background:url(../img/DataTables/forward_disabled.png) top right no-repeat
}
.paging_full_numbers{
    padding:1em 0;
    text-align:center;
    height:22px;
    line-height:22px
}
.paging_full_numbers a:active{
    outline:0
}
.paging_full_numbers a:hover{
    text-decoration:none
}
.paging_full_numbers a.paginate_active,.paging_full_numbers a.paginate_button{
    padding:2px 5px;
    margin:0;
    cursor:pointer;
    color:#333!important
}
.paging_full_numbers a.paginate_active{
    opacity:.35;
    cursor:default
}
.paging_full_numbers a.paginate_button{
    color:#333!important
}
.dataTables_processing{
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    height:30px;
    margin-left:-125px;
    margin-top:-15px;
    padding:14px 0 2px;
    border:1px solid #ddd;
    text-align:center;
    color:#999;
    font-size:14px;
    background-color:#fff
}
.sorting{
    background:url(images/DataTables/sort_both.png) no-repeat center right
}
.sorting_asc,.sorting_desc{
    background-color:#73000a!important
}
.sorting_asc{
    background:url(images/DataTables/sort_asc.png) no-repeat center right
}
.sorting_desc{
    background:url(images/DataTables/sort_desc.png) no-repeat center right
}
.sorting_asc_disabled{
    background:url(images/DataTables/sort_asc_disabled.png) no-repeat center right
}
.sorting_desc_disabled{
    background:url(images/DataTables/sort_desc_disabled.png) no-repeat center right
}
table.dataTable thead td:active,table.dataTable thead th:active{
    outline:0
}
.dataTables_scroll{
    clear:both
}
.dataTables_scrollBody{
    *margin-top:-1px;
    -webkit-overflow-scrolling:touch
}
.reset-table{
    float:left;
    margin-top:6px;
    margin-left:10px
}
.reset-btn{
    margin-bottom:10px
}
@media only screen and (max-width:960px){
    .dataTables_filter,.reset-table{
        float:none
    }
    .dataTables_filter{
        width:100%
    }
    .dataTables_filter input[type=text]{
        width:75%
    }
    .reset-table{
        margin-left:0
    }
    table.dataTable,table.dataTable tbody,table.dataTable td,table.dataTable th,table.dataTable thead,table.dataTable tr{
        display:block
    }
    table.dataTable thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    table.dataTable tr{
        border:1px solid #ccc
    }
    table.dataTable td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding:6px 6px 6px 50%;
        word-break:break-all;
        word-break:break-word;
        max-width:100%;
        text-align:left
    }
    table.dataTable td:before{
        position:absolute;
        left:6px;
        width:45%;
        padding-right:10px;
        white-space:nowrap;
    }
}