survey-analytics
Version:
SurveyJS analytics Library.
448 lines (416 loc) • 19 kB
CSS
/*!
* surveyjs - SurveyJS Dashboard library v2.0.3
* 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-table {
font-size: var(--root-font-size, 14px);
font-family: var(--font-family, "Segoe UI", SegoeUI, Arial, sans-serif);
}
.sa-table button {
cursor: pointer;
background-color: inherit;
outline: none;
}
.sa-table select {
line-height: initial;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A");
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.57em 100%;
height: 34px;
border-radius: 2px;
border: solid 1px #d4d4d4;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
padding: 0.25em 2em 0.25em 0.87em;
}
.sa-table select:focus {
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E");
border-color: #d4d4d4;
outline: none;
}
.sa-table select::-ms-expand {
display: none;
}
.sa-table input {
height: 34px;
border: none;
border-bottom: 0.06em solid #d4d4d4;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
padding: 0.25em 1.5em 0.25em 0.87em;
background: transparent;
}
.sa-table input:focus {
border-color: var(--main-color, #1ab394);
outline: none;
}
.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row {
background-color: #f7f7f7;
}
.sa-table__detail-table.sa-table__detail-table {
width: 100%;
border-collapse: collapse;
border-right: 1px solid #d4d4d4;
border-bottom: none;
}
.sa-table__detail {
border-top: 1px solid #d4d4d4;
}
.sa-table__detail td {
box-sizing: border-box;
padding: 20px;
border-left: none;
border-right: none;
white-space: initial;
}
.sa-table__detail td:first-child {
width: 267px;
border-left: none;
font-weight: bold;
}
.sa-table__detail td:nth-child(2) {
width: 208px;
}
.sa-table__btn {
height: 34px;
width: 154px;
font-size: var(--root-font-size, 14px);
font-weight: bold;
background-color: transparent;
box-sizing: border-box;
border: solid 2px;
border-radius: 17px;
padding: 0;
outline: none;
}
a.sa-table__btn {
display: inline-block;
text-align: center;
padding-top: 5px;
}
.sa-table__btn--small {
width: 99px;
}
.sa-table__btn--gray {
border-color: #a0a0a0;
color: #a0a0a0;
}
.sa-table__btn--gray:hover {
background-color: #9b9b9b;
color: var(--text-color-inverse, #fff);
}
.sa-table__btn--green {
border-color: var(--main-color, #1ab394);
color: var(--main-color, #1ab394);
}
.sa-table__btn--green:hover {
background-color: var(--main-color, #1ab394);
color: var(--text-color-inverse, #fff);
}
.sa-table__svg-button {
width: 15px;
height: 15px;
padding: 0;
border: none;
}
.sa-table__svg-button use {
fill: var(--svg-color, rgba(159, 159, 159, 0.4));
}
.sa-table__svg-button:hover use {
fill: var(--svg-hover-color, #9f9f9f);
}
.sa-table__svg-button svg {
width: 15px;
height: 15px;
}
.sa-table__action-container {
margin-bottom: 10px;
white-space: normal;
}
.sa-table__action-container .sa-table__svg-button {
float: right;
margin: 0 0 13px 13px;
pointer-events: all;
}
.sa-table__action-container:after {
content: "";
display: table;
clear: both;
}
.sa-table__action-container .sa-table__drag-button {
float: left;
cursor: move;
}
.sa-table__action-container .sa-table__drag-button use {
fill: var(--main-color, #1ab394);
}
.sa-table__action-container .sa-table__drag-button:hover use {
fill: var(--main-color, #1ab394);
}
.sa-table__global-filter.sa-table__global-filter,
.sa-table__filter.sa-table__filter {
background: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml%20version=%271.0%27%20encoding=%27utf-8%27?%3E%3C%21--%20Generator:%20Adobe%20Illustrator%2024.0.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200%29%20--%3E%3Csvg%20version=%271.1%27%20id=%27Layer_1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xmlns:xlink=%27http://www.w3.org/1999/xlink%27%20x=%270px%27%20y=%270px%27%20viewBox=%270%200%2016%2016%27%20style=%27enable-background:new%200%200%2016%2016;%27%20xml:space=%27preserve%27%3E%3Cstyle%20type=%27text/css%27%3E%20.st0{fill:%239F9E9E;}%20%3C/style%3E%3Cpath%20class=%27st0%27%20d=%27M13.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%20c0.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%20C13.99,12.1,13.85,11.72,13.56,11.44z%20M4,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%27/%3E%3C/svg%3E");
background-repeat: no-repeat, repeat;
background-position: left 0.7em top 50%, 0 0;
background-size: 1em 100%;
padding-left: 35px;
border: solid 1px #d4d4d4;
pointer-events: all;
}
.sa-table__filter.sa-table__filter {
width: 100%;
}
.sa-table__show-column.sa-table__show-column {
background: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 16 16%27 style=%27enable-background:new 0 0 16 16;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:rgba%28159, 159, 159, 0.5%29;%7D .st1%7Bfill:rgba%28159, 159, 159, 0.5%29;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class=%27st1%27 d=%27M8,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%27/%3E%3Ccircle class=%27st1%27 cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A");
background-repeat: no-repeat, no-repeat;
background-position: left 0.7em top 50%, right 0.7em top 50%;
background-size: 1em 100%, 0.57em 100%;
padding-left: 35px;
border: solid 1px #d4d4d4;
pointer-events: all;
margin-left: 20px;
}
.sa-table__show-column.sa-table__show-column:focus {
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 16 16%27 style=%27enable-background:new 0 0 16 16;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:rgba%28159, 159, 159, 0.5%29;%7D .st1%7Bfill:rgba%28159, 159, 159, 0.5%29;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class=%27st1%27 d=%27M8,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%27/%3E%3Ccircle class=%27st1%27 cx=%278%27 cy=%278%27 r=%273%27/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E") !important;
}
.sa-table__entries {
float: right;
white-space: nowrap;
}
.sa-table__entries-label {
font-weight: bold;
}
.sa-table__entries-label--right {
margin-right: 5px;
}
.sa-table__entries-label--left {
margin-left: 5px;
}
.sa-table__detail-row {
background-color: #f7f7f7;
}
.sa-table__detail-table {
background-color: #f7f7f7;
}
.sa-table input.sa-table__row-extension {
height: auto;
}
.sa-table__row-extension + .sa-table__row-extension {
margin-left: 10px;
vertical-align: middle;
}
.sa-table__header-extensions {
float: left;
margin-left: 10px;
width: calc(100% - 540px);
}
.sa-table__header-extension + .sa-table__header-extension {
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;
overflow: auto;
display: flex;
flex-direction: row;
gap: 10px;
flex-wrap: wrap;
}
.sa-tabulator__header:after {
content: "";
clear: both;
display: block;
}
.sa-tabulator__header .sa-table__header-space {
display: flex;
flex-grow: 1;
}
.sa-tabulator__header .sa-table__entries {
float: none;
line-height: 34px;
display: flex;
flex-grow: 1;
}
.sa-tabulator__downloads-bar {
float: left;
}
.sa-tabulator__downloads-bar .sa-table__btn {
margin-left: 10px;
}
.sa-tabulator__pagination-container {
float: right;
margin-top: 8px;
min-width: 200px;
text-align: right;
}
.sa-tabulator__filter-container {
margin-bottom: 20px;
}
.sa-tabulator__filter-container input {
box-sizing: border-box;
}
.sa-tabulator .tabulator-page {
margin-right: 15px;
padding: 1px;
vertical-align: middle;
color: #a0a0a0;
cursor: pointer;
outline: none;
border: none;
}
.sa-tabulator .tabulator-page:last-child {
margin-right: 0;
}
.sa-tabulator .tabulator-page:disabled {
cursor: default;
}
.sa-tabulator .tabulator-page[aria-label~=Prev] {
display: inline-block;
background: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A");
background-repeat: no-repeat, repeat;
background-size: 9px 100%;
height: 10px;
width: 10px;
white-space: nowrap;
overflow: hidden;
text-indent: -9999px;
transform: rotate(90deg);
margin-right: 20px;
}
.sa-tabulator .tabulator-page[aria-label~=Next] {
display: inline-block;
background: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A");
background-repeat: no-repeat, repeat;
background-size: 9px 100%;
height: 10px;
width: 10px;
white-space: nowrap;
overflow: hidden;
text-indent: -9999px;
transform: rotate(270deg);
margin-left: 20px;
margin-right: 0;
}
.sa-tabulator .tabulator-page[aria-label~=First] {
display: inline-block;
background: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A");
background-repeat: no-repeat, no-repeat;
background-size: 9px 100%;
background-position: left 0, left 5px;
height: 20px;
width: 10px;
white-space: nowrap;
overflow: hidden;
text-indent: -9999px;
transform: rotate(90deg);
margin-right: 10px;
}
.sa-tabulator .tabulator-page[aria-label~=Last] {
display: inline-block;
background: transparent;
background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 10 10%27 style=%27enable-background:new 0 0 10 10;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class=%27st0%27 points=%272,2 0,4 5,9 10,4 8,2 5,5 %27/%3E%3C/svg%3E%0A");
background-repeat: no-repeat, no-repeat;
background-size: 9px 100%;
background-position: left 0, left 5px;
height: 20px;
width: 10px;
white-space: nowrap;
overflow: hidden;
text-indent: -9999px;
transform: rotate(270deg);
margin-left: 10px;
}
.sa-tabulator .tabulator-page.active {
font-weight: bold;
border-bottom: 1px solid #a0a0a0;
}
.sa-tabulator .tabulator {
border: 1px solid #ddd;
background-color: #ffffff;
}
.sa-tabulator .tabulator .tabulator-row .tabulator-cell {
padding: 20px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.sa-tabulator .tabulator .tabulator-header .tabulator-col {
padding: 13px 20px;
border-right: 1px solid #ddd;
}
.sa-tabulator .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
padding: 0;
}
.sa-tabulator .tabulator .tabulator-header {
border-bottom: none;
}
.sa-tabulator .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
background-color: white;
}
.sa-tabulator .tabulator .tabulator-header,
.sa-tabulator .tabulator .tabulator-header .tabulator-col {
background-color: white;
}
.sa-tabulator .tabulator .tabulator-header .tabulator-col:first-child {
pointer-events: none;
}
.sa-tabulator .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
display: none;
}
.sa-tabulator .tabulator .tabulator-row.tabulator-selectable:hover {
cursor: default;
background-color: #ffffff;
}
.sa-tabulator .tabulator .tabulator-row.tabulator-selectable.sa-table__detail-row:hover {
background-color: #f7f7f7;
}
.sa-tabulator .tabulator .tabulator-row.tabulator-row-even {
background-color: #ffffff;
}
.sa-tabulator .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
border-top: none;
}
.sa-tabulator .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
padding-right: 0;
}
.sa-tabulator .tabulator .tabulator-tableholder::-webkit-scrollbar {
height: 10px;
width: 10px;
background-color: #e2e2e2;
}
.sa-tabulator .tabulator .tabulator-tableholder::-webkit-scrollbar-thumb {
background: var(--main-color, #1ab394);
}
/*# sourceMappingURL=survey.analytics.tabulator.css.map*/