table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
    font-family: Tahoma;
}

    table.dataTable thead {
        background: #ff9933;
        color: #fff;
    }

        table.dataTable tfoot th, table.dataTable thead th {
            font-weight: 600;
        }

        table.dataTable thead td, table.dataTable thead th {
            border:0;
            padding: 10px 5px !important;
            vertical-align: top;
        }

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

    table.dataTable tfoot td, table.dataTable tfoot th {
        padding: 10px 18px 6px;
        border-top: 1px solid #111;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
        cursor: pointer;
        *cursor: hand;
    }

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

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

    table.dataTable tbody td, table.dataTable tbody th {
        padding: 8px 5px;
        border-bottom: 1px solid #ddd;
    }

    table.dataTable td.center, table.dataTable td.dataTables_empty {
        text-align: center;
    }

    table.dataTable td.right, table.dataTable th.right {
        text-align: right;
    }

    table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
        border-top: 1px solid #ddd;
    }

    table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th {
        border-top: none;
    }

    table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child {
        border-left: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th {
        border-top: none;
    }

    table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
        background-color: #f9f9f9;
    }

        table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected {
            background-color: #abb9d3;
        }

        table.dataTable.display tbody tr.even:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr:hover {
            background-color: #f5f5f5;
            cursor: pointer;
        }

            table.dataTable.display tbody tr.even:hover.selected, table.dataTable.display tbody tr.odd:hover.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, table.dataTable.hover tbody tr:hover.selected {
                background-color: #a9b7d1;
            }

    table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3, table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3 {
        background-color: #f9f9f9;
    }

    table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3, table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3 {
        background-color: #acbad4;
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1;
    }

    table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3;
    }

    table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: #f5f5f5;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b3cd;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a7b5ce;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b6d0;
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #f9f9f9;
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fbfbfb;
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fdfdfd;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad4;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #adbbd6;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8;
    }

    table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea;
    }

    table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.display tbody tr.odd:hover > .sorting_2, table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ebebeb;
    }

    table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.display tbody tr.odd:hover > .sorting_3, table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #eee;
    }

    table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a1aec7;
    }

    table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a2afc8;
    }

    table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a4b2cb;
    }

    table.dataTable.no-footer {
        border: 1px solid #ddd;
    }

    table.dataTable, table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

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

    .dataTables_wrapper .dataTables_length {
        float: left;
    }

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

        .dataTables_wrapper .dataTables_filter input {
            margin-left: .5em;
            border: 1px solid #ddd;
            padding: 5px;
            margin-right: 2px;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: .755em;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: .25em;
        display: inline-block;
        padding-left: 0;
        margin: 10px 0;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 5px 10px;
            margin-left: -1px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid #ddd;
            font-size: 12px;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #fff !important;
                border: 1px solid #ff9933;
                background-color: #ff9933 !important;
                /*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:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
                cursor: default;
                color: #666!important;
                border: 1px solid transparent;
                background: 0 0;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: #fff !important;
                border: 1px solid #ff9933;
                background-color: #ff9933 !important;
                border-color: #ddd !important;
                /*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: 0;
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2b2b2b),color-stop(100%,#0c0c0c));
                background: -webkit-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);
                background: -moz-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);
                background: -ms-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);
                background: -o-linear-gradient(top,#2b2b2b 0,#0c0c0c 100%);
                background: linear-gradient(to bottom,#2b2b2b 0,#0c0c0c 100%);
                box-shadow: inset 0 0 3px #111;
            }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
        background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
        background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
        background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
        background: linear-gradient(to right,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);
    }

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

    .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 td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing {
                height: 0;
                overflow: hidden;
                margin: 0!important;
                padding: 0!important;
            }

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

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

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

@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: .5em;
    }
}

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

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

/* RP add for loder*/

.loaderInd {
    background: url(../App_Themes/EmployeeLayout1/Images/indicator-big.gif) no-repeat center center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 3px 1px 6px #303030;
    padding: 10px;
    position: absolute;
    z-index: 1102;
    margin-left: 33%;
    margin-top: -30%;
    width: 30%;
    height: 5%;
}