|
|
|
@ -1973,434 +1973,6 @@ input[type=number].form-control {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ========================================================================
|
|
|
|
|
* list table styles
|
|
|
|
|
* ======================================================================== */
|
|
|
|
|
.table.list-table {
|
|
|
|
|
min-width: 100%;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table thead,
|
|
|
|
|
.table.list-table tbody {
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table > tbody > tr > td,
|
|
|
|
|
.table.list-table > tbody > tr > th,
|
|
|
|
|
.table.list-table > tfoot > tr > td,
|
|
|
|
|
.table.list-table > tfoot > tr > th,
|
|
|
|
|
.table.list-table > thead > tr > td,
|
|
|
|
|
.table.list-table > thead > tr > th {
|
|
|
|
|
border: none;
|
|
|
|
|
padding: 8px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table .h1, .table.list-table .h2, .table.list-table .h3, .table.list-table .h4, .table.list-table .h5, .table.list-table .h6, .table.list-table h1, .table.list-table h2, .table.list-table h3, .table.list-table h4, .table.list-table h5, .table.list-table h6 {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table tr {
|
|
|
|
|
border-bottom: 5px solid transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table > thead > tr.sort-row {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table > tbody > tr:nth-of-type(odd),
|
|
|
|
|
.table.list-table > tbody > tr:nth-of-type(even) {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table > tbody > tr.child ul {
|
|
|
|
|
text-align: left;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-hover > tbody > tr:hover td:not(.dataTables_empty) {
|
|
|
|
|
background: #e4e4e4 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-hover > tbody > tr:hover td:not(.dataTables_empty).fade-edge:after {
|
|
|
|
|
content: "";
|
|
|
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, fade(#e4e4e4, 0%)), color-stop(100%, fade(#e4e4e4, 100%)));
|
|
|
|
|
background-image: -webkit-linear-gradient(left, fade(#e4e4e4, 0%), fade(#e4e4e4, 100%));
|
|
|
|
|
background: linear-gradient(to right, fade(#e4e4e4, 0%), fade(#e4e4e4, 100%));
|
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00$color', EndColorStr='$color');
|
|
|
|
|
bottom: 0;
|
|
|
|
|
max-height: 100%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
height: 10000px;
|
|
|
|
|
width: 60px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-selectable > tbody > tr:hover {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-selectable > tbody > tr:hover td:not(.dataTables_empty):first-child:before,
|
|
|
|
|
.table.table-selectable > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child:before {
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
|
|
|
|
content: "";
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
border-left: 2px solid #fff;
|
|
|
|
|
border-bottom: 2px solid #fff;
|
|
|
|
|
height: .65rem;
|
|
|
|
|
width: 1.3rem;
|
|
|
|
|
z-index: 102;
|
|
|
|
|
-webkit-transform: rotate(-45deg);
|
|
|
|
|
transform: rotate(-45deg);
|
|
|
|
|
right: 0.3rem;
|
|
|
|
|
left: auto;
|
|
|
|
|
top: 0.3rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-selectable.grid-view > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child {
|
|
|
|
|
border: 5px solid #007d85;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-selectable:not(.grid-view) > tbody > tr.DTTT_selected td:not(.dataTables_empty) {
|
|
|
|
|
background: #2C313B !important;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-selectable > tbody > tr:hover td:not(.dataTables_empty):first-child:after,
|
|
|
|
|
.table.table-selectable > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child:after,
|
|
|
|
|
.table.table-selectable > tbody > tr[data-type=selectable] td:not(.dataTables_empty):first-child:after {
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
|
|
|
|
border-top: 32px solid #007d85;
|
|
|
|
|
border-left: 32px solid transparent;
|
|
|
|
|
right: 0;
|
|
|
|
|
content: "";
|
|
|
|
|
top: 0;
|
|
|
|
|
z-index: 101;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.table-selectable > tbody > tr[data-type=selectable]:not(:hover):not(.DTTT_selected) td:not(.dataTables_empty):first-child:after {
|
|
|
|
|
border-top-color: #e4e4e4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table thead tr.bulk-action-row {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 0 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table thead tr.bulk-action-row > th, .table.list-table thead tr.bulk-action-row > td {
|
|
|
|
|
display: block !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table thead tr.bulk-action-row > th > div, .table.list-table thead tr.bulk-action-row > td > div,
|
|
|
|
|
.table.list-table thead tr.bulk-action-row > th > span, .table.list-table thead tr.bulk-action-row > td > span,
|
|
|
|
|
.table.list-table thead tr.bulk-action-row > th > ul, .table.list-table thead tr.bulk-action-row > td > ul {
|
|
|
|
|
margin: 0 -10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table > thead.block > tr > td:not(:empty):before,
|
|
|
|
|
.table.list-table > thead.block > tr > th:not(:empty):before {
|
|
|
|
|
content: attr(data-for);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table:not(.grid-view) .content-fill {
|
|
|
|
|
width: 1%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table:not(.grid-view) > tbody > tr > td,
|
|
|
|
|
.table.list-table:not(.grid-view) > tbody > tr > th {
|
|
|
|
|
background: #f5f5f5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table:not(.grid-view) > tbody > tr > td.fade-edge:after,
|
|
|
|
|
.table.list-table:not(.grid-view) > tbody > tr > th.fade-edge:after {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table:not(.grid-view) tbody {
|
|
|
|
|
margin: 0 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table:not(.grid-view) .thumbnail {
|
|
|
|
|
max-width: 60px;
|
|
|
|
|
min-width: 60px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view > thead > tr {
|
|
|
|
|
width: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view > tbody > tr > td,
|
|
|
|
|
.table.list-table.grid-view > tbody > tr > th,
|
|
|
|
|
.table.list-table.grid-view > tfoot > tr > td,
|
|
|
|
|
.table.list-table.grid-view > tfoot > tr > th {
|
|
|
|
|
display: block;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
padding: 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view > tbody > tr > td[data-grid-label]:before,
|
|
|
|
|
.table.list-table.grid-view > tbody > tr > th[data-grid-label]:before {
|
|
|
|
|
content: attr(data-grid-label):;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view > tbody > tr.header-row {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view > thead > tr > td,
|
|
|
|
|
.table.list-table.grid-view > thead > tr > th {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view > thead > tr > td:not(:empty):before,
|
|
|
|
|
.table.list-table.grid-view > thead > tr > th:not(:empty):before {
|
|
|
|
|
content: attr(data-for);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view .hidden-on-grid-view {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view .padding-reduce-on-grid-view {
|
|
|
|
|
padding: 1px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view .text-left-on-grid-view {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view .text-right-on-grid-view {
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view .text-center-on-grid-view {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table {
|
|
|
|
|
width: auto;
|
|
|
|
|
display: block;
|
|
|
|
|
/*
|
|
|
|
|
margin-right: -15px;
|
|
|
|
|
margin-left: -15px;
|
|
|
|
|
*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table > thead,
|
|
|
|
|
.table.list-table > tbody,
|
|
|
|
|
.table.list-table > tfoot {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view tr {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view > tbody > tr {
|
|
|
|
|
padding: 15px 15px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view .filter-row,
|
|
|
|
|
.table.list-table thead.block .filter-row {
|
|
|
|
|
background: #e4e4e4;
|
|
|
|
|
margin: 0 15px;
|
|
|
|
|
padding: 15px;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view .filter-row th:empty,
|
|
|
|
|
.table.list-table thead.block .filter-row th:empty {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.list-table.grid-view tr td {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
|
.table.list-table > thead > tr.filter-row,
|
|
|
|
|
.table.list-table > thead > tr.filter-row > td,
|
|
|
|
|
.table.list-table > thead > tr.filter-row > th {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 320px) and (max-width: 479px) {
|
|
|
|
|
.table.list-table.grid-view tr {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 480px) and (max-width: 767px) {
|
|
|
|
|
.table.list-table.grid-view tr {
|
|
|
|
|
width: 50%;
|
|
|
|
|
}
|
|
|
|
|
.table.list-table:not(.grid-view) .content-fill {
|
|
|
|
|
width: auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
|
.table.list-table.grid-view tr {
|
|
|
|
|
width: 33.3%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
|
.table.list-table.grid-view tr {
|
|
|
|
|
width: 20%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
.table.list-table.grid-view tr {
|
|
|
|
|
width: 10%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ========================================================================
|
|
|
|
|
* data table styles
|
|
|
|
|
* ======================================================================== */
|
|
|
|
|
table.dataTable thead .sorting:after,
|
|
|
|
|
table.dataTable thead .sorting_asc:after,
|
|
|
|
|
table.dataTable thead .sorting_desc:after {
|
|
|
|
|
font-family: "font-wso2";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a:before,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_asc:before,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_desc:before {
|
|
|
|
|
font-family: "font-wso2";
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
filter: "alpha(opacity=100)";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a:before {
|
|
|
|
|
opacity: 0.2;
|
|
|
|
|
filter: "alpha(opacity=20)";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable thead .sorting:after,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a:before {
|
|
|
|
|
content: "\e673";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable thead .sorting_asc:after,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_asc:before {
|
|
|
|
|
content: "\e64b";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable thead .sorting_desc:after,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_desc:before {
|
|
|
|
|
content: "\e663";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable thead .sorting {
|
|
|
|
|
padding-right: 30px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable thead .no-sort:after {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable thead .no-sort {
|
|
|
|
|
pointer-events: none !important;
|
|
|
|
|
cursor: default !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable tr.filter-row td,
|
|
|
|
|
table.dataTable tr.filter-row th {
|
|
|
|
|
padding: 0 8px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_wrapper > div.row > div {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_filter,
|
|
|
|
|
.dataTables_toolbar,
|
|
|
|
|
.dataTables_length,
|
|
|
|
|
.dataTables_info {
|
|
|
|
|
text-align: left;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_toolbar,
|
|
|
|
|
.dataTables_paginate {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTablesTop,
|
|
|
|
|
.dataTablesBottom {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTablesTop:after,
|
|
|
|
|
.dataTablesBottom:after {
|
|
|
|
|
content: " ";
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
clear: both;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTablesBottom .dataTables_info {
|
|
|
|
|
padding: 4px 0 0 10px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
border-left: 1px solid #e4e4e4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_filter .search-icon {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
right: -10px;
|
|
|
|
|
top: 0;
|
|
|
|
|
color: #7B7B7B;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_filter input {
|
|
|
|
|
padding: 0 15px 0 35px;
|
|
|
|
|
min-width: 300px;
|
|
|
|
|
margin: 0 0 0 -14px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.dataTable tbody tr.active td,
|
|
|
|
|
.table.dataTable tbody tr.active th,
|
|
|
|
|
.table.dataTable tbody tr.active:hover td,
|
|
|
|
|
.table.dataTable tbody tr.active:hover th {
|
|
|
|
|
background-color: #2c313b !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.dataTable tbody tr td.dataTables_empty {
|
|
|
|
|
overflow: visible;
|
|
|
|
|
cursor: default;
|
|
|
|
|
background: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 10px;
|
|
|
|
|
margin-top: -8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:first-child,
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:first-child {
|
|
|
|
|
padding-left: 40px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ========================================================================
|
|
|
|
|
* thumbnail styles
|
|
|
|
|
* ======================================================================== */
|
|
|
|
@ -6355,139 +5927,6 @@ body.inverse .fade-edge:after {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ========================================================================
|
|
|
|
|
* data table styles
|
|
|
|
|
* ======================================================================== */
|
|
|
|
|
table.dataTable thead .sorting:after,
|
|
|
|
|
table.dataTable thead .sorting_asc:after,
|
|
|
|
|
table.dataTable thead .sorting_desc:after,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a:before,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_asc:before,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_desc:before {
|
|
|
|
|
font-family: 'font-wso2';
|
|
|
|
|
}
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a:before,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_asc:before,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_desc:before {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a:before {
|
|
|
|
|
opacity: 0.2;
|
|
|
|
|
}
|
|
|
|
|
table.dataTable thead .sorting:after,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a:before {
|
|
|
|
|
content: "\e673";
|
|
|
|
|
}
|
|
|
|
|
table.dataTable thead .sorting_asc:after,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_asc:before {
|
|
|
|
|
content: "\e64b";
|
|
|
|
|
}
|
|
|
|
|
table.dataTable thead .sorting_desc:after,
|
|
|
|
|
.dataTables_wrapper ul.sort-list li a.sorting_desc:before {
|
|
|
|
|
content: "\e663";
|
|
|
|
|
}
|
|
|
|
|
table.dataTable thead .sorting {
|
|
|
|
|
padding-right: 30px !important;
|
|
|
|
|
}
|
|
|
|
|
table.dataTable thead .no-sort:after {
|
|
|
|
|
display: none!important;
|
|
|
|
|
}
|
|
|
|
|
table.dataTable thead .no-sort {
|
|
|
|
|
pointer-events: none!important;
|
|
|
|
|
cursor: default!important;
|
|
|
|
|
}
|
|
|
|
|
table.dataTable tr.filter-row td,
|
|
|
|
|
table.dataTable tr.filter-row th {
|
|
|
|
|
padding: 0 8px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
table.dataTable tr td.dataTables_empty {
|
|
|
|
|
overflow: visible;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dataTables_wrapper > div.row > div {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_filter,
|
|
|
|
|
.dataTables_toolbar,
|
|
|
|
|
.dataTables_length,
|
|
|
|
|
.dataTables_info {
|
|
|
|
|
text-align: left;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_toolbar,
|
|
|
|
|
.dataTables_paginate {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
.dataTablesTop,
|
|
|
|
|
.dataTablesBottom {
|
|
|
|
|
margin: 0 0 10px;
|
|
|
|
|
}
|
|
|
|
|
.dataTablesTop:after,
|
|
|
|
|
.dataTablesBottom:after {
|
|
|
|
|
content: " ";
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
clear: both;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
}
|
|
|
|
|
.dataTablesBottom .dataTables_info {
|
|
|
|
|
padding: 4px 0 0 10px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
border-left: 1px solid #e4e4e4;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_filter .search-icon {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
right: -10px;
|
|
|
|
|
top: 0;
|
|
|
|
|
color: #fff;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_filter input {
|
|
|
|
|
padding: 0 15px 0 35px;
|
|
|
|
|
margin: 0 0 0 -14px !important;
|
|
|
|
|
background-color: #bbb;
|
|
|
|
|
color: #fff;
|
|
|
|
|
height: 40px;
|
|
|
|
|
min-width: 400px;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.dataTables_filter input::-webkit-input-placeholder {
|
|
|
|
|
color: #dedede;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_filter input:-moz-placeholder { /* Firefox 18- */
|
|
|
|
|
color: #dedede;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_filter input::-moz-placeholder { /* Firefox 19+ */
|
|
|
|
|
color: #dedede;
|
|
|
|
|
}
|
|
|
|
|
.dataTables_filter input:-ms-input-placeholder {
|
|
|
|
|
color: #dedede;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table.dataTable tbody tr.active td,
|
|
|
|
|
.table.dataTable tbody tr.active th,
|
|
|
|
|
.table.dataTable tbody tr.active:hover td,
|
|
|
|
|
.table.dataTable tbody tr.active:hover th {
|
|
|
|
|
background-color: #2c313b !important;
|
|
|
|
|
}
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 10px;
|
|
|
|
|
margin-top: -8px;
|
|
|
|
|
}
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:first-child,
|
|
|
|
|
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:first-child {
|
|
|
|
|
padding-left: 40px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ========================================================================
|
|
|
|
|
* thumbnail styles
|
|
|
|
|