div.ColVis {
    float: right;
    margin-bottom: 1em;
}

button.ColVis_Button, ul.ColVis_collection li {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    font-size: .88em;
    color: #000 !important;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff 0%,#f3f3f3 89%,#f9f9f9 100%);
    background: -moz-linear-gradient(top,#fff 0%,#f3f3f3 89%,#f9f9f9 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f3f3f3 89%,#f9f9f9 100%);
    background: -o-linear-gradient(top,#fff 0%,#f3f3f3 89%,#f9f9f9 100%);
    background: linear-gradient(top,#fff 0%,#f3f3f3 89%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f9f9f9',GradientType=0);
}

    .ColVis_Button:hover, ul.ColVis_collection li:hover {
        border: 1px solid #666;
        text-decoration: none !important;
        -webkit-box-shadow: 1px 1px 3px #999;
        -moz-box-shadow: 1px 1px 3px #999;
        -ms-box-shadow: 1px 1px 3px #999;
        -o-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999;
        background: #f3f3f3;
        background: -webkit-linear-gradient(top,#f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%);
        background: -moz-linear-gradient(top,#f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%);
        background: -ms-linear-gradient(top,#f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%);
        background: -o-linear-gradient(top,#f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%);
        background: linear-gradient(top,#f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#f4f4f4',GradientType=0);
    }

button.ColVis_Button {
    height: 30px;
    padding: 3px 8px;
}

    button.ColVis_Button::-moz-focus-inner {
        border: none !important;
        padding: 0;
    }

    button.ColVis_Button:active {
        outline: none;
    }

div.ColVis_collectionBackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 1100;
}

ul.ColVis_collection {
    list-style: none;
    width: 150px;
    padding: 8px 8px 4px 8px;
    margin: 0;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.4);
    background-color: #f3f3f3;
    background-color: rgba(255,255,255,.3);
    overflow: hidden;
    z-index: 2002;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    -ms-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    -o-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
}

    ul.ColVis_collection li {
        position: relative;
        height: auto;
        left: 0;
        right: 0;
        padding: .5em;
        display: block;
        float: none;
        margin-bottom: 4px;
        -webkit-box-shadow: 1px 1px 3px #999;
        -moz-box-shadow: 1px 1px 3px #999;
        -ms-box-shadow: 1px 1px 3px #999;
        -o-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999;
    }

    ul.ColVis_collection li {
        text-align: left;
    }

        ul.ColVis_collection li.ColVis_Button:hover {
            border: 1px solid #999;
            background-color: #f0f0f0;
        }

        ul.ColVis_collection li span {
            display: inline-block;
            padding-left: .5em;
            cursor: pointer;
        }

        ul.ColVis_collection li.ColVis_Special {
            border-color: #555;
            background: #ededed;
            background: -webkit-linear-gradient(top,rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%);
            background: -moz-linear-gradient(top,rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%);
            background: -ms-linear-gradient(top,rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%);
            background: -o-linear-gradient(top,rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%);
            background: linear-gradient(to bottom,rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#e8e8e8',GradientType=0);
        }

            ul.ColVis_collection li.ColVis_Special:hover {
                background: #e2e2e2;
                background: -webkit-linear-gradient(top,#d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%);
                background: -moz-linear-gradient(top,#d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%);
                background: -ms-linear-gradient(top,#d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%);
                background: -o-linear-gradient(top,#d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%);
                background: linear-gradient(top,#d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#e2e2e2',GradientType=0);
            }

span.ColVis_radio {
    display: inline-block;
    width: 20px;
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

.disabled {
    color: #999;
}

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;
        -moz-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;
}

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: .5em;
        display: inline-block;
        width: auto;
    }

div.dataTables_wrapper div.dataTables_info {
    font-size: 12px;
    white-space: nowrap;
    line-height: 32px;
    padding-top: 0 !important;
    margin-top: 2px;
    margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    height: 32px;
    margin-bottom: 0;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination a {
            min-width: 28.94px;
            height: 29.06px;
            padding: 3px 10px;
        }

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: 30px;
}

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;
}

    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: absolute;
        bottom: 8px;
        right: 8px;
        display: block;
        font-family: 'FontAwesome';
        opacity: .5;
    }

    table.dataTable thead .sorting:after {
        opacity: .2;
        content: "";
    }

    table.dataTable thead .sorting_asc:after {
        content: "";
    }

    table.dataTable thead .sorting_desc:after {
        content: "";
    }

    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;
    margin-top: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    div.dataTables_scrollBody table > tbody > tr > td {
        padding: 4px 3px !important;
        font-size: 12px !important;
        /*line-height: 18px !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;
    margin-bottom: 0 !important;
    border-top: none;
}

    div.dataTables_scrollFoot table > tfoot > tr > th {
        padding: 4px 8px !important;
    }

@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;
}

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;
    }

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

    table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
        position: absolute;
        top: 12px;
        right: 8px;
        display: block;
        font-family: 'FontAwesome';
    }

    table.dataTable thead th.sorting:after {
        content: "";
        color: #ddd;
        font-size: .8em;
        padding-top: .12em;
    }

    table.dataTable thead th.sorting_asc:after {
        content: "";
    }

    table.dataTable thead th.sorting_desc:after {
        content: "";
    }

div.dataTables_scrollBody table.dataTable thead th.sorting:after, div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after, div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
    content: "";
}

table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after {
    top: 8px;
}

div.dataTables_paginate a.paginate_button.first, div.dataTables_paginate a.paginate_button.previous {
    position: relative;
    padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next, div.dataTables_paginate a.paginate_button.last {
    position: relative;
    padding-right: 24px;
}

div.dataTables_paginate a.first:before, div.dataTables_paginate a.previous:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    font-family: 'FontAwesome';
}

div.dataTables_paginate a.next:after, div.dataTables_paginate a.last:after {
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    font-family: 'FontAwesome';
}

div.dataTables_paginate a.first:before {
    content: "";
}

div.dataTables_paginate a.previous:before {
    content: "";
}

div.dataTables_paginate a.next:after {
    content: "";
}

div.dataTables_paginate a.last:after {
    content: "";
}

div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a {
    position: relative;
    padding-left: 24px;
}

div.dataTables_paginate li.next > a, div.dataTables_paginate li.last > a {
    position: relative;
    padding-right: 24px;
}

div.dataTables_paginate li.first a:before, div.dataTables_paginate li.previous a:before {
    position: absolute;
    top: 3px;
    left: 10px;
    display: block;
    font-family: 'FontAwesome';
}

div.dataTables_paginate li.next a:after, div.dataTables_paginate li.last a:after {
    position: absolute;
    top: 3px;
    right: 10px;
    display: block;
    font-family: 'FontAwesome';
}

div.dataTables_paginate li.first a:before {
    content: "";
}

div.dataTables_paginate li.previous a:before {
    content: "";
}

div.dataTables_paginate li.next a:after {
    content: "";
}

div.dataTables_paginate li.last a:after {
    content: "";
}

div.columns div.dataTables_paginate li.first a:before, div.columns div.dataTables_paginate li.previous a:before, div.columns div.dataTables_paginate li.next a:after, div.columns div.dataTables_paginate li.last a:after {
    top: 0;
}

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

#dtGrid_length label {
    margin-top: 8px;
    font-weight: normal;
}

.w10 {
    width: 10px !important;
    padding: 3px 10px;
    text-align: center;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w20 {
    width: 20px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w30 {
    width: 30px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w40 {
    width: 40px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w50 {
    width: 50px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w60 {
    width: 60px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w70 {
    width: 70px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w80 {
    width: 80px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w90 {
    width: 90px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w100 {
    width: 100px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w110 {
    width: 110px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w120 {
    width: 120px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w130 {
    width: 130px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w140 {
    width: 140px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w150 {
    width: 150px !important;
    padding: 3px 10px;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.w200 {
    width: 200px !important;
    padding: 3px 10px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-wrap: none;
    white-space: nowrap;
}

.panel_inquire {
    padding: 5px 15px !important;
}

.panel_btnop {
    padding: 5px 15px !important;
}

.btnop {
    position: relative;
    min-height: 40px;
}

    .btnop .form-control {
        position: absolute;
        right: 15px;
        top: 4.5px;
        max-width: 150px;
    }

.panel-body-dt-normal {
    padding: 10px 15px 5px 15px;
}

.table > thead > tr > th {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
}

div.dataTables_scrollBody table > tbody > tr > td {
    color: rgba(0, 0, 0, 0.65);
}