.dataTables_wrapper { position: relative; clear: both; *zoom: 1; } .dataTables_length { float: left; margin-bottom: 10px; } .dataTables_length::after { clear: both; display: block; content: ''; } .dataTables_length label { display: inline-block; } .dataTable { display: inline-table; } .dataTable:before { display: block; clear: both; content: ''; } .dataTable thead > tr > th { background-color: transparent; background-repeat: no-repeat; background-position: 97% center; } .dataTables_filter { float: right; text-align: right; margin-bottom: 10px; } .dataTables_filter:after { display: block; clear: both; content: ''; } .dataTables_filter input { border: 1px solid #ddd; padding: 10px; font-zize: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 5px; } .dataTables_filter input:focus { border-color: #999; -moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.05); box-shadow: 3px 3px 0 rgba(0,0,0,0.05); } .dataTables_info { clear: both; float: left; } .dataTables_paginate { float: right; text-align: right; } /* Two button pagination - previous / next */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { float: left; cursor: pointer; padding: 6px 15px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #666; } .paginate_enabled_previous, .paginate_enabled_next { color: #fff; background: #428BCA; border: 1px solid #357EBD; } .paginate_enabled_previous:hover, .paginate_enabled_next:hover { color: #fff; background: #3276B1; border-color: #285E8E; color: #fff; text-decoration: none; } .paginate_disabled_previous, .paginate_disabled_next { border: 1px solid #ccc; background-color: #ddd; color: #999; } .paginate_disabled_previous:hover, .paginate_disabled_next:hover { text-decoration: none; color: #999; cursor: default; } .paginate_disabled_next, .paginate_enabled_next { margin-left: 5px; } /* Full number pagination */ .paging_full_numbers { line-height: 22px; } .paging_full_numbers a:active { outline: none } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #ddd; padding: 6px 12px; margin-right: 5px; cursor: pointer; color: #636E7B; line-height: 21px; float: left; position: relative; background: #fff; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .paging_full_numbers > li:first-child > a, .paging_full_numbers > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .paging_full_numbers a.paginate_button:hover { text-decoration: none !important; background-color: #E4E7EA; } .paging_full_numbers a.paginate_active { background-color: #1CAF9A; border-color: #1CAF9A; color: #fff; } .paging_full_numbers a:focus { text-decoration: none; } .paging_full_numbers a.last { margin-right: 0; } .paginate_button_disabled { opacity: 0.5; } .paginate_button_disabled:hover { cursor: default !important; background-color: #fff !important; } /* * Processing indicator */ .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } /* * Sorting */ .sorting { background-image: url('../images/sort_both.png'); } .sorting_asc { background-image: url('../images/sort_asc.png'); } .sorting_desc { background-image: url('../images/sort_desc.png'); } .sorting_asc_disabled { background-image: url('../images/sort_asc_disabled.png'); } .sorting_desc_disabled { background-image: url('../images/sort_desc_disabled.png'); } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } /* * Scrolling */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }