.datatable{
    background: none;
    padding:20px;
}
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_info{
    color:#333;
    font-weight:300;
}

table.dataTable thead .sorting{background-image:url("../../images/datatables-1.10.7/sort_both.png")}
table.dataTable thead .sorting_asc{background-image:url("../../images/datatables-1.10.7/sort_asc.png")}
table.dataTable thead .sorting_desc{background-image:url("../../images/datatables-1.10.7/sort_desc.png")}
table.dataTable thead .sorting_asc_disabled{background-image:url("../../images/datatables-1.10.7/sort_asc_disabled.png")}
table.dataTable thead .sorting_desc_disabled{background-image:url("../../images/datatables-1.10.7/sort_desc_disabled.png")}


.dataTables_wrapper .dataTables_filter input{
    color:#333;
    border: none;
    font-weight:normal;
    padding:4px 8px;
    background:#c8c8c8;
}
.dataTables_wrapper .dataTables_filter input:focus{
    background:#ddd;
}
.dataTables_length label select{
    color:#333;
    border: none;
    margin:0px 4px;
    font-weight:normal;
    padding:4px 8px;
    background:#c8c8c8;
    -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0
}
.datatable .form-control,.datatable select{
    color:#333;
    border: none;
    font-weight:normal;
    padding:4px 8px;
    background:#c8c8c8;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height:34px;
}
.datatable .form-control:focus, .datatable .form-control:active{
    outline:none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{

}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    color:#ccc!important;
    border:1px solid #999;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border:1px solid #333;
    background: #ddd;
    background: -moz-linear-gradient(left, #ddd 0%, #ddd 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ddd), color-stop(100%, #ddd));
    background: -webkit-linear-gradient(left, #ddd 0%, #ddd 100%);
    background: -o-linear-gradient(left, #ddd 0%, #ddd 100%);
    background: -ms-linear-gradient(left, #ddd 0%, #ddd 100%);
    background: linear-gradient(to right, #ddd 0%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#ddd', GradientType=1 );
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    border:1px solid #ccc;
    background: #ccc;
    background: -moz-linear-gradient(left, #ccc 0%, #ccc 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #ccc), color-stop(100%, #ccc));
    background: -webkit-linear-gradient(left, #ccc 0%, #ccc 100%);
    background: -o-linear-gradient(left, #ccc 0%, #ccc 100%);
    background: -ms-linear-gradient(left, #ccc 0%, #ccc 100%);
    background: linear-gradient(to right, #ccc 0%, #ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ccc', GradientType=1 );
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color:#fff!important;
    border:1px solid #727272;
    background: #727272;
    background: -moz-linear-gradient(left, #727272 0%, #727272 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #727272), color-stop(100%, #727272));
    background: -webkit-linear-gradient(left, #727272 0%, #727272 100%);
    background: -o-linear-gradient(left, #727272 0%, #727272 100%);
    background: -ms-linear-gradient(left, #727272 0%, #727272 100%);
    background: linear-gradient(to right, #727272 0%, #727272 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#727272', GradientType=1 );
}

.dataTable .fa,.dataTable .fw{
    color:#333;
}
.dataTable .fa:hover,.dataTable .fw:hover{
    color:#999;
}
table.dataTable.no-footer,table.dataTable thead th, table.dataTable thead td{
    border-bottom:1px solid #999;
}