{"version":3,"sources":["tabulator_modern.scss"],"names":[],"mappings":"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","file":"tabulator_modern.min.css","sourcesContent":["\r\n$primary: #3759D7; //the base text color from which the rest of the theme derives\r\n\r\n//Main Theme Variables\r\n$backgroundColor: #fff; //background color of tabulator\r\n$borderColor:#fff; //border to tablulator\r\n$textSize:16px; //table text size\r\n\r\n//header themeing\r\n$headerBackgroundColor:#fff; //border to tablulator\r\n$headerTextColor:$primary; //header text colour\r\n$headerBorderColor:#fff;  //header border color\r\n$headerSeperatorColor:$primary; //header bottom seperator color\r\n$headerMargin:4px; //padding round header\r\n\r\n//column header arrows\r\n$sortArrowActive: $primary;\r\n$sortArrowInactive: lighten($primary, 30%);\r\n\r\n//row themeing\r\n$rowBackgroundColor:#f3f3f3; //table row background color\r\n$rowAltBackgroundColor:#fff; //table row background color\r\n$rowBorderColor:#fff; //table border color\r\n$rowTextColor:#333; //table text color\r\n$rowHoverBackground:#bbb; //row background color on hover\r\n\r\n$rowSelectedBackground: #9ABCEA; //row background color when selected\r\n$rowSelectedBackgroundHover: #769BCC;//row background color when selected and hovered\r\n\r\n$editBoxColor:#1D68CD; //border color for edit boxes\r\n\r\n//footer themeing\r\n$footerBackgroundColor:#fff; //border to tablulator\r\n$footerTextColor:$primary; //footer text colour\r\n$footerBorderColor:#aaa; //footer border color\r\n$footerSeperatorColor:#999; //footer bottom seperator color\r\n\r\n$handleWidth:10px; //width of the row handle\r\n$handleColor: $primary; //color for odd numbered rows\r\n$handleColorAlt: lighten($primary, 10%); //color for even numbered rows\r\n\r\n\r\n//Tabulator Containing Element\r\n.tabulator{\r\n\tposition: relative;\r\n\tborder: 1px solid $borderColor;\r\n\tbackground-color: $backgroundColor;\r\n\toverflow:hidden;\r\n\tfont-size:$textSize;\r\n\ttext-align: left;\r\n\r\n\t-webkit-transform: translatez(0);\r\n\t-moz-transform: translatez(0);\r\n\t-ms-transform: translatez(0);\r\n\t-o-transform: translatez(0);\r\n\ttransform: translatez(0);\r\n\r\n\t&.tabulator-block-select{\r\n\t\tuser-select: none;\r\n\t}\r\n\r\n\t//column header containing element\r\n\t.tabulator-header{\r\n\t\tposition:relative;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\twidth:100%;\r\n\r\n\t\tborder-bottom:3px solid $headerSeperatorColor;\r\n\t\tmargin-bottom:4px;\r\n\t\tbackground-color: $headerBackgroundColor;\r\n\t\tcolor: $headerTextColor;\r\n\t\tfont-weight:bold;\r\n\r\n\t\twhite-space: nowrap;\r\n\t\toverflow:hidden;\r\n\r\n\t\t-moz-user-select: none;\r\n\t\t-khtml-user-select: none;\r\n\t\t-webkit-user-select: none;\r\n\t\t-o-user-select: none;\r\n\r\n\t\tpadding-left:$handleWidth;\r\n\r\n\t\tfont-size: 1.1em;\r\n\r\n\t\t//individual column header element\r\n\t\t.tabulator-col{\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tposition:relative;\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tborder-right:2px solid $headerBorderColor;\r\n\t\t\tbackground-color: $headerBackgroundColor;\r\n\t\t\ttext-align:left;\r\n\t\t\tvertical-align: bottom;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t&.tabulator-moving{\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tborder:1px solid  $headerSeperatorColor;\r\n\t\t\t\tbackground:darken($headerBackgroundColor, 10%);\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t//hold content of column header\r\n\t\t\t.tabulator-col-content{\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding:4px;\r\n\r\n\t\t\t\t//hold title of column header\r\n\t\t\t\t.tabulator-col-title{\r\n\t\t\t\t\tbox-sizing:border-box;\r\n\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\tvertical-align:bottom;\r\n\r\n\t\t\t\t\t//element to hold title editor\r\n\t\t\t\t\t.tabulator-title-editor{\r\n\t\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\t\tborder:1px solid $primary;\r\n\r\n\t\t\t\t\t\tpadding:1px;\r\n\r\n\t\t\t\t\t\tbackground: #fff;\r\n\r\n\t\t\t\t\t\tfont-size: 1em;\r\n\t\t\t\t\t\tcolor: $primary;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//column sorter arrow\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop:9px;\r\n\t\t\t\t\tright:8px;\r\n\t\t\t\t\twidth: 0;\r\n\t\t\t\t\theight: 0;\r\n\t\t\t\t\tborder-left: 6px solid transparent;\r\n\t\t\t\t\tborder-right: 6px solid transparent;\r\n\t\t\t\t\tborder-bottom: 6px solid $sortArrowInactive;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t//complex header column group\r\n\t\t\t&.tabulator-col-group{\r\n\r\n\t\t\t\t//gelement to hold sub columns in column group\r\n\t\t\t\t.tabulator-col-group-cols{\r\n\t\t\t\t\tposition:relative;\r\n\t\t\t\t\tdisplay: flex;\r\n\r\n\t\t\t\t\tborder-top:2px solid $headerSeperatorColor;\r\n\t\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t\t.tabulator-col:last-child{\r\n\t\t\t\t\t\tmargin-right:-1px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t\t//hide left resize handle on first column\r\n\t\t\t&:first-child{\r\n\t\t\t\t.tabulator-col-resize-handle.prev{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//placeholder element for sortable columns\r\n\t\t\t&.ui-sortable-helper{\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbackground-color: darken($headerBackgroundColor, 10%) !important;\r\n\t\t\t\tborder:1px solid $headerBorderColor;\r\n\t\t\t}\r\n\r\n\t\t\t//header filter containing element\r\n\t\t\t.tabulator-header-filter{\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\tmargin-top:2px;\r\n\t\t\t\twidth:100%;\r\n\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t//styling adjustment for inbuilt editors\r\n\t\t\t\ttextarea{\r\n\t\t\t\t\theight:auto !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsvg{\r\n\t\t\t\t\tmargin-top: 3px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//styling child elements for sortable columns\r\n\t\t\t&.tabulator-sortable{\r\n\t\t\t\t.tabulator-col-title{\r\n\t\t\t\t\tpadding-right:25px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover{\r\n\t\t\t\t\tcursor:pointer;\r\n\t\t\t\t\tbackground-color:darken($headerBackgroundColor, 10%);\r\n\t\t\t\t}\r\n\r\n\r\n\t\t\t\t&[aria-sort=\"none\"]{\r\n\t\t\t\t\t.tabulator-col-content .tabulator-arrow{\r\n\t\t\t\t\t\tborder-top: none;\r\n\t\t\t\t\t\tborder-bottom: 6px solid $sortArrowInactive;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[aria-sort=\"asc\"]{\r\n\t\t\t\t\t.tabulator-col-content .tabulator-arrow{\r\n\t\t\t\t\t\tborder-top: none;\r\n\t\t\t\t\t\tborder-bottom: 6px solid $sortArrowActive;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[aria-sort=\"desc\"]{\r\n\t\t\t\t\t.tabulator-col-content .tabulator-arrow{\r\n\t\t\t\t\t\tborder-top: 6px solid $sortArrowActive;\r\n\t\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.tabulator-frozen{\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\t// background-color: inherit;\r\n\r\n\t\t\tz-index: 10;\r\n\r\n\t\t\t&.tabulator-frozen-left{\r\n\t\t\t\tpadding-left: $handleWidth;\r\n\r\n\t\t\t\tborder-right:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-frozen-right{\r\n\t\t\t\tborder-left:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tabulator-calcs-holder{\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tmin-width:200%;\r\n\r\n\t\t\tborder-top:2px solid $headerSeperatorColor !important;\r\n\r\n\t\t\tbackground:lighten($headerBackgroundColor, 5%) !important;\r\n\r\n\t\t\t.tabulator-row{\r\n\t\t\t\tpadding-left: 0 !important;\r\n\r\n\t\t\t\tbackground:lighten($headerBackgroundColor, 5%) !important;\r\n\r\n\t\t\t\t.tabulator-col-resize-handle{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.tabulator-cell{\r\n\t\t\t\t\tbackground:none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tborder-top:1px solid $rowBorderColor;\r\n\t\t\tborder-bottom:1px solid $headerBorderColor;\r\n\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\r\n\t//scrolling element to hold table\r\n\t.tabulator-tableHolder{\r\n\t\tposition:relative;\r\n\t\twidth:100%;\r\n\t\twhite-space: nowrap;\r\n\t\toverflow:auto;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\r\n\t\t&:focus{\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t//default placeholder element\r\n\t\t.tabulator-placeholder{\r\n\t\t\tposition: absolute;\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items:center;\r\n\r\n\t\t\ttop:0;\r\n\t\t\tleft:0;\r\n\t\t\theight:100%;\r\n\t\t\twidth:100%;\r\n\r\n\t\t\tspan{\r\n\t\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t\tmargin:0 auto;\r\n\t\t\t\tpadding:10px;\r\n\r\n\t\t\t\tcolor:$primary;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\tfont-size: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//element to hold table rows\r\n\t\t.tabulator-table{\r\n\t\t\tposition:relative;\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tbackground-color:$rowBackgroundColor;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow:visible;\r\n\t\t\tcolor:$rowTextColor;\r\n\r\n\t\t\t.tabulator-row{\r\n\t\t\t\t&.tabulator-calcs{\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t\tbackground:darken($rowAltBackgroundColor, 5%) !important;\r\n\r\n\t\t\t\t\t&.tabulator-calcs-top{\r\n\t\t\t\t\t\tborder-bottom:2px solid $headerSeperatorColor;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.tabulator-calcs-bottom{\r\n\t\t\t\t\t\tborder-top:2px solid $headerSeperatorColor;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//row element\r\n\t.tabulator-row{\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\tbox-sizing: border-box;\r\n\t\tmin-height:$textSize + ($headerMargin * 2);\r\n\r\n\t\tbackground-color: $handleColor;\r\n\r\n\t\tpadding-left: $handleWidth !important;\r\n\r\n\t\tmargin-bottom: 2px;\r\n\r\n\t\t&:nth-child(even){\r\n\t\t\tbackground-color: $handleColorAlt;\r\n\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color: $rowAltBackgroundColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-selectable:hover{\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color:$rowHoverBackground;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-selected{\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color:$rowSelectedBackground;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-selected:hover{\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color:$rowSelectedBackgroundHover;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-moving{\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\tborder-top:1px solid  $rowBorderColor;\r\n\t\t\tborder-bottom:1px solid  $rowBorderColor;\r\n\r\n\t\t\tpointer-events: none !important;\r\n\t\t\tz-index:15;\r\n\t\t}\r\n\r\n\t\t.tabulator-frozen{\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\tbackground-color: inherit;\r\n\r\n\t\t\tz-index: 10;\r\n\r\n\t\t\t&.tabulator-frozen-left{\r\n\t\t\t\tpadding-left: $handleWidth;\r\n\t\t\t\tborder-right:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-frozen-right{\r\n\t\t\t\tborder-left:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//cell element\r\n\t\t.tabulator-cell{\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tpadding:6px 4px;\r\n\t\t\tborder-right:2px solid $rowBorderColor;\r\n\t\t\tvertical-align:middle;\r\n\t\t\twhite-space:nowrap;\r\n\t\t\toverflow:hidden;\r\n\t\t\ttext-overflow:ellipsis;\r\n\r\n\t\t\tbackground-color: $rowBackgroundColor;\r\n\r\n\t\t\t&.tabulator-editing{\r\n\t\t\t\tborder:1px solid  $editBoxColor;\r\n\t\t\t\tpadding: 0;\r\n\r\n\t\t\t\tinput, select{\r\n\t\t\t\t\tborder:1px;\r\n\t\t\t\t\tbackground:transparent;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//hide left resize handle on first column\r\n\t\t\t&:first-child{\r\n\t\t\t\t.tabulator-col-resize-handle.prev{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//movable row handle\r\n\t\t\t&.tabulator-row-handle{\r\n\r\n\t\t\t\t//Hamburger element\r\n\t\t\t\t.tabulator-row-handle-bar{\r\n\t\t\t\t\twidth:80%;\r\n\t\t\t\t\theight:3px;\r\n\t\t\t\t\tmargin:2px 10% 0 10%;\r\n\t\t\t\t\tbackground:#666;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//row grouping element\r\n\t\t&.tabulator-group{\r\n\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tborder-bottom:2px solid $primary;\r\n\t\t\tborder-top:2px solid $primary;\r\n\t\t\tpadding:5px;\r\n\t\t\tpadding-left:10px;\r\n\t\t\tbackground:lighten($primary, 20%);\r\n\t\t\tfont-weight:bold;\r\n\t\t\tcolor:fff;\r\n\t\t\tmargin-bottom: 2px;\r\n\r\n\t\t\tmin-width: 100%;\r\n\r\n\t\t\t&:hover{\r\n\t\t\t\tcursor:pointer;\r\n\t\t\t\tbackground-color:rgba(0,0,0,.1);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&.tabulator-group-visible{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-right:10px;\r\n\t\t\t\t\tborder-left: 6px solid transparent;\r\n\t\t\t\t\tborder-right: 6px solid transparent;\r\n\t\t\t\t\tborder-top: 6px solid $sortArrowActive;\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-1{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-2{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:40px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-3{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:60px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-4{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:80px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-5{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:1000px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//sorting arrow\r\n\t\t\t.tabulator-arrow{\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\twidth: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t\tmargin-right:16px;\r\n\t\t\t\tborder-top: 6px solid transparent;\r\n\t\t\t\tborder-bottom: 6px solid transparent;\r\n\t\t\t\tborder-right: 0;\r\n\t\t\t\tborder-left: 6px solid $sortArrowActive;\r\n\t\t\t\tvertical-align:middle;\r\n\t\t\t}\r\n\r\n\t\t\tspan{\r\n\t\t\t\tmargin-left:10px;\r\n\t\t\t\tcolor:$primary;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//column resize handles\r\n\t.tabulator-col-resize-handle{\r\n\t\tposition:absolute;\r\n\t\tright:0;\r\n\t\ttop:0;\r\n\t\tbottom:0;\r\n\t\twidth:5px;\r\n\r\n\t\t&.prev{\r\n\t\t\tleft:0;\r\n\t\t\tright:auto;\r\n\t\t}\r\n\r\n\t\t&:hover{\r\n\t\t\tcursor:ew-resize;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t//footer element\r\n\t.tabulator-footer{\r\n\t\tpadding:5px 10px;\r\n\t\tborder-top:1px solid $footerSeperatorColor;\r\n\t\tbackground-color: $footerBackgroundColor;\r\n\t\ttext-align:right;\r\n\t\tcolor: $footerTextColor;\r\n\t\tfont-weight:bold;\r\n\t\twhite-space:nowrap;\r\n\t\tuser-select:none;\r\n\r\n\t\t-moz-user-select: none;\r\n\t\t-khtml-user-select: none;\r\n\t\t-webkit-user-select: none;\r\n\t\t-o-user-select: none;\r\n\r\n\t\t.tabulator-calcs-holder{\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\twidth:calc(\"100% + 20px\");\r\n\t\t\tmargin:-5px -10px 5px -10px;\r\n\r\n\t\t\ttext-align: left;\r\n\r\n\t\t\tbackground:lighten($footerBackgroundColor, 5%) !important;\r\n\r\n\t\t\tborder-top:3px solid $headerSeperatorColor !important;\r\n\t\t\tborder-bottom:2px solid $headerSeperatorColor !important;\r\n\r\n\t\t\t.tabulator-row{\r\n\t\t\t\tbackground:lighten($footerBackgroundColor, 5%) !important;\r\n\r\n\t\t\t\t.tabulator-col-resize-handle{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.tabulator-cell{\r\n\t\t\t\t\tbackground:none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tborder-bottom:1px solid $rowBorderColor;\r\n\t\t\tborder-top:1px solid $rowBorderColor;\r\n\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t&:only-child{\r\n\t\t\t\tmargin-bottom:-5px;\r\n\t\t\t\tborder-bottom:none;\r\n\t\t\t\tborder-bottom:none !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//pagination container element\r\n\t\t.tabulator-pages{\r\n\t\t\tmargin:0 7px;\r\n\t\t}\r\n\r\n\t\t//pagination button\r\n\t\t.tabulator-page{\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tmargin:0 2px;\r\n\t\t\tborder:1px solid $footerBorderColor;\r\n\t\t\tborder-radius:3px;\r\n\t\t\tpadding:2px 5px;\r\n\t\t\tbackground:rgba(255,255,255,.2);\r\n\t\t\tcolor: $footerTextColor;\r\n\t\t\tfont-family:inherit;\r\n\t\t\tfont-weight:inherit;\r\n\t\t\tfont-size:inherit;\r\n\r\n\t\t\t&.active{\r\n\t\t\t\tcolor:$primary;\r\n\t\t\t}\r\n\r\n\t\t\t&:disabled{\r\n\t\t\t\topacity:.5;\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.disabled){\r\n\t\t\t\t&:hover{\r\n\t\t\t\t\tcursor:pointer;\r\n\t\t\t\t\tbackground:rgba(0,0,0,.2);\r\n\t\t\t\t\tcolor:#fff;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//holding div that contains loader and covers tabulator element to prevent interaction\r\n\t.tablulator-loader{\r\n\t\tposition:absolute;\r\n\t\tdisplay: flex;\r\n\t\talign-items:center;\r\n\r\n\t\ttop:0;\r\n\t\tleft:0;\r\n\t\tz-index:100;\r\n\r\n\t\theight:100%;\r\n\t\twidth:100%;\r\n\t\tbackground:rgba(0,0,0,.4);\r\n\t\ttext-align:center;\r\n\r\n\t\t//loading message element\r\n\t\t.tabulator-loader-msg{\r\n\t\t\tdisplay:inline-block;\r\n\r\n\t\t\tmargin:0 auto;\r\n\t\t\tpadding:10px 20px;\r\n\r\n\t\t\tborder-radius:10px;\r\n\r\n\t\t\tbackground:#fff;\r\n\t\t\tfont-weight:bold;\r\n\t\t\tfont-size:16px;\r\n\r\n\t\t\t//loading message\r\n\t\t\t&.tabulator-loading{\r\n\t\t\t\tborder:4px solid #333;\r\n\t\t\t\tcolor:#000;\r\n\t\t\t}\r\n\r\n\t\t\t//error message\r\n\t\t\t&.tabulator-error{\r\n\t\t\t\tborder:4px solid #D00;\r\n\t\t\t\tcolor:#590000;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"]}