/*

# -----------------------------------------------------------------------------
#  ~/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;
}

}