table.dataTable {
width : 100%;
margin : 0 auto;
clear : both;
border-collapse : separate;
border-spacing : 0;
}
table.dataTable thead th, table.dataTable tfoot th {
font-weight : bold;
}
table.dataTable thead th, table.dataTable thead td {
padding : 10px 18px;
border-bottom : 1px solid #111111;
}
table.dataTable thead th:active, table.dataTable thead td:active {
outline : none;
}
table.dataTable tfoot th, table.dataTable tfoot td {
padding : 10px 18px 6px 18px;
border-top : 1px solid #111111;
}
table.dataTable thead .sorting {
background : url("../images/sort_both.png") center right no-repeat;
}
table.dataTable thead .sorting_asc {
background : url("../images/sort_asc.png") center right no-repeat;
}
table.dataTable thead .sorting_desc {
background : url("../images/sort_desc.png") center right no-repeat;
}
table.dataTable thead .sorting_asc_disabled {
background : url("../images/sort_asc_disabled.png") center right no-repeat;
}
table.dataTable thead .sorting_desc_disabled {
background : url("../images/sort_desc_disabled.png") center right no-repeat;
}
table.dataTable tbody tr {
background-color : white;
}
table.dataTable tbody tr.selected {
background-color : #b0bed9;
}
table.dataTable tbody th, table.dataTable tbody td {
padding : 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top : 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
border-top : none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top : 1px solid #dddddd;
border-right : 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
border-left : 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
border-top : none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color : #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color : #abb9d3;
}
table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover {
background-color : whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.display tbody tr.odd:hover.selected, table.dataTable.display tbody tr.even:hover.selected {
background-color : #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
background-color : #f9f9f9;
}
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, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display 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 : whitesmoke;
}
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:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
background-color : #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.display tbody tr.odd:hover > .sorting_2, table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
background-color : #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.display tbody tr.odd:hover > .sorting_3, table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
background-color : #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
background-color : #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
background-color : #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
background-color : #a4b2cb;
}
table.dataTable.no-footer {
border-bottom : 1px solid #111111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space : nowrap;
}
table.dataTable.compact thead th, table.dataTable.compact thead td {
padding : 5px 9px;
}
table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
padding : 5px 9px 3px 9px;
}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
padding : 4px 5px;
}
table.dataTable th.dt-left, table.dataTable td.dt-left {
text-align : left;
}
table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
text-align : center;
}
table.dataTable th.dt-right, table.dataTable td.dt-right {
text-align : right;
}
table.dataTable th.dt-justify, table.dataTable td.dt-justify {
text-align : justify;
}
table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
white-space : nowrap;
}
table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
text-align : left;
}
table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
text-align : center;
}
table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
text-align : right;
}
table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
text-align : justify;
}
table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
white-space : nowrap;
}
table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
text-align : left;
}
table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
text-align : center;
}
table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
text-align : right;
}
table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
text-align : justify;
}
table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
white-space : nowrap;
}
table.dataTable, table.dataTable th, table.dataTable td {
box-sizing : content-box;
}
.dataTables_wrapper .dataTables_filter {
float : right;
text-align : right;
}
.dataTables_wrapper .dataTables_filter input {
margin-left : 0.5em;
}
.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.current:hover {
color : #333333 !important ;
border : #cacaca solid 1px;
background-color : white;
background : linear-gradient(to bottom, white 0%, gainsboro 100%);
}
.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 : transparent solid 1px;
background : transparent;
box-shadow : none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color : white !important ;
border : #111111 solid 1px;
background-color : #585858;
background : linear-gradient(to bottom, #585858 0%, #111111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline : none;
background-color : #2b2b2b;
background : linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
box-shadow : 0 0 3px #111 inset;
}
.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-color : white;
background : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.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_scroll {
clear : both;
}
.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;
}
@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;
}
}