table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap, table.dataTable td.dt-nowrap, table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable th.dt-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap, table.dataTable.nowrap td, table.dataTable.nowrap th { white-space: nowrap; } .dataTables_wrapper .dataTables_paginate .paginate_button:active, table.dataTable thead td:active, table.dataTable thead th:active { outline: 0; } table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; } table.dataTable tfoot th, table.dataTable thead th { font-weight: 700; text-transform: uppercase; font-size: 12px; } table.dataTable thead td, table.dataTable thead th { padding: 16px 18px; border-bottom: 1px solid #ccc; } table.dataTable tfoot td, table.dataTable tfoot th { padding: 16px 18px 20px; border-top: 1px solid #ccc; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; } 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 { background: url(../../../img/datatables/sort_desc_disabled.png) center right no-repeat; } table.dataTable tbody tr { background-color: #fff; } table.dataTable tbody tr.selected { background-color: #b0bed9; } table.dataTable tbody td, table.dataTable tbody th { padding: 14px 10px; } 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; } 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-bottom: 1px solid #111; } table.dataTable.compact thead td, table.dataTable.compact thead th { padding: 5px 9px; } table.dataTable.compact tfoot td, table.dataTable.compact tfoot th { padding: 5px 9px 3px; } table.dataTable.compact tbody td, table.dataTable.compact tbody th { padding: 4px 5px; } table.dataTable td.dt-left, table.dataTable th.dt-left { text-align: left; } table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center { text-align: center; padding-top: 15%; padding-bottom: 20%; } table.dataTable td.dt-right, table.dataTable th.dt-right { text-align: right; } table.dataTable td.dt-justify, table.dataTable th.dt-justify { text-align: justify; } table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left { text-align: left; } table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center { text-align: center; } table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right { text-align: right; } table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify { text-align: justify; } table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left { text-align: left; } table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center { text-align: center; } table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right { text-align: right; } table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify { text-align: justify; } table.dataTable, table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dataTables_wrapper { position: relative; clear: both; zoom: 1; } .dataTables_wrapper .dataTables_length { } @media screen and (min-width: 640px){ .dataTables_wrapper .dataTables_length { float: right !important; } } .dataTables_wrapper .dataTables_filter { } .dataTables_wrapper .dataTables_filter input { margin-left: .5em; height: 34px; border-radius: 3px; padding-left: 10px; font-size: 14px; font-family: arial,sans-serif; font-weight: 400; background: #fff; border: 1px solid #bdc4c9; width: 80%; box-shadow: inset 0 1px 0 #f1f0f1; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.2em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; color: #333 !important; border: 1px solid transparent; border-radius: 4px; background: #f2f2f2; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #444; background-color: #ddd; } .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; background: 0 0; border: none; box-shadow: none; border-radius: 3px; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background-color: #eee; color: #333; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 40%; left: 50%; width: 100%; height: 350px; margin-left: -50%; margin-top: -25px; margin-bottom: 15px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: #fff; } .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing { color: #333; font-family: inherit; font-weight: 400; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { -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 #ccc; } .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: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length { float: none; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length { color: #fff; background: #3298dc; padding: 10px; border-radius: 3px; } tr.group, tr.group:hover { background-color: #e1e1e1 !important; } .selectDB { padding: 6px; background-color: #fff; border-color: #dbdbdb; border-radius: 4px; color: #363636; }