You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1052 lines
25 KiB
1052 lines
25 KiB
/* Tabulator v3.3.1 (c) Oliver Folkerd */
|
|
/*******************************
|
|
Site Settings
|
|
*******************************/
|
|
/*-------------------
|
|
Fonts
|
|
--------------------*/
|
|
/*-------------------
|
|
Base Sizes
|
|
--------------------*/
|
|
/* This is the single variable that controls them all */
|
|
/* The size of page text */
|
|
/*-------------------
|
|
Exact Pixel Values
|
|
--------------------*/
|
|
/*
|
|
These are used to specify exact pixel values in em
|
|
for things like borders that remain constantly
|
|
sized as emSize adjusts
|
|
|
|
Since there are many more sizes than names for sizes,
|
|
these are named by their original pixel values.
|
|
|
|
*/
|
|
/*-------------------
|
|
Border Radius
|
|
--------------------*/
|
|
/* See Power-user section below
|
|
for explanation of $px variables
|
|
*/
|
|
/*-------------------
|
|
Site Colors
|
|
--------------------*/
|
|
/*--- Colors ---*/
|
|
/*--- Light Colors ---*/
|
|
/*--- Neutrals ---*/
|
|
/*--- Colored Backgrounds ---*/
|
|
/*--- Colored Text ---*/
|
|
/*--- Colored Headers ---*/
|
|
/*--- Colored Border ---*/
|
|
/*-------------------
|
|
Alpha Colors
|
|
--------------------*/
|
|
/*-------------------
|
|
Brand Colors
|
|
--------------------*/
|
|
/*--------------
|
|
Page Heading
|
|
---------------*/
|
|
/*-------------------
|
|
Page
|
|
--------------------*/
|
|
/*--------------
|
|
Form Input
|
|
---------------*/
|
|
/* This adjusts the default form input across all elements */
|
|
/* Input Text Color */
|
|
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
|
|
/*-------------------
|
|
Focused Input
|
|
--------------------*/
|
|
/* Used on inputs, textarea etc */
|
|
/* Used on dropdowns, other larger blocks */
|
|
/*-------------------
|
|
Sizes
|
|
--------------------*/
|
|
/*
|
|
Sizes are all expressed in terms of 14px/em (default em)
|
|
This ensures these "ratios" remain constant despite changes in EM
|
|
*/
|
|
/*-------------------
|
|
Paragraph
|
|
--------------------*/
|
|
/*-------------------
|
|
Links
|
|
--------------------*/
|
|
/*-------------------
|
|
Highlighted Text
|
|
--------------------*/
|
|
/*-------------------
|
|
Em Sizes
|
|
--------------------*/
|
|
/*
|
|
This rounds $size values to the closest pixel then expresses that value in (r)em.
|
|
This ensures all size values round to exact pixels
|
|
*/
|
|
/* em */
|
|
/* rem */
|
|
/*-------------------
|
|
Loader
|
|
--------------------*/
|
|
/*-------------------
|
|
Grid
|
|
--------------------*/
|
|
/*-------------------
|
|
Transitions
|
|
--------------------*/
|
|
/*-------------------
|
|
Breakpoints
|
|
--------------------*/
|
|
/* Columns */
|
|
/*******************************
|
|
Power-User
|
|
*******************************/
|
|
/*-------------------
|
|
Emotive Colors
|
|
--------------------*/
|
|
/* Positive */
|
|
/* Negative */
|
|
/* Info */
|
|
/* Warning */
|
|
/*-------------------
|
|
Paths
|
|
--------------------*/
|
|
/* For source only. Modified in gulp for dist */
|
|
/*-------------------
|
|
Icons
|
|
--------------------*/
|
|
/* Maximum Glyph Width of Icon */
|
|
/*-------------------
|
|
Neutral Text
|
|
--------------------*/
|
|
/*-------------------
|
|
Brand Colors
|
|
--------------------*/
|
|
/*-------------------
|
|
Borders
|
|
--------------------*/
|
|
/*-------------------
|
|
Accents
|
|
--------------------*/
|
|
/* Differentiating Neutrals */
|
|
/* Differentiating Layers */
|
|
/*-------------------
|
|
Derived Values
|
|
--------------------*/
|
|
/* Loaders Position Offset */
|
|
/* Rendered Scrollbar Width */
|
|
/* Maximum Single Character Glyph Width, aka Capital "W" */
|
|
/* Used to match floats with text */
|
|
/* Header Spacing */
|
|
/* Minimum Mobile Width */
|
|
/* Positive / Negative Dupes */
|
|
/* Responsive */
|
|
/*******************************
|
|
States
|
|
*******************************/
|
|
/*-------------------
|
|
Disabled
|
|
--------------------*/
|
|
/*-------------------
|
|
Hover
|
|
--------------------*/
|
|
/*--- Shadows ---*/
|
|
/*--- Colors ---*/
|
|
/*--- Emotive ---*/
|
|
/*--- Brand ---*/
|
|
/*--- Dark Tones ---*/
|
|
/*--- Light Tones ---*/
|
|
/*-------------------
|
|
Focus
|
|
--------------------*/
|
|
/*--- Colors ---*/
|
|
/*--- Emotive ---*/
|
|
/*--- Brand ---*/
|
|
/*--- Dark Tones ---*/
|
|
/*--- Light Tones ---*/
|
|
/*-------------------
|
|
Down (:active)
|
|
--------------------*/
|
|
/*--- Colors ---*/
|
|
/*--- Emotive ---*/
|
|
/*--- Brand ---*/
|
|
/*--- Dark Tones ---*/
|
|
/*--- Light Tones ---*/
|
|
/*-------------------
|
|
Active
|
|
--------------------*/
|
|
/*--- Colors ---*/
|
|
/*--- Emotive ---*/
|
|
/*--- Brand ---*/
|
|
/*--- Dark Tones ---*/
|
|
/*--- Light Tones ---*/
|
|
/*******************************
|
|
Table
|
|
*******************************/
|
|
/*-------------------
|
|
Element
|
|
--------------------*/
|
|
/*--------------
|
|
Parts
|
|
---------------*/
|
|
/* Table Row */
|
|
/* Table Cell */
|
|
/* Table Header */
|
|
/* Table Footer */
|
|
/* Responsive Size */
|
|
/*-------------------
|
|
Types
|
|
--------------------*/
|
|
/* Definition */
|
|
/*--------------
|
|
Couplings
|
|
---------------*/
|
|
/*--------------
|
|
States
|
|
---------------*/
|
|
/* Positive */
|
|
/* Negative */
|
|
/* Error */
|
|
/* Warning */
|
|
/* Active */
|
|
/*--------------
|
|
Types
|
|
---------------*/
|
|
/* Attached */
|
|
/* Striped */
|
|
/* Selectable */
|
|
/* Sortable */
|
|
/* Colors */
|
|
/* Inverted */
|
|
/* Basic */
|
|
/* Padded */
|
|
/* Compact */
|
|
/* Sizes */
|
|
.tabulator {
|
|
position: relative;
|
|
background-color: #FFFFFF;
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
width: 100%;
|
|
margin: 1em 0em;
|
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
|
box-shadow: none;
|
|
border-radius: 0.28571/pxrem;
|
|
color: rgba(0, 0, 0, 0.87);
|
|
-ms-transform: translatez(0);
|
|
transform: translatez(0);
|
|
/* Red */
|
|
/* Orange */
|
|
/* Yellow */
|
|
/* Olive */
|
|
/* Green */
|
|
/* Teal */
|
|
/* Blue */
|
|
/* Violet */
|
|
/* Purple */
|
|
/* Pink */
|
|
/* Brown */
|
|
/* Grey */
|
|
/* Black */
|
|
}
|
|
|
|
.tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
|
|
min-width: 100%;
|
|
}
|
|
|
|
.tabulator.tabulator-block-select {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.tabulator .tabulator-header {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
border-bottom: 1px solid rgba(34, 36, 38, 0.1);
|
|
background-color: #F9FAFB;
|
|
box-shadow: none;
|
|
color: rgba(0, 0, 0, 0.87);
|
|
font-style: none;
|
|
font-weight: bold;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col {
|
|
display: inline-block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
background-color: #F9FAFB;
|
|
text-align: left;
|
|
vertical-align: bottom;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
|
|
position: absolute;
|
|
border: 1px solid #999;
|
|
background: #dae1e7;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
|
|
position: relative;
|
|
padding: 0.92857em 0.78571em;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
border: 1px solid #999;
|
|
padding: 1px;
|
|
background: #fff;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 18px;
|
|
right: 8px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #bbb;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
|
|
position: relative;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
border-top: 1px solid #ddd;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols .tabulator-col:last-child {
|
|
margin-right: -1px;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
|
|
display: none;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.ui-sortable-helper {
|
|
position: absolute;
|
|
background-color: #dae1e7 !important;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
margin-top: 2px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
|
|
height: auto !important;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
|
|
padding-right: 25px;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
|
|
cursor: pointer;
|
|
background-color: #dae1e7;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow {
|
|
border-top: none;
|
|
border-bottom: 6px solid #bbb;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-arrow {
|
|
border-top: none;
|
|
border-bottom: 6px solid #666;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-arrow {
|
|
border-top: 6px solid #666;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-frozen {
|
|
display: inline-block;
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
|
|
border-right: 2px solid #ddd;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
|
|
border-left: 2px solid #ddd;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-calcs-holder {
|
|
box-sizing: border-box;
|
|
min-width: 200%;
|
|
background: white !important;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
|
|
background: white !important;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
|
|
display: none;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder {
|
|
position: relative;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-placeholder {
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-placeholder span {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
padding: 10px;
|
|
color: #000;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table {
|
|
position: relative;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: visible;
|
|
color: #333;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
|
|
font-weight: bold;
|
|
background: #f2f2f2 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
|
|
border-bottom: 2px solid #ddd;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
|
|
border-top: 2px solid #ddd;
|
|
}
|
|
|
|
.tabulator .tabulator-row {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
min-height: 22px;
|
|
border-bottom: 1px solid rgba(34, 36, 38, 0.1);
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-selectable:hover {
|
|
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
|
|
background: #E0E0E0 !important;
|
|
color: rgba(0, 0, 0, 0.87) !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-selected {
|
|
background-color: #9ABCEA;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-selected:hover {
|
|
background-color: #769BCC;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-moving {
|
|
position: absolute;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
pointer-events: none !important;
|
|
z-index: 15;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-frozen {
|
|
display: inline-block;
|
|
position: absolute;
|
|
background-color: inherit;
|
|
z-index: 10;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-frozen.tabulator-frozen-left {
|
|
border-right: 2px solid #ddd;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-frozen.tabulator-frozen-right {
|
|
border-left: 2px solid #ddd;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell {
|
|
display: inline-block;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
padding: 0.78571em 0.78571em;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell:last-of-type {
|
|
border-right: none;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-editing {
|
|
border: 1px solid #1D68CD;
|
|
padding: 0;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-editing input, .tabulator .tabulator-row .tabulator-cell.tabulator-editing select {
|
|
border: 1px;
|
|
background: transparent;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-validation-fail {
|
|
border: 1px solid #dd0000;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator .tabulator-row .tabulator-cell.tabulator-validation-fail select {
|
|
border: 1px;
|
|
background: transparent;
|
|
color: #dd0000;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
|
|
display: none;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle {
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
|
|
width: 80%;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
|
|
width: 100%;
|
|
height: 3px;
|
|
margin: 2px 10% 0 10%;
|
|
background: #666;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group {
|
|
box-sizing: border-box;
|
|
border-bottom: 1px solid #999;
|
|
border-right: 1px solid #ddd;
|
|
border-top: 1px solid #999;
|
|
padding: 5px;
|
|
padding-left: 10px;
|
|
background: #fafafa;
|
|
font-weight: bold;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group:hover {
|
|
cursor: pointer;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
|
|
margin-right: 10px;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-top: 6px solid #666;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group.tabulator-group-level-1 .tabulator-arrow {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group.tabulator-group-level-2 .tabulator-arrow {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group.tabulator-group-level-3 .tabulator-arrow {
|
|
margin-left: 60px;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group.tabulator-group-level-4 .tabulator-arrow {
|
|
margin-left: 80px;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group.tabulator-group-level-5 .tabulator-arrow {
|
|
margin-left: 1000px;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group .tabulator-arrow {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-right: 16px;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-right: 0;
|
|
border-left: 6px solid #666;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-group span {
|
|
margin-left: 10px;
|
|
color: #666;
|
|
}
|
|
|
|
.tabulator .tabulator-col-resize-handle {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 5px;
|
|
}
|
|
|
|
.tabulator .tabulator-col-resize-handle.prev {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.tabulator .tabulator-col-resize-handle:hover {
|
|
cursor: ew-resize;
|
|
}
|
|
|
|
.tabulator .tabulator-footer {
|
|
padding: 0.78571em 0.78571em;
|
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
box-shadow: none;
|
|
background: #F9FAFB;
|
|
text-align: right;
|
|
color: rgba(0, 0, 0, 0.87);
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-calcs-holder {
|
|
box-sizing: border-box;
|
|
width: calc("100% + 20px");
|
|
margin: -0.78571em -0.78571em 0.78571em -0.78571em;
|
|
text-align: left;
|
|
background: white !important;
|
|
border-bottom: 1px solid #ddd;
|
|
border-top: 1px solid #ddd;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
|
|
font-weight: bold;
|
|
background: white !important;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
|
|
display: none;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
|
|
margin-bottom: -0.78571em;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-pages {
|
|
margin: 0 7px;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-page {
|
|
display: inline-block;
|
|
margin: 0 2px;
|
|
border: 1px solid #aaa;
|
|
border-radius: 3px;
|
|
padding: 2px 5px;
|
|
background: rgba(255, 255, 255, 0.2);
|
|
color: #555;
|
|
font-family: inherit;
|
|
font-weight: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-page.active {
|
|
color: #d00;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-page:disabled {
|
|
opacity: .5;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
|
|
cursor: pointer;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
color: #fff;
|
|
}
|
|
|
|
.tabulator .tablulator-loader {
|
|
position: absolute;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
text-align: center;
|
|
}
|
|
|
|
.tabulator .tablulator-loader .tabulator-loader-msg {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
padding: 10px 20px;
|
|
border-radius: 10px;
|
|
background: #fff;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.tabulator .tablulator-loader .tabulator-loader-msg.tabulator-loading {
|
|
border: 4px solid #333;
|
|
color: #000;
|
|
}
|
|
|
|
.tabulator .tablulator-loader .tabulator-loader-msg.tabulator-error {
|
|
border: 4px solid #D00;
|
|
color: #590000;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.positive, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.positive {
|
|
box-shadow: 0px 0px 0px #A3C293 inset;
|
|
background: #FCFFF5 !important;
|
|
color: #2C662D !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.positive:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.positive:hover {
|
|
background: #f7ffe6 !important;
|
|
color: #275b28 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.negative, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.negative {
|
|
box-shadow: 0px 0px 0px #E0B4B4 inset;
|
|
background: #FFF6F6 !important;
|
|
color: #9F3A38 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.negative:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.negative:hover {
|
|
background: #ffe7e7 !important;
|
|
color: #943634 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.error, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.error {
|
|
box-shadow: 0px 0px 0px #E0B4B4 inset;
|
|
background: #FFF6F6 !important;
|
|
color: #dd0000 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.error:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.error:hover {
|
|
background: #ffe7e7 !important;
|
|
color: #943634 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.warning, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.warning {
|
|
box-shadow: 0px 0px 0px #C9BA9B inset;
|
|
background: #FFFAF3 !important;
|
|
color: #573A08 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.warning:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.warning:hover {
|
|
background: #fff4e4 !important;
|
|
color: #493107 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.active, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.active {
|
|
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
|
|
background: #E0E0E0 !important;
|
|
color: rgba(0, 0, 0, 0.87) !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.active:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.active:hover {
|
|
background: #f7ffe6 !important;
|
|
color: #275b28 !important;
|
|
}
|
|
|
|
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.active, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.disabled:hover, .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell.active {
|
|
pointer-events: none;
|
|
color: rgba(40, 40, 40, 0.3);
|
|
}
|
|
|
|
.tabulator.inverted {
|
|
background: #333333;
|
|
color: rgba(255, 255, 255, 0.9);
|
|
border: none;
|
|
}
|
|
|
|
.tabulator.inverted .tabulator-header {
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
border-color: rgba(255, 255, 255, 0.1) !important;
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.tabulator.inverted .tabulator-header .tabulator-col {
|
|
border-color: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
|
|
.tabulator.inverted .tabulator-tableHolder .tabulator-table .tabulator-row {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
border: none;
|
|
}
|
|
|
|
.tabulator.inverted .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
|
border-color: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
|
|
.tabulator.inverted .tabulator-footer {
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.tabulator.striped .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
|
|
background-color: rgba(0, 0, 0, 0.05) !important;
|
|
}
|
|
|
|
.tabulator.celled {
|
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
|
}
|
|
|
|
.tabulator.celled .tabulator-header .tabulator-col {
|
|
border-right: 1px solid rgba(34, 36, 38, 0.1);
|
|
}
|
|
|
|
.tabulator.celled .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
|
border-right: 1px solid rgba(34, 36, 38, 0.1);
|
|
}
|
|
|
|
.tabulator[class*="single line"] .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
|
border-right: none;
|
|
}
|
|
|
|
.tabulator.red {
|
|
border-top: 0.2em solid #DB2828;
|
|
}
|
|
|
|
.tabulator.inverted.red {
|
|
background-color: #DB2828 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.orange {
|
|
border-top: 0.2em solid #F2711C;
|
|
}
|
|
|
|
.tabulator.inverted.orange {
|
|
background-color: #F2711C !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.yellow {
|
|
border-top: 0.2em solid #FBBD08;
|
|
}
|
|
|
|
.tabulator.inverted.yellow {
|
|
background-color: #FBBD08 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.olive {
|
|
border-top: 0.2em solid #B5CC18;
|
|
}
|
|
|
|
.tabulator.inverted.olive {
|
|
background-color: #B5CC18 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.green {
|
|
border-top: 0.2em solid #21BA45;
|
|
}
|
|
|
|
.tabulator.inverted.green {
|
|
background-color: #21BA45 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.teal {
|
|
border-top: 0.2em solid #00B5AD;
|
|
}
|
|
|
|
.tabulator.inverted.teal {
|
|
background-color: #00B5AD !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.blue {
|
|
border-top: 0.2em solid #2185D0;
|
|
}
|
|
|
|
.tabulator.inverted.blue {
|
|
background-color: #2185D0 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.violet {
|
|
border-top: 0.2em solid #6435C9;
|
|
}
|
|
|
|
.tabulator.inverted.violet {
|
|
background-color: #6435C9 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.purple {
|
|
border-top: 0.2em solid #A333C8;
|
|
}
|
|
|
|
.tabulator.inverted.purple {
|
|
background-color: #A333C8 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.pink {
|
|
border-top: 0.2em solid #E03997;
|
|
}
|
|
|
|
.tabulator.inverted.pink {
|
|
background-color: #E03997 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.brown {
|
|
border-top: 0.2em solid #A5673F;
|
|
}
|
|
|
|
.tabulator.inverted.brown {
|
|
background-color: #A5673F !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.grey {
|
|
border-top: 0.2em solid #767676;
|
|
}
|
|
|
|
.tabulator.inverted.grey {
|
|
background-color: #767676 !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.black {
|
|
border-top: 0.2em solid #1B1C1D;
|
|
}
|
|
|
|
.tabulator.inverted.black {
|
|
background-color: #1B1C1D !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.tabulator.padded .tabulator-header .tabulator-col .tabulator-col-content {
|
|
padding: 1em 1em;
|
|
}
|
|
|
|
.tabulator.padded .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
|
|
top: 20px;
|
|
}
|
|
|
|
.tabulator.padded .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
|
padding: 1em 1em;
|
|
}
|
|
|
|
.tabulator.padded.very .tabulator-header .tabulator-col .tabulator-col-content {
|
|
padding: 1.5em 1.5em;
|
|
}
|
|
|
|
.tabulator.padded.very .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
|
|
top: 26px;
|
|
}
|
|
|
|
.tabulator.padded.very .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
|
padding: 1.5em 1.5em;
|
|
}
|
|
|
|
.tabulator.compact .tabulator-header .tabulator-col .tabulator-col-content {
|
|
padding: 0.5em 0.7em;
|
|
}
|
|
|
|
.tabulator.compact .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
|
|
top: 12px;
|
|
}
|
|
|
|
.tabulator.compact .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
|
padding: 0.5em 0.7em;
|
|
}
|
|
|
|
.tabulator.compact.very .tabulator-header .tabulator-col .tabulator-col-content {
|
|
padding: 0.4em 0.6em;
|
|
}
|
|
|
|
.tabulator.compact.very .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
|
|
top: 10px;
|
|
}
|
|
|
|
.tabulator.compact.very .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
|
padding: 0.4em 0.6em;
|
|
}
|
|
|