/* Tabulator v3.3.1 (c) Oliver Folkerd */ .tabulator { position: relative; border: 1px solid #333; background-color: #222; overflow: hidden; font-size: 14px; text-align: left; -ms-transform: translatez(0); transform: translatez(0); } .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 #999; background-color: #333; color: #fff; font-weight: bold; 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; border-right: 1px solid #aaa; background-color: #333; text-align: left; vertical-align: bottom; overflow: hidden; } .tabulator .tabulator-header .tabulator-col.tabulator-moving { position: absolute; border: 1px solid #999; background: #1a1a1a; pointer-events: none; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content { position: relative; padding: 4px; } .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: #444; color: #fff; } .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow { display: inline-block; position: absolute; top: 9px; 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 #aaa; 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: #1a1a1a !important; border: 1px solid #aaa; } .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-header-filter input, .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select { border: 1px solid #999; background: #444; color: #fff; } .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: #1a1a1a; } .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 #888; } .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right { border-left: 2px solid #888; } .tabulator .tabulator-header .tabulator-calcs-holder { box-sizing: border-box; min-width: 200%; background: #1a1a1a !important; border-top: 1px solid #888; border-bottom: 1px solid #aaa; overflow: hidden; } .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row { background: #1a1a1a !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: #eee; font-weight: bold; font-size: 20px; } .tabulator .tabulator-tableHolder .tabulator-table { position: relative; display: inline-block; background-color: #666; white-space: nowrap; overflow: visible; color: #fff; } .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs { font-weight: bold; background: #373737 !important; } .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top { border-bottom: 2px solid #888; } .tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom { border-top: 2px solid #888; } .tabulator .tabulator-row { position: relative; box-sizing: border-box; min-height: 22px; background-color: #666; } .tabulator .tabulator-row:nth-child(even) { background-color: #444; } .tabulator .tabulator-row.tabulator-selectable:hover { background-color: #999; cursor: pointer; } .tabulator .tabulator-row.tabulator-selected { background-color: #000; } .tabulator .tabulator-row.tabulator-selected:hover { background-color: #888; cursor: pointer; } .tabulator .tabulator-row.tabulator-moving { position: absolute; border-top: 1px solid #888; border-bottom: 1px solid #888; 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 #888; } .tabulator .tabulator-row .tabulator-frozen.tabulator-frozen-right { border-left: 2px solid #888; } .tabulator .tabulator-row .tabulator-cell { display: inline-block; position: relative; box-sizing: border-box; padding: 4px; border-right: 1px solid #888; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tabulator .tabulator-row .tabulator-cell.tabulator-editing { border: 1px solid #999; 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 #888; border-top: 1px solid #999; padding: 5px; padding-left: 10px; background: #ccc; font-weight: bold; color: #333; 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: 5px 10px; border-top: 1px solid #999; background-color: #333; text-align: right; color: #333; font-weight: bold; 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: -5px -10px 5px -10px; text-align: left; background: #262626 !important; border-bottom: 1px solid #888; border-top: 1px solid #888; overflow: hidden; } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row { background: #262626 !important; color: #fff; } .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle { display: none; } .tabulator .tabulator-footer .tabulator-calcs-holder:only-child { margin-bottom: -5px; 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: #333; font-family: inherit; font-weight: inherit; font-size: inherit; } .tabulator .tabulator-footer .tabulator-page.active { color: #fff; } .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; }