/*
# ----------------------------------------------------------------------------- # ~/assets/themes/j1/extensions/datatables/css/theme/uno.css # Provides styles for MD Data Tables used for J1 Template Theme Uno # # Product/Info: # https://jekyll-one.com # # Copyright (C) 2019 Juergen Adams # # J1 Template is licensed under the MIT License. # See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE # -----------------------------------------------------------------------------
*/
.dataTables_wrapper .dataTables_info {
font-size: .85rem !important; padding-top: .25rem !important; margin-left: .25rem !important;
}
.dataTables_wrapper .dataTables_paginate {
font-size: .85rem !important; padding-top: .25rem !important; margin-right: .25rem !important;
}
.dataTables_wrapper .dataTables_length {
margin-left: .25rem !important;
}
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: 0.5em; display: inline-block; width: auto;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 8px; white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0; white-space: nowrap; text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0; white-space: nowrap;
}
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_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
color: #eee;
}
div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important;
}
div.dataTables_scrollBody table {
border-top: none; margin-top: 0 !important; margin-bottom: 0 !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; border-top: none;
}
/* jadams, 2018-01-19: Added default theme hover colors */ table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: #C5CAE9 !important; /* md-indigo-100 */
} table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
background-color: #FFCDD2 !important; /* md-pink-100 */
}
@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:first-child {
padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div:last-child {
padding-right: 0;
}
/* jadams */ table.dataTable .btn-simple.btn-icon {
padding: 2px; margin-top: -4px;
}
/* jadams, 2018-01-12: Changed Icon font to MDI */ 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: relative; display: inline-block; /* bottom: 1px; */ right: -7px; font-family: "Material Design Icons"; opacity: 0.8; /* font-size: 12px; */
} table.dataTable thead .disabled-sorting.sorting:after, table.dataTable thead .disabled-sorting.sorting_asc:after, table.dataTable thead .disabled-sorting.sorting_desc:after, table.dataTable thead .disabled-sorting.sorting_asc_disabled:after, table.dataTable thead .disabled-sorting.sorting_desc_disabled:after {
display: none;
} table.dataTable thead .sorting:after {
opacity: 0.4; content: "\f4ba";
} table.dataTable thead .sorting_asc:after {
content: "\f4bc"; /* top: 2px; */
} table.dataTable thead .sorting_desc:after {
content: "\f4bd"; /* top: -3px; */
}
table.dataTable > thead > tr > th {
border: none;
}
.dataTables_paginate a {
outline: 0;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
} table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important;
} table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
position: relative; padding-left: 30px; cursor: pointer;
} table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
top: 50%; margin-top: -9px; left: 4px; height: 18px; width: 18px; display: block; position: absolute; color: #4caf50; border: 0px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 18px; content: '+'; background-color: #FFF;
} table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
content: '-'; color: #f44336;
} table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
padding-left: 27px;
} table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
position: relative; cursor: pointer;
} table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131;
} table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: '-'; background-color: #d33333;
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;
} table.dataTable > tbody > tr.child:hover {
background: transparent !important;
} table.dataTable > tbody > tr.child ul {
display: inline-block; list-style-type: none; margin: 0; padding: 0;
} table.dataTable > tbody > tr.child ul li {
border-bottom: 1px solid #efefef; padding: 0.5em 0;
} table.dataTable > tbody > tr.child ul li:first-child {
padding-top: 0;
} table.dataTable > tbody > tr.child ul li:last-child {
border-bottom: none;
} table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block; min-width: 75px; font-weight: bold;
}
div.dtr-modal {
position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em;
} div.dtr-modal div.dtr-modal-display {
position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
} div.dtr-modal div.dtr-modal-content {
position: relative; padding: 1em;
} div.dtr-modal div.dtr-modal-close {
position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12;
} div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea;
} div.dtr-modal div.dtr-modal-background {
position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6);
}
.material-datatables .input-sm {
height: 35px; padding: 0;
}
@media screen and (max-width: 767px) {
div.dtr-modal div.dtr-modal-display { width: 95%; } table.dataTable > tbody > tr > td:first-child { padding-left: 30px !important; }
/* jadams,2018-01-18: disabled for resposibe tables
table > thead > tr > th { width: 60px !important; }
} */
@media all and (min-width: 520px) and (max-width: 730px) {
table.dataTable .btn-simple.btn-icon { display: block; margin: 0; }
}