survey-analytics 2.3.0 → 2.3.2

package/survey.analytics.min.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.0
+ * surveyjs - SurveyJS Dashboard library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.analytics.tabulator.css

@@ -1,11 +1,63 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.3.0
+ * surveyjs - SurveyJS Dashboard library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 /*!****************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/tables/tabulator.scss ***!
   \****************************************************************************************************************************************************************************/
+.sa-commercial {
+  font-size: 12px;
+  padding: 0.5em 0 0.5em 2em;
+  padding: var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);
+  justify-content: center;
+  width: 100%;
+  background: var(--sjs2-color-bg-brand-primary, #19B394);
+}
+@media screen and (max-width: 600px) {
+  .sa-commercial {
+    padding: var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px);
+  }
+}
+
+.sa-commercial__text {
+  text-decoration: none;
+  color: var(--sjs2-color-fg-static-main-primary, #FFF);
+  text-align: center;
+  font-family: var(--sjs2-font-family-semantic-default, "Segoe UI", SegoeUI, Arial, sans-serif);
+  font-size: var(--sjs2-font-size-semantic-default, 16px);
+  font-style: normal;
+  font-weight: 600;
+  line-height: var(--sjs2-line-height-semantic-default, 24px);
+}
+@media screen and (max-width: 600px) {
+  .sa-commercial__text {
+    font-size: var(--sjs2-font-size-semantic-small, 12px);
+    line-height: var(--sjs2-line-height-semantic-small, 16px);
+  }
+}
+.sa-commercial__text a {
+  color: var(--sjs2-color-fg-static-main-primary, #FFF);
+  text-align: center;
+  font-family: var(--sjs2-font-family-semantic-default, "Segoe UI", SegoeUI, Arial, sans-serif);
+  font-size: var(--sjs2-font-size-semantic-default, 16px);
+  font-style: normal;
+  font-weight: 600;
+  line-height: var(--sjs2-line-height-semantic-default, 24px);
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-skip-ink: auto;
+  text-decoration-thickness: 5%;
+  text-underline-offset: 10%;
+  text-underline-position: from-font;
+}
+@media screen and (max-width: 600px) {
+  .sa-commercial__text a {
+    font-size: var(--sjs2-font-size-semantic-small, 12px);
+    line-height: var(--sjs2-line-height-semantic-small, 16px);
+  }
+}
+
 .sa-table {
   font-size: var(--root-font-size, 14px);
   font-family: var(--font-family, "Segoe UI", SegoeUI, Arial, sans-serif);
@@ -244,26 +296,6 @@ a.sa-table__btn {
   margin-left: 10px;
 }
 
-.sa-commercial {
-  font-size: 12px;
-  padding: 1em 0 0.5em 2em;
-}
-.sa-commercial svg {
-  width: 20px;
-  height: 20px;
-  fill: var(--main-color, #1ab394);
-}
-
-.sa-commercial__text {
-  font-weight: bold;
-  text-decoration: none;
-  color: var(--main-color, #1ab394);
-}
-
-.sa-commercial__product {
-  padding-left: 0.5em;
-}
-
 .sa-tabulator__header {
   padding: 20px 13px;
   background-color: #f7f7f7;

package/survey.analytics.tabulator.css.map

@@ -1 +1 @@
-{"version":3,"file":"survey.analytics.tabulator.css","mappings":"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","sources":["webpack://SurveyAnalyticsTabulator/./src/tables/table.scss","webpack://SurveyAnalyticsTabulator/./src/tables/tabulator.scss"],"sourcesContent":["@use \"../globals\" as *;\n@forward \"../globals\";\n\n$main-color: var(--main-color, #1ab394);\n$background-color: #ffffff;\n\n$text-gray: #a0a0a0;\n$background-gray: #9b9b9b;\n$border-color: #d4d4d4;\n$scroll-color: #e2e2e2;\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n$dark-gray: #9b9b9b;\n$background-gray: #f7f7f7;\n\n$text-color: var(--text-color, #404040);\n$text-color-inverse: var(--text-color-inverse, #fff);\n$detail-color: $background-gray;\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);\n\n@mixin arrow() {\n  display: inline-block;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat, repeat;\n  background-size: 9px 100%;\n  height: 10px;\n  width: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-indent: -9999px;\n}\n\n@mixin dropdown() {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat, repeat;\n  background-position:\n    right 0.7em top 50%,\n    0 0;\n  background-size: 0.57em 100%;\n  height: 34px;\n  border-radius: 2px;\n  border: solid 1px $border-color;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-size: inherit;\n  padding: 0.25em 2em 0.25em 0.87em;\n\n  &:focus {\n    background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \");\n    border-color: $border-color;\n    outline: none;\n  }\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin input() {\n  height: 34px;\n  border: none;\n  border-bottom: 0.06em solid $border-color;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-size: inherit;\n  padding: 0.25em 1.5em 0.25em 0.87em;\n  background: transparent;\n\n  &:focus {\n    border-color: $main-color;\n    outline: none;\n  }\n}\n\n.sa-table {\n  font-size: $root-font-size;\n  font-family: $font-family;\n\n  button {\n    cursor: pointer;\n    background-color: inherit;\n    outline: none;\n  }\n\n  select {\n    line-height: initial;\n    @include dropdown();\n  }\n\n  input {\n    @include input();\n  }\n}\n\n.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row {\n  background-color: $detail-color;\n}\n\n.sa-table__detail-table.sa-table__detail-table {\n  width: 100%;\n  border-collapse: collapse;\n  border-right: 1px solid $border-color;\n  border-bottom: none;\n}\n\n.sa-table__detail {\n  border-top: 1px solid $border-color;\n  td {\n    box-sizing: border-box;\n    padding: 20px;\n    border-left: none;\n    border-right: none;\n    white-space: initial;\n  }\n\n  td:first-child {\n    width: 267px;\n    border-left: none;\n    font-weight: bold;\n  }\n\n  td:nth-child(2) {\n    width: 208px;\n  }\n}\n\n.sa-table__btn {\n  height: 34px;\n  width: 154px;\n  font-size: $root-font-size;\n  font-weight: bold;\n  background-color: transparent;\n  box-sizing: border-box;\n  border: solid 2px;\n  border-radius: 17px;\n  padding: 0;\n  outline: none;\n}\n\na.sa-table__btn {\n  display: inline-block;\n  text-align: center;\n  padding-top: 5px;\n}\n\n.sa-table__btn--small {\n  width: 99px;\n}\n\n.sa-table__btn--gray {\n  border-color: $text-gray;\n  color: $text-gray;\n  &:hover {\n    background-color: $dark-gray;\n    color: $text-color-inverse;\n  }\n}\n\n.sa-table__btn--green {\n  border-color: $main-color;\n  color: $main-color;\n  &:hover {\n    background-color: $main-color;\n    color: $text-color-inverse;\n  }\n}\n\n.sa-table__svg-button {\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border: none;\n  use {\n    fill: $svg-color;\n  }\n  &:hover {\n    use {\n      fill: $svg-hover-color;\n    }\n  }\n  svg {\n    width: 15px;\n    height: 15px;\n  }\n}\n\n.sa-table__action-container {\n  margin-bottom: 10px;\n  white-space: normal;\n  .sa-table__svg-button {\n    float: right;\n    margin: 0 0 13px 13px;\n    pointer-events: all;\n  }\n  &:after {\n    content: \"\";\n    display: table;\n    clear: both;\n  }\n  .sa-table__drag-button {\n    float: left;\n    cursor: move;\n    use {\n      fill: $main-color;\n    }\n    &:hover use {\n      fill: $main-color;\n    }\n  }\n}\n\n.sa-table__global-filter.sa-table__global-filter,\n.sa-table__filter.sa-table__filter {\n  background: transparent;\n  background-image: url(\"data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%239F9E9E;} %3C/style%3E%3Cpath class='st0' d='M13.56,11.44L11.3,9.18C11.74,8.38,12,7.47,12,6.5C12,3.47,9.53,1,6.5,1S1,3.47,1,6.5C1,9.53,3.47,12,6.5,12 c0.97,0,1.88-0.26,2.68-0.7l2.26,2.26c0.29,0.29,0.66,0.43,1.04,0.44c0.39,0.01,0.78-0.14,1.08-0.44c0.3-0.3,0.44-0.69,0.44-1.08 C13.99,12.1,13.85,11.72,13.56,11.44z M4,6.5C4,5.12,5.12,4,6.5,4S9,5.12,9,6.5S7.88,9,6.5,9S4,7.88,4,6.5z'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat, repeat;\n  background-position:\n    left 0.7em top 50%,\n    0 0;\n  background-size: 1em 100%;\n  padding-left: 35px;\n  border: solid 1px $border-color;\n  pointer-events: all;\n}\n\n.sa-table__filter.sa-table__filter {\n  width: 100%;\n}\n\n.sa-table__show-column.sa-table__show-column {\n  background: transparent;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n    url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat, no-repeat;\n  background-position:\n    left 0.7em top 50%,\n    right 0.7em top 50%;\n  background-size:\n    1em 100%,\n    0.57em 100%;\n  padding-left: 35px;\n  border: solid 1px $border-color;\n  pointer-events: all;\n  margin-left: 20px;\n  &:focus {\n    background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n      url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \") !important;\n  }\n}\n\n.sa-table__entries {\n  float: right;\n  white-space: nowrap;\n}\n\n.sa-table__entries-label {\n  font-weight: bold;\n}\n\n.sa-table__entries-label--right {\n  margin-right: 5px;\n}\n\n.sa-table__entries-label--left {\n  margin-left: 5px;\n}\n\n.sa-table__detail-row {\n  background-color: $detail-color;\n}\n\n.sa-table__detail-table {\n  background-color: $detail-color;\n}\n\n.sa-table input.sa-table__row-extension {\n  height: auto;\n}\n\n.sa-table__row-extension + .sa-table__row-extension {\n  margin-left: 10px;\n  vertical-align: middle;\n}\n\n.sa-table__header-extensions {\n  float: left;\n  margin-left: 10px;\n  width: calc(100% - 540px);\n}\n\n.sa-table__header-extension + .sa-table__header-extension {\n  margin-left: 10px;\n}\n\n.sa-commercial {\n  font-size: 12px;\n  padding: 1em 0 0.5em 2em;\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: $main-color;\n  }\n}\n.sa-commercial__text {\n  font-weight: bold;\n  text-decoration: none;\n  color: $main-color;\n}\n.sa-commercial__product {\n  padding-left: 0.5em;\n}\n","@use \"./table.scss\" as *;\r\n\r\n@mixin doubleArrow() {\r\n  display: inline-block;\r\n  background: transparent;\r\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\"),\r\n    url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\r\n  background-repeat: no-repeat, no-repeat;\r\n  background-size: 9px 100%;\r\n  background-position:\r\n    left 0,\r\n    left 5px;\r\n  height: 20px;\r\n  width: 10px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-indent: -9999px;\r\n}\r\n\r\n.sa-tabulator__header {\r\n  padding: 20px 13px;\r\n  background-color: $background-gray;\r\n  overflow: auto;\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n\r\n  &:after {\r\n    content: \"\";\r\n    clear: both;\r\n    display: block;\r\n  }\r\n\r\n  .sa-table__header-space {\r\n    display: flex;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .sa-table__entries {\r\n    float: none;\r\n    line-height: 34px;\r\n    display: flex;\r\n    flex-grow: 1;\r\n  }\r\n}\r\n\r\n.sa-tabulator__downloads-bar {\r\n  float: left;\r\n  .sa-table__btn {\r\n    margin-left: 10px;\r\n  }\r\n}\r\n\r\n.sa-tabulator__pagination-container {\r\n  float: right;\r\n  margin-top: 8px;\r\n  min-width: 200px;\r\n  text-align: right;\r\n}\r\n\r\n.sa-tabulator__filter-container {\r\n  margin-bottom: 20px;\r\n  input {\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n\r\n//redefine tabulator's styles\r\n.sa-tabulator {\r\n  .tabulator-page {\r\n    margin-right: 15px;\r\n    padding: 1px;\r\n    vertical-align: middle;\r\n    color: $text-gray;\r\n    cursor: pointer;\r\n    outline: none;\r\n    border: none;\r\n\r\n    &:last-child {\r\n      margin-right: 0;\r\n    }\r\n\r\n    &:disabled {\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"Prev\"] {\r\n    @include arrow();\r\n    transform: rotate(90deg);\r\n    margin-right: 20px;\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"Next\"] {\r\n    @include arrow();\r\n    transform: rotate(270deg);\r\n    margin-left: 20px;\r\n    margin-right: 0;\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"First\"] {\r\n    @include doubleArrow();\r\n    transform: rotate(90deg);\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"Last\"] {\r\n    @include doubleArrow();\r\n    transform: rotate(270deg);\r\n    margin-left: 10px;\r\n  }\r\n\r\n  .tabulator-page.active {\r\n    font-weight: bold;\r\n    border-bottom: 1px solid $text-gray;\r\n  }\r\n\r\n  .tabulator {\r\n    border: 1px solid #ddd;\r\n    background-color: $background-color;\r\n\r\n    .tabulator-row .tabulator-cell {\r\n      padding: 20px;\r\n      border-top: 1px solid #ddd;\r\n      border-right: 1px solid #ddd;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col {\r\n      padding: 13px 20px;\r\n      border-right: 1px solid #ddd;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col .tabulator-col-content {\r\n      padding: 0;\r\n    }\r\n\r\n    .tabulator-header {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col.tabulator-sortable:hover {\r\n      background-color: white;\r\n    }\r\n\r\n    .tabulator-header,\r\n    .tabulator-header .tabulator-col {\r\n      background-color: white;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col:first-child {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {\r\n      display: none;\r\n    }\r\n\r\n    .tabulator-row.tabulator-selectable:hover {\r\n      cursor: default;\r\n      background-color: $background-color;\r\n    }\r\n\r\n    .tabulator-row.tabulator-selectable.sa-table__detail-row:hover {\r\n      background-color: $detail-color;\r\n    }\r\n\r\n    .tabulator-row.tabulator-row-even {\r\n      background-color: $background-color;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col .tabulator-col-content {\r\n      border-top: none;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\r\n      padding-right: 0;\r\n    }\r\n\r\n    .tabulator-tableholder::-webkit-scrollbar {\r\n      height: 10px;\r\n      width: 10px;\r\n      background-color: $scroll-color;\r\n    }\r\n\r\n    .tabulator-tableholder::-webkit-scrollbar-thumb {\r\n      background: $main-color;\r\n    }\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"survey.analytics.tabulator.css","mappings":"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","sources":["webpack://SurveyAnalyticsTabulator/./src/utils/utils.scss","webpack://SurveyAnalyticsTabulator/./src/tables/tabulator.scss","webpack://SurveyAnalyticsTabulator/./src/tables/table.scss"],"sourcesContent":[".sa-commercial {\n  font-size: 12px;\n  padding: 0.5em 0 0.5em 2em;\n  padding: var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);\n  justify-content: center;\n  width: 100%;\n  background: var(--sjs2-color-bg-brand-primary, #19B394);\n  @media screen and (max-width: 600px) {\n    padding: var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px);\n  }\n}\n.sa-commercial__text {\n  text-decoration: none;\n  color: var(--sjs2-color-fg-static-main-primary, #FFF);\n  text-align: center;\n  font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n  font-size: var(--sjs2-font-size-semantic-default, 16px);\n  font-style: normal;\n  font-weight: 600;\n  line-height: var(--sjs2-line-height-semantic-default, 24px);\n  @media screen and (max-width: 600px) {\n    font-size: var(--sjs2-font-size-semantic-small, 12px);\n    line-height: var(--sjs2-line-height-semantic-small, 16px);\n  }\n\n  a {\n    color: var(--sjs2-color-fg-static-main-primary, #FFF);\n    text-align: center;\n    font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n    font-size: var(--sjs2-font-size-semantic-default, 16px);\n    font-style: normal;\n    font-weight: 600;\n    line-height: var(--sjs2-line-height-semantic-default, 24px);\n    text-decoration-line: underline;\n    text-decoration-style: solid;\n    text-decoration-skip-ink: auto;\n    text-decoration-thickness: 5%;\n    text-underline-offset: 10%;\n    text-underline-position: from-font;\n\n    @media screen and (max-width: 600px) {\n      font-size: var(--sjs2-font-size-semantic-small, 12px);\n      line-height: var(--sjs2-line-height-semantic-small, 16px);\n    }\n  }\n}","@use \"./table.scss\" as *;\r\n\r\n@mixin doubleArrow() {\r\n  display: inline-block;\r\n  background: transparent;\r\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\"),\r\n    url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\r\n  background-repeat: no-repeat, no-repeat;\r\n  background-size: 9px 100%;\r\n  background-position:\r\n    left 0,\r\n    left 5px;\r\n  height: 20px;\r\n  width: 10px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-indent: -9999px;\r\n}\r\n\r\n.sa-tabulator__header {\r\n  padding: 20px 13px;\r\n  background-color: $background-gray;\r\n  overflow: auto;\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n\r\n  &:after {\r\n    content: \"\";\r\n    clear: both;\r\n    display: block;\r\n  }\r\n\r\n  .sa-table__header-space {\r\n    display: flex;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .sa-table__entries {\r\n    float: none;\r\n    line-height: 34px;\r\n    display: flex;\r\n    flex-grow: 1;\r\n  }\r\n}\r\n\r\n.sa-tabulator__downloads-bar {\r\n  float: left;\r\n  .sa-table__btn {\r\n    margin-left: 10px;\r\n  }\r\n}\r\n\r\n.sa-tabulator__pagination-container {\r\n  float: right;\r\n  margin-top: 8px;\r\n  min-width: 200px;\r\n  text-align: right;\r\n}\r\n\r\n.sa-tabulator__filter-container {\r\n  margin-bottom: 20px;\r\n  input {\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n\r\n//redefine tabulator's styles\r\n.sa-tabulator {\r\n  .tabulator-page {\r\n    margin-right: 15px;\r\n    padding: 1px;\r\n    vertical-align: middle;\r\n    color: $text-gray;\r\n    cursor: pointer;\r\n    outline: none;\r\n    border: none;\r\n\r\n    &:last-child {\r\n      margin-right: 0;\r\n    }\r\n\r\n    &:disabled {\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"Prev\"] {\r\n    @include arrow();\r\n    transform: rotate(90deg);\r\n    margin-right: 20px;\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"Next\"] {\r\n    @include arrow();\r\n    transform: rotate(270deg);\r\n    margin-left: 20px;\r\n    margin-right: 0;\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"First\"] {\r\n    @include doubleArrow();\r\n    transform: rotate(90deg);\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .tabulator-page[aria-label~=\"Last\"] {\r\n    @include doubleArrow();\r\n    transform: rotate(270deg);\r\n    margin-left: 10px;\r\n  }\r\n\r\n  .tabulator-page.active {\r\n    font-weight: bold;\r\n    border-bottom: 1px solid $text-gray;\r\n  }\r\n\r\n  .tabulator {\r\n    border: 1px solid #ddd;\r\n    background-color: $background-color;\r\n\r\n    .tabulator-row .tabulator-cell {\r\n      padding: 20px;\r\n      border-top: 1px solid #ddd;\r\n      border-right: 1px solid #ddd;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col {\r\n      padding: 13px 20px;\r\n      border-right: 1px solid #ddd;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col .tabulator-col-content {\r\n      padding: 0;\r\n    }\r\n\r\n    .tabulator-header {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col.tabulator-sortable:hover {\r\n      background-color: white;\r\n    }\r\n\r\n    .tabulator-header,\r\n    .tabulator-header .tabulator-col {\r\n      background-color: white;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col:first-child {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {\r\n      display: none;\r\n    }\r\n\r\n    .tabulator-row.tabulator-selectable:hover {\r\n      cursor: default;\r\n      background-color: $background-color;\r\n    }\r\n\r\n    .tabulator-row.tabulator-selectable.sa-table__detail-row:hover {\r\n      background-color: $detail-color;\r\n    }\r\n\r\n    .tabulator-row.tabulator-row-even {\r\n      background-color: $background-color;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col .tabulator-col-content {\r\n      border-top: none;\r\n    }\r\n\r\n    .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\r\n      padding-right: 0;\r\n    }\r\n\r\n    .tabulator-tableholder::-webkit-scrollbar {\r\n      height: 10px;\r\n      width: 10px;\r\n      background-color: $scroll-color;\r\n    }\r\n\r\n    .tabulator-tableholder::-webkit-scrollbar-thumb {\r\n      background: $main-color;\r\n    }\r\n  }\r\n}\r\n","@use \"../globals\" as *;\n@forward \"../globals\";\n@use \"../utils/utils.scss\" as *;\n\n$main-color: var(--main-color, #1ab394);\n$background-color: #ffffff;\n\n$text-gray: #a0a0a0;\n$background-gray: #9b9b9b;\n$border-color: #d4d4d4;\n$scroll-color: #e2e2e2;\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n$dark-gray: #9b9b9b;\n$background-gray: #f7f7f7;\n\n$text-color: var(--text-color, #404040);\n$text-color-inverse: var(--text-color-inverse, #fff);\n$detail-color: $background-gray;\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);\n\n@mixin arrow() {\n  display: inline-block;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat, repeat;\n  background-size: 9px 100%;\n  height: 10px;\n  width: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-indent: -9999px;\n}\n\n@mixin dropdown() {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background: transparent;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat, repeat;\n  background-position:\n    right 0.7em top 50%,\n    0 0;\n  background-size: 0.57em 100%;\n  height: 34px;\n  border-radius: 2px;\n  border: solid 1px $border-color;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-size: inherit;\n  padding: 0.25em 2em 0.25em 0.87em;\n\n  &:focus {\n    background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \");\n    border-color: $border-color;\n    outline: none;\n  }\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin input() {\n  height: 34px;\n  border: none;\n  border-bottom: 0.06em solid $border-color;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-size: inherit;\n  padding: 0.25em 1.5em 0.25em 0.87em;\n  background: transparent;\n\n  &:focus {\n    border-color: $main-color;\n    outline: none;\n  }\n}\n\n.sa-table {\n  font-size: $root-font-size;\n  font-family: $font-family;\n\n  button {\n    cursor: pointer;\n    background-color: inherit;\n    outline: none;\n  }\n\n  select {\n    line-height: initial;\n    @include dropdown();\n  }\n\n  input {\n    @include input();\n  }\n}\n\n.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row {\n  background-color: $detail-color;\n}\n\n.sa-table__detail-table.sa-table__detail-table {\n  width: 100%;\n  border-collapse: collapse;\n  border-right: 1px solid $border-color;\n  border-bottom: none;\n}\n\n.sa-table__detail {\n  border-top: 1px solid $border-color;\n  td {\n    box-sizing: border-box;\n    padding: 20px;\n    border-left: none;\n    border-right: none;\n    white-space: initial;\n  }\n\n  td:first-child {\n    width: 267px;\n    border-left: none;\n    font-weight: bold;\n  }\n\n  td:nth-child(2) {\n    width: 208px;\n  }\n}\n\n.sa-table__btn {\n  height: 34px;\n  width: 154px;\n  font-size: $root-font-size;\n  font-weight: bold;\n  background-color: transparent;\n  box-sizing: border-box;\n  border: solid 2px;\n  border-radius: 17px;\n  padding: 0;\n  outline: none;\n}\n\na.sa-table__btn {\n  display: inline-block;\n  text-align: center;\n  padding-top: 5px;\n}\n\n.sa-table__btn--small {\n  width: 99px;\n}\n\n.sa-table__btn--gray {\n  border-color: $text-gray;\n  color: $text-gray;\n  &:hover {\n    background-color: $dark-gray;\n    color: $text-color-inverse;\n  }\n}\n\n.sa-table__btn--green {\n  border-color: $main-color;\n  color: $main-color;\n  &:hover {\n    background-color: $main-color;\n    color: $text-color-inverse;\n  }\n}\n\n.sa-table__svg-button {\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border: none;\n  use {\n    fill: $svg-color;\n  }\n  &:hover {\n    use {\n      fill: $svg-hover-color;\n    }\n  }\n  svg {\n    width: 15px;\n    height: 15px;\n  }\n}\n\n.sa-table__action-container {\n  margin-bottom: 10px;\n  white-space: normal;\n  .sa-table__svg-button {\n    float: right;\n    margin: 0 0 13px 13px;\n    pointer-events: all;\n  }\n  &:after {\n    content: \"\";\n    display: table;\n    clear: both;\n  }\n  .sa-table__drag-button {\n    float: left;\n    cursor: move;\n    use {\n      fill: $main-color;\n    }\n    &:hover use {\n      fill: $main-color;\n    }\n  }\n}\n\n.sa-table__global-filter.sa-table__global-filter,\n.sa-table__filter.sa-table__filter {\n  background: transparent;\n  background-image: url(\"data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%239F9E9E;} %3C/style%3E%3Cpath class='st0' d='M13.56,11.44L11.3,9.18C11.74,8.38,12,7.47,12,6.5C12,3.47,9.53,1,6.5,1S1,3.47,1,6.5C1,9.53,3.47,12,6.5,12 c0.97,0,1.88-0.26,2.68-0.7l2.26,2.26c0.29,0.29,0.66,0.43,1.04,0.44c0.39,0.01,0.78-0.14,1.08-0.44c0.3-0.3,0.44-0.69,0.44-1.08 C13.99,12.1,13.85,11.72,13.56,11.44z M4,6.5C4,5.12,5.12,4,6.5,4S9,5.12,9,6.5S7.88,9,6.5,9S4,7.88,4,6.5z'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat, repeat;\n  background-position:\n    left 0.7em top 50%,\n    0 0;\n  background-size: 1em 100%;\n  padding-left: 35px;\n  border: solid 1px $border-color;\n  pointer-events: all;\n}\n\n.sa-table__filter.sa-table__filter {\n  width: 100%;\n}\n\n.sa-table__show-column.sa-table__show-column {\n  background: transparent;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n    url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat, no-repeat;\n  background-position:\n    left 0.7em top 50%,\n    right 0.7em top 50%;\n  background-size:\n    1em 100%,\n    0.57em 100%;\n  padding-left: 35px;\n  border: solid 1px $border-color;\n  pointer-events: all;\n  margin-left: 20px;\n  &:focus {\n    background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n      url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \") !important;\n  }\n}\n\n.sa-table__entries {\n  float: right;\n  white-space: nowrap;\n}\n\n.sa-table__entries-label {\n  font-weight: bold;\n}\n\n.sa-table__entries-label--right {\n  margin-right: 5px;\n}\n\n.sa-table__entries-label--left {\n  margin-left: 5px;\n}\n\n.sa-table__detail-row {\n  background-color: $detail-color;\n}\n\n.sa-table__detail-table {\n  background-color: $detail-color;\n}\n\n.sa-table input.sa-table__row-extension {\n  height: auto;\n}\n\n.sa-table__row-extension + .sa-table__row-extension {\n  margin-left: 10px;\n  vertical-align: middle;\n}\n\n.sa-table__header-extensions {\n  float: left;\n  margin-left: 10px;\n  width: calc(100% - 540px);\n}\n\n.sa-table__header-extension + .sa-table__header-extension {\n  margin-left: 10px;\n}\n"],"names":[],"sourceRoot":""}