// DATATABLES - BOOTSTRAP 3 INTEGRATION STYLES // dataTables.bootstrap.less // DATATABLES - CORE HTML ELEMENT MODIFICATIONS .table { tbody { tr.active { td, th { background-color: #08C color: white; } a { color: white; } &:hover { td, th { background-color: #0075b0 !important; } } } } } // DATATABLES - BOOTSTRAP 3 - CORE MODIFICATIONS table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; thead { .sorting { background: url('../images/icons/sort_both.png') no-repeat center right; cursor: pointer; } .sorting_asc { background: url('../images/icons/sort_asc.png') no-repeat center right; cursor: pointer; } .sorting_desc { background: url('../images/icons/sort_desc.png') no-repeat center right; cursor: pointer; } .sorting_asc_disabled { background: url('../images/icons/sort_asc_disabled.png') no-repeat center right; cursor: pointer; } .sorting_desc_disabled { background: url('../images/icons/sort_desc_disabled.png') no-repeat center right; cursor: pointer; } & > tr { & > th { padding-left: 18px; padding-right: 18px; } } } th:active { outline: none; } td , th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } } // DATATABLES - BOOTSTRAP 3 CLASS TABLE MODIFICATIONS .table-striped tbody tr.active:nth-child(odd) { th, td { background-color: #017ebc; } } table.table-bordered { .datatable { border-collapse: separate !important; } thead { td, th { border-left-width: 0; border-top-width: 0; } } tbody { th, td { border-left-width: 0; border-bottom-width: 0; } } th:last-child, td:last-child { border-right-width: 0; } } // DATATABLES - FORM CONTROL SECTION - VISIBLE ROW LENGTH div.dataTables_length { label { font-weight: normal; float: left; text-align: left; } select { width: 75px; } } // DATATABLES - FORM CONTROL SECTION: SEARCH / FILTER div.dataTables_filter { label { font-weight: normal; float: right; } input { width: 16em; } } // DATATABLES - FORM CONTROL SECTION: INFO div.dataTables_info { padding-top: 8px; } // DATATABLES - FORM CONTROL SECTION: PAGINATION div.dataTables_paginate { float: right; margin: 0; ul.pagination { margin: 2px 0; white-space: nowrap; } } // DATATABLES - FORM CONTROL SECTION: PROCESSING div.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: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, 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%); background: -moz-linear-gradient(left, 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%); background: -ms-linear-gradient(left, 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%); background: -o-linear-gradient(left, 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%); 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 - EXTENTION - SCROLLER MODIFICATIONS div.dataTables_scrollHead { table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } table { .table-bordered { border-bottom-width: 0; } thead { tr:last-child { th:first-child, td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } } } } } div.dataTables_scrollBody { table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } tbody tr:first-child { td, th { border-top: none; } } } div.dataTables_scrollFoot { table { margin-top: 0 !important; border-top: none; } } // DATATABLES - EXTENTION - TABLETOOLS MODIFICATIONS table.DTTT_selectable { tbody { tr { cursor: pointer; } } } div.DTTT { .btn { color: #333 !important; font-size: 12px; } .btn:hover { text-decoration: none !important; } } ul.DTTT_dropdown.dropdown-menu { z-index: 2003; a { color: #333 !important; } li { position: relative; } li:hover { a { background-color: #0088cc; color: white !important; } } } div.DTTT_collection_background { z-index: 2002; } div.DTTT_print_info.modal { height: 150px; margin-top: -75px; text-align: center; } div.DTTT_print_info { h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } p { font-size: 14px; line-height: 20px; } } // DATATABLES - EXTENTIONS - FIXED COLUMNS - MODIFICATIONS div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; margin-bottom: 0; } div.DTFC_RightHeadWrapper table , div.DTFC_LeftHeadWrapper table { margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table { border-top: none; margin: 0 !important; } div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; } div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table { border-top: none; } // DATATABLES - EXTENTIONS - FIXED HEADER - MODIFICATIONS div.FixedHeader_Cloned { table { margin: 0 !important; } }