/*/*/
* /*/* jquery datatable update*/
/* hide datatable filter info but it is enabled for column search */
.dataTables_filter {
    float: right;
    text-align: right;
    visibility: hidden;
}

.dataTables_wrapper {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: lightgray;
    clear: both;
    position: relative;
    *zoom: 1;
    zoom: 1;
}

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333333;
    }

    .dataTables_wrapper .dataTables_length {
        float: left;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right;
    }

        .dataTables_wrapper .dataTables_filter input {
            margin: 5px;
            background-color: white;
            border-radius: 15px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding: 10px 0 5px 10px;
        margin-bottom: 5px;
    }


    .dataTables_wrapper .dataTables_scroll {
        clear: both;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
                height: 0;
                overflow: hidden;
                margin: 0 !important;
                padding: 0 !important;
            }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111111;
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
    .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
        border-bottom: none;
    }

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

    .dataTables_wrapper .dataTables_paginate {
        padding: 8px 10px 0px 0;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            border-radius: 5px;
            border: 1px solid #aaa;
            margin: 0 3px 0 2px;
            padding: 2px 5px;
        }


            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333333 !important;
                border: 1px solid #cacaca;
                background-color: white;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
                /* Chrome10+,Safari5.1+ */
                background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
                /* FF3.6+ */
                background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
                /* IE10+ */
                background: -o-linear-gradient(top, white 0%, gainsboro 100%);
                /* Opera 11.10+ */
                background: linear-gradient(to bottom, white 0%, gainsboro 100%);
                /* W3C */
            }

            .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: 1px solid transparent;
                background: transparent;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
                /* Chrome10+,Safari5.1+ */
                background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
                /* FF3.6+ */
                background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
                /* IE10+ */
                background: -o-linear-gradient(top, #585858 0%, #111111 100%);
                /* Opera 11.10+ */
                background: linear-gradient(to bottom, #585858 0%, #111111 100%);
                /* W3C */
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                /* Chrome10+,Safari5.1+ */
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                /* FF3.6+ */
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                /* IE10+ */
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                /* Opera 11.10+ */
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                /* W3C */
                box-shadow: inset 0 0 3px #111;
            }


        .dataTables_wrapper .dataTables_paginate .ui-button {
            margin-right: -.1em !important;
        }

    .dataTables_wrapper .ui-toolbar {
        padding: 5px;
    }


@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

/*
 * Table.datatable styles
 * set head css and sort icon from local
 */

table.dataTable, table.dataTable th, table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    table.dataTable thead {
        background: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    }

        table.dataTable thead tr th, table.dataTable tfoot tr th, table.dataTable tfoot tr td {
            border: 1px solid #d3d3d3;
            font-weight: 500;
            color: #555;
        }


/* table display styles */

table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
}

    table.display thead tr {
        padding: 0;
    }

    table.display thead th {
        padding: 3px 0 3px 10px;
        cursor: pointer;
        cursor: hand;
        text-align: center;
    }

        table.display thead th div.DataTables_sort_wrapper {
            position: relative;
            padding-right: 20px;
        }

            table.display thead th div.DataTables_sort_wrapper span {
                position: absolute;
                top: 50%;
                margin-top: -8px;
                right: 0;
            }

    table.display tbody tr.odd {
        background-color: #ebf8fd;
    }

    table.display tbody tr.even {
        background-color: #fff;
    }

    table.display tr.even.row_selected td, table.display tr.odd.row_selected td {
        background-color: #b0bed9;
    }

    table.display tbody td {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-top-style: none;
        border-bottom-style: none;
        text-align: left;
        -ms-word-wrap: normal;
        word-wrap: normal;
        padding: 3px 3px 3px 10px;
    }

    table.display tfoot th {
        padding: 3px 0 3px 3px;
        font-weight: bold;
        font-weight: normal;
    }

    table.display tfoot tr th {
        text-align: left;
    }

        table.display tfoot tr th select {
            font-size: .85em;
        }

    table.display tfoot input {
        margin: .5em 0;
        width: 100%;
        color: #444;
    }

        table.display tfoot input.search_init {
            color: #999;
        }