:root {
  --scroll-bar-width: 6px;
  --scroll-bar-color: #eee;
  --scroll-bar-hover-color: #999;
}

* ::-webkit-scrollbar {
  max-width: 6px;
  max-height: 6px;
}

/* Track */
* ::-webkit-scrollbar-track {
  background: white; 
}

/* Handle */
* ::-webkit-scrollbar-thumb {
  background: #eee;
}

/* Handle on hover */
* ::-webkit-scrollbar-thumb:hover {
  background: #999; 
}

nav.black {
  background-color: black;
  color: white;
}

nav.black img {
  filter: contrast(0) brightness(2);
}

nav.showEnv img {
  padding-left: 10px;
}

nav .env {
  cursor: pointer;
  display: none;
  font-size: 8px;
  width: 40px;
  height: 40px;
  background-color: #1e5285;
  color: white;
  padding: 27px 0 0 0;
  transform: rotate(-45deg) translate(-6px, -28px);
  aspect-ratio: 1;
  font-weight: bold;
  position: absolute;
  text-align: center;
}

nav.showEnv .env {
  display: unset;
}

nav.showEnv .env.non-prod {
  background-color: #e4d060;
  color: black;
}

nav button.publish-btn {
  background: #1e5285;
  border: none;
  color: white;
  font-weight: bold;
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 12px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

nav button.publish-btn.published {
  box-shadow: unset;
  background-color: #717F4B;
}

nav.black button.publish-btn {
  box-shadow: rgba(240, 240, 240, 0.3) 0px 1px 2px 0px, rgba(240, 240, 240, 0.15) 0px 1px 3px 1px
}

nav #userDetails {
  cursor: pointer;
  white-space: nowrap;
  margin-inline: 1.5rem 0.5rem;
}

nav #userDetails i {
  font-size: 18px;
}

#visualization {
  --min-height: 500px;
  background: #fff;
  font-family: sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  min-height: max(var(--min-height), calc(100vh - 40px));
  overflow: hidden;
  position: relative;
}

#linkedReports {
  background: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  display: none;
  margin-top: 30px;
  min-height: 100%;
  width: 30px;
  z-index: 2;
}

.uTabsContainer.resultTabs #visualization {
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 8px 16px;
  margin: 0;
  overflow: auto;
}

body:not(:has(nav)) #visualization {
  height: 100vh !important;
}

.chart-container {
  background: white;
  border: thin solid #DDD;
  border-radius: 4px;
  /* box-shadow: 0 20px 27px 0 rgba(0,0,0,.05); */
  /* cursor: move; */
  height: 100%;
  left: 20px;
  max-height: calc(100% - 2px);
  max-width: calc(100% - 2px);
  overflow: auto;
  top: 20px;
  width: 100%;
}

.chart-container:has(.filterContainer) {
  overflow: unset;
}

.chart-container .filterContainer {
  margin: 10px;
}

.chart-container .filterContainer input[type='date']{
  background: white;
  color: #888;
  font-size: 12px;
  height: 30px;
  width: 100%;
}

.chart-container .filterContainer input[type='search'],
.chart-container .filterContainer input[type='date'],
#myReportVisualizationConfig input[type='date'],
.chart-container .filterContainer select,
.uMainModal select {
  align-items: center;
  border: thin solid #eee;
  color: #888;
  display: flex;
  font-size: 10px;
  height: 30px;
  padding-inline: 5px;
  padding-left: 24px;
  position: relative;
  width: 100%;
}

#myReportVisualizationConfig input[type='date'] {
  padding-left: unset;
}

.chart-container .filterContainer .clear-filter-icon {
  border: thin solid #eee;
  color: #888;
}

.chart-container .filterContainer .clear-filter-icon i {
  font-size: 12px;
  height: unset !important;
  width: unset !important;
}

.chart-container .filterContainer input[type='search']:not(:placeholder-shown) {
  background: #fafafa;
  color: #000;
}

.chart-container .filterContainer input[type='date'],
.chart-container .filterContainer select {
  display: block;
  padding-inline: 5px;
}

.chart-container .filterContainer div:has(input[type='search'])::before {
  content: '\F52A';
  font-family: 'Bootstrap-icons';
  left: 8px;
  position: absolute;
  pointer-events: none;
  transform: translateY(-50%);
  z-index: 2;
  top: 50%;
}

.chart-container .filterContainer div:has(input[type='search'])::after {
  content: 'Search';
  display: none;
  left: 24px;
  position: absolute;
  pointer-events: none;
  transform: translateY(-50%);
  z-index: 2;
  top: 50%;
}

.chart-container .filterContainer div:has(input[type='search']:placeholder-shown)::after {
  display: block;
}

#search_bar_suggestions {
  max-height: 200px;
  overflow-y: auto;
}

#search_bar_suggestions.uMultiSelectOptionContainer .suggestion {
  align-items: center;
  cursor: pointer;
  display: flex;
  overflow-x: hidden;
  padding: 6px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#search_bar_suggestions.uMultiSelectOptionContainer .suggestion:hover {
  background-color: #00000010;
}

.chart-container:has(svg) {
  background: unset;
}

.chart-container.selected {
  border: 2px solid #252E3D !important;
}

.chart-container.selected.secondary-selected {
  border: 2px solid #717F4B !important;
}

.chart-container .multi-query-options {
  display: none;
  font-size: 10px;
  position: absolute;
  right: 30px;
  top: 15px;
  z-index: 999999;
}

.chart-container > .chart-convert-options {
  display: none;
  font-size: 10px;
  position: absolute;
  right: 30px;
  top: 15px;
  z-index: 999999;
}

.chart-container:not(.isLoading).selected > .chart-convert-options {
  display: flex;
}

.chart-container.selected.show-multi-query-options > .chart-convert-options {
  display: none;
}

.chart-container > .chart-convert-options .multi-query-option {
  background: white;
  border: thin solid #00000010;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 12px;
  padding: 4px 8px;
}

.subgridElement .chart-container:not(.isLoading).selected > .chart-convert-options {
  display: none !important;
}

.chart-container .multi-query-options:has(> .d-none) {
  right: 140px;
}

.chart-container .multi-query-options .multi-query-option {
  background: white;
  border: thin solid #00000010;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 12px;
  padding: 4px 8px;
}

.chart-container.selected.show-multi-query-options .multi-query-options {
  display: flex;
}

.chart-container.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-options .multi-query-option {
  display: flex;
  transform: translateX(-50px);
}

.chart-container.queryModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-options {
  display: flex;
}

.chart-container.jsModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-options {
  display: flex;
}

.chart-container.pythonModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-options {
  display: flex;
}

.chart-container.selected.show-multi-query-options .multi-query-option[data-mode='QUERY'] {
  display: none !important;
}

.chart-container.queryModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-option:not([data-mode='QUERY']) {
  display: none !important;
}

.chart-container.jsModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-option:not([data-mode='JS']) {
  display: none !important;
}

.chart-container.pythonModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-option:not([data-mode='PYTHON']) {
  display: none !important;
}

.chart-container.jsModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-option[data-mode='JS'] {
  display: flex !important;
}

.chart-container.pythonModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-option[data-mode='PYTHON'] {
  display: flex !important;
}

.chart-container.queryModeChart.selected:not(.show-multi-query-options):not(.secondary-selected) .multi-query-option[data-mode='QUERY'] {
  display: flex !important;
}

.chart-container .chart {
  height: 100%;
  position: relative;
  width: 100%;
}

.chart-container .chart .no-data-for-viz {
  align-items: center;
  display: flex;
  color: #aaa;
  font-size: 14px;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.grid-stack-item .models {
  right: -30px;
  position: absolute;
  top: 0;
}

.grid-stack-item .versionControl {
  position: absolute;
  top: 5px;
  left: 6px;
  font-size: 9px;
  border-radius: 4px;
  background: green;
  color: white;
  align-items: center;
  justify-content: center;
  padding: 4px;
  line-height: 100%;
  z-index: 9;
  opacity: 0;
  display: none;
}

.grid-stack-item:hover .versionControl {
  opacity: 1;
  display: flex;
}

.hide-version-control .grid-stack-item:hover .versionControl {
  opacity: 0;
  display: none;
}

.grid-stack-item .models .model {
  align-items: center;
  background: #FFF;
  border: thin solid #EEE;
  border-radius: 2px;
  box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
  cursor: pointer;
  display: none;
  justify-content: center;
  margin-bottom: 5px;
  padding: 4px;
}

.grid-stack-item:has(.chart-container.selected) .models .model {
  display: flex;
}

.chartContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: none;
  position: absolute;
  width: 100%;
}

.chartContainer .titleContainer {
  width: 100%;
}

.chartContainer .title {
  font-size: 14px;
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chartContainer .chartHeader {
  display: flex;
  max-height: 45px;
  min-height: 45px;
  justify-content: space-between;
  width: 100%;
}

.chartContainer .loader {
  background-color: #00000030;
  backdrop-filter: blur(1px);
  bottom: 0;
  display: none;
  font-size: 14px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

.chartContainer .kpiValue {
  color: #064574;
  min-height: 20px;
}


.chartActionBar .aiSummaryIcon {
  display: none;
  align-items: center;
  aspect-ratio: 1;
  background: white;
  border: thin solid #eee;
  border-radius: 50%;
  color: #c6c4c8;
  cursor: pointer;
  font-size: 14px;
  height: 22px;
  justify-content: center;
  margin-right: 4px;
  padding: 5px;
  width: 22px;
  z-index: 2;
}

.chartActionBar.hasAISummary .aiSummaryIcon {
  display: flex;
}

#chart_nlg_popover {
  background-color: white;
  border: thin solid #00000010;
  border-top: 4px solid #131C85;
  box-shadow: 0 20px 27px 0 rgba(0, 0, 0, .05);
  max-height: 300px;
  min-height: 55px;
  min-width: 90px;
  overflow-y: auto;
  padding: 10px;
  width: auto !important;
}

#chart_nlg_popover .topic {
  background: linear-gradient(135deg, #8278D9, #131C85);
  border-radius: 2px;
  color: white;
  font-weight: bold;
  padding: 3px 6px;
  text-transform: uppercase;
  width: max-content;
}

#chart_nlg_popover .nlg_item {
  max-width: 200px;
  margin-block: 10px;
  outline: thin solid #00000030;
  padding: 5px;
}

#chart_nlg_popover .nlg_item:nth-last-child(1) {
  border-bottom: 0;
  margin-bottom:  0;
}

@keyframes showWithDelay {
  from {
    opacity: 0;
  } to {
    opacity: 1;
  }
}

.chart-container.isLoading {
  pointer-events: none;
}

.chart-container:not(.subgridElement).isLoading .loader {
  align-items: center;
  animation: showWithDelay 0.5s 0.25s forwards;
  color: #555;
  display: flex;
  justify-content: center;
}

.chart-container:not(.subgridElement).isLoading .chartHeader.d-none {
  display: block !important;
  height: 0 !important;
  margin: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.chart-container.isLoading .spinner-border {
  aspect-ratio: 1;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.chartContainer .loader div {
  margin: auto;
}

.chartContainer .chartHeader.headerOnly {
  border-bottom: none !important;
  max-height: unset !important;
  min-height: 100% !important;
}

.chartContainer:has(.disclaimer:not(.d-none)) .chartHeader.headerOnly {
  min-height: auto;
  max-height: calc(100% - 0.75rem);
  flex: 1;
}

.chartContainer .subtitle {
  color: #666;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chartContainer .chart {
  flex: 1;
  height: calc(100% - 90px);
  margin-block: 5px;
  position: relative;
  width: 100%;
}

.chartContainer .chart:has(.table.table-viz) {
  margin-block: 0;
}

.chartContainer .chart > div:nth-child(1):not(.viz-loading-error-msg):not(.tabHeader) {
  height: 100% !important;
  width: 100% !important;
}

.chartContainer .chart .viz-loading-error-msg {
  background: white;
  border: thin solid #ff313140;
  box-shadow: 0 0 3px 3px #ff313110;
  font-size: 12px;
  left: 0;
  margin: auto;
  position: absolute;
  padding: 0px 12px;
  right: 0;
  top: -40px;
  text-align: center;
  width: max-content;
  font-size: 12px;
}

.chartContainer .chart svg {
  overflow: visible !important;
}

.chartControllers {
  position: absolute;
  right: 0;
  top: -30px;
  display: flex;
  transition: 0.2s;
}

.chartControllers .chartControllers,
.chartControllers:not(:has(.chartControllers)) {
  opacity: 0;
  /* position: unset; */
  top: 0;
}

.grid-stack-item:has(.headerOnly) .chartControllers,
.grid-stack-item:has(.subgridElement) > .chartControllers .chartControllers,
.grid-stack-item:has(.subgridElement) > .chartControllers:not(:has(.chartControllers)) {
  position: absolute;
}

.grid-stack-item:not(.tileFocusMode):not(:has(.tileFocusMode)):has(> .subgridElement) > .chartControllers {
  top: 5px;
}

.grid-stack-item[gs-y="0"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="1"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="2"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="3"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="4"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="5"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="6"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="7"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="8"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="9"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="10"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="11"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="12"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="13"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="14"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="15"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="16"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="17"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="18"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="19"]:not(.tileFocusMode) > .chartControllers,
.grid-stack-item[gs-y="20"]:not(.tileFocusMode) > .chartControllers {
  top: 0px !important;
}

@media only screen and (hover: none) and (pointer: coarse){
  .chartControllers {
    opacity: 1 !important;
  }
}

.grid-stack-item:hover > .chartControllers,
.grid-stack-item:hover > .chartControllers .chartControllers {
  opacity: 1;
  transition: 0.2s;
}

.grid-stack-item .bi:not(.pagination-controls):not(.no-special-class) {
  align-items: center;
  aspect-ratio: 1;
  background: white;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 22px;
  justify-content: center;
  margin-right: 4px;
  padding: 4px;
  width: 22px;
  z-index: 2;
}

.grid-stack-item .chartControllers .bi:not(.pagination-controls):not(.no-special-class) {
  border: thin solid #eee;
}

.grid-stack-item .chartControllers .bi.bi-list {
  display: none;
}

.grid-stack-item:hover > .chartControllers .bi.bi-list {
  display: flex;
}

@media (max-width: 700px) {
  .grid-stack-item .chartControllers .bi.bi-list {
    display: flex !important;
  }
}

.grid-stack-item .chartControllers .chartControllers.governance-rules-applied img.governed{
  height: 22px;
  width: 22px;
  background-color: white;
  border: thin solid #eee;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 4px;
}

.chartContainer .tbody i {
  z-index: unset !important;
}

.grid-stack-item .bi:not(.pagination-controls).bi-funnel:not(.disabled) {
  background-color: #eee;
}

.grid-stack-item .bi:not(.pagination-controls):hover {
  background-color: #eee;
}

.grid-stack-item .bi:not(.pagination-controls).disabled {
  color: #ddd;
  pointer-events: none;
}

.chartContainer .disclaimer {
  color: #ccc;
  font-size: 12px;
  margin-top: 4px;
  min-height: max-content;
  overflow: hidden;
  padding-inline: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chartContainer .dateTime {
  bottom: 0;
  color: #666;
  font-size: 8px;
  margin: auto;
  left: 0;
  position: absolute;
  right: 0;
  width: max-content;
}

.chartContainer .viz-action {
  align-items: center;
  background-color: #f7f7f7;
  color: #888;
  display: flex;
  font-size: 10px;
  height: 20px;
  padding: 0 5px;
  width: 100%;
}

.chartContainer .viz-action > div {
  width: 50%;
}

.chartContainer .viz-action > div:nth-child(2) {
  display: flex;
  justify-content: end;
}

.chartContainer .pagination-controls {
  user-select: none;
  -webkit-user-select: none;
}

.chartContainer .pagination-controls:not(i) {
  align-items: center;
  border-top: 2px solid #DDD;
  background-color: #FDFDFD;
  color: #888;
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  padding: 0 5px;
}

.chartContainer .pagination-controls > div:nth-child(2) {
  padding-block: 5px;
}

.chartContainer .pagination-controls .current-page {
  padding: 0 20px;
}

.chartContainer .pagination-controls i {
  cursor: pointer;
}

.chartContainer .pagination-controls i.disabled {
  color: #ddd;
  cursor: not-allowed;
}

.chartContainer .drill-down-details {
  align-items: center;
  border-top: thin solid #EEE;
  border-bottom: thin solid #EEE;
  background-color: #FDFDFD;
  color: #212121;
  display: flex;
  font-size: 10px;
  height: 24px;
  overflow: hidden;
  overflow-x: auto;
  padding: 0 8px;
}

.chartContainer .drill-down-details::-webkit-scrollbar {
  height: 3px;
}

.chartContainer .drill-down-details .drill-into {
  background: white;
  border: thin solid #eee;
  cursor: pointer;
  margin-right: 8px;
  padding: 2px 4px;
  white-space: nowrap;
}

.chartContainer .drill-down-details .drill-into .drill-attribute {
  display: inline-block;
  height: 100%;
  border-right: thin solid #eee;
  padding-right: 4px;
}

.chartContainer .drill-down-details .drill-into .drill-attribute-value {
  margin-left: 1px;
}

.grid-stack-item {
  align-items: center;
  border-radius: 5px;
  display: flex;
  justify-content: center;
}

.uPopover, .uPopover * {
  font-size: 12px !important;
}

.menuContainer {
  background-color: white;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  min-width: 100px;
  height: max-content;
}

.menuContainerForViz {
  background-color: white;
  box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
  border: thin solid #00000010;
  max-width: 300px !important;
  padding-right: 10px;
  width: max-content !important;
}

.menuContainer ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.menuContainer ul li {
  cursor: pointer;
  height: 25px;
  margin-bottom: 2px;
  padding: 5px 10px;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 11px !important;
  width: calc(100% + 10px)
}

.menuContainer ul li .menuContainer {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
}

.menuContainer ul li .menuContainer.right {
  right: unset;
  left: 100%;
}

.menuContainer ul li:hover .menuContainer {
  display: block;
}

.menuContainer ul li:has(.subMenu) {
  padding: 5px 15px 5px 10px;
}

.menuContainer ul li:hover {
  background-color: #00000005;
  color: #000;
}

.menuContainer ul li:has(ul):before {
  align-items: center;
  bottom: 0;
  color: #777;
  content: '\F231';
  display: flex;
  font-family: 'Bootstrap-icons';
  font-size: 6px;
  position: absolute;
  right: 4px;
  top: 0;
}

.menuContainer ul li:hover > .subMenu {
  display: block;
}

.menuContainer .subMenu {
  background: white;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  display: none;
  position: relative;
  text-overflow: ellipsis;
  transform: translateX(88px) translateY(-20px);
  word-wrap: nowrap;
  width: 100px;
  z-index: 2;
}

#result-data-container {
  height: calc(80vh - 142px);
  position: relative;
  width: 100%;
}

#result-data-container .loader {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  align-items: center;
  justify-content: center;
  background: #eeeeee60;
  pointer-events: none;
}

#result-data-container .loader .spinner-border {
  margin-right: 20px;
}

#result-data-container.loading .loader {
  display: flex;
}

#resultDataContainer {
  background: white;
  bottom: 0;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  display: none;
  height: 396px;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 9999999999;
}

li[data-page="Visualization"] #resultDataContainer {
  right: 442px;
}

#resultData {
  background: white;
  height: 100%;
  width: 100%;
}

#data-view-disclaimer {
  background: #e4e4e4;
  /* box-shadow: inset -4px 0px 7px #00000030; */
  font-size: 10px;
  padding: 3.5px 9px;
  width: 100%;
}

#dataViewModal .uMainModal_Body {
  box-shadow: unset;
}

#resultDataSummary,
#resultDataActions {
  align-items: center;
  display: flex;
  font-size: 11px;
  height: 35px !important;
  justify-content: space-between;
  padding-inline: 10px;
  background: white;
}

#resultDataSummary {
  border-top: 1px solid #cccccc;
}

#resultDataActions {
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
  padding-left: 0;
}

#resultDataSummary div span:not(:nth-last-child(1)) {
  margin-right: 10px;
}

#resultDataSummary #resultCounts {
  white-space: nowrap;
}

#resultDataSummary #resultCounts span span {
  display: inline-block;
  min-width: 25px;
  /* text-align: end; */
  white-space: nowrap;
}

#resultDataSummary #currentPage {
  font-weight: bold;
  margin-inline: 20px;
}

#resultDataSummary #paginationControllers {
  white-space: nowrap;
}

#resultDataSummary #paginationControllers i {
  background-color: white;
  border-radius: 2px;
  cursor: pointer;
  padding: 5px;
}

#resultDataSummary #paginationControllers i.disabled {
  color: #00000020;
  cursor: not-allowed;
}

#resultDataSummary #paginationControllers i:not(.disabled):hover {
  background-color: #00000010;
  color: #000;
}

#resultData .hotPopover {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: unset;
  cursor: pointer;
  font-size: 10px !important;
  padding: 10px;
  transform: translateX(2px);
  width: 215px !important;
}

/* HandOnTable Headers */
.handsontable thead th .relative {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 4px;
  position: relative;
}

/* Header row (column headers) */
.handsontable th.ht__highlight,
.handsontable th {
  background-color: #fafafa !important;          /* Light neutral background */
  color: #1e293b;                     /* Corporate dark gray text */
  font-size: 10px;
  border-bottom: 1px solid #e2e8f0;   /* Soft divider */
}

/* Row headers (numbers on the left) */
.handsontable .ht_clone_left th {
  background-color: #fafafa;          /* Slightly darker than header */
  border-right: 1px solid #e2e8f0;
}

/* Highlight hovered header or selected column */
.handsontable th:hover {
  background-color: #e2e8f0;
  cursor: pointer;
}

/* Row header hover */
.handsontable .ht_clone_left th:hover {
  background-color: #e0e7ff;          /* Subtle bluish highlight */
  color: #1e3a8a;
}

/* Selected cell row/col header highlight */
.handsontable th.ht__highlight--full {
  background-color: #dbeafe;          /* Corporate blue tint */
  color: #1e3a8a;
  font-weight: 600;
}

/* Optional: make borders cleaner */
.handsontable td, .handsontable th {
  border-color: #e2e8f0 !important;
}

#dataViewModal #statusbar {
  overflow: auto;
  height: 100%;
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

#dataViewModal #statusbar span {
  background: #e4e4e4;
  color: black;
  margin-right: 8px;
  padding: 4px 12px;
  border-radius: 10px;
  white-space: nowrap;
}

#dataViewModal #statusbar span.base-stat {
  background: #535353;
  color: white;
}

.handsontable thead th .relative .colHeader {
  align-items: center;
  display: flex;
  justify-content: center;
  /* max-width: 150px; */
  width: 100%;
}

.handsontable thead th .relative .colHeader .colHeaderRenderer {
  align-items: center;
  display: grid !important;
  font-size: 11px;
  grid-template-columns: 0.5fr 4fr 0.5fr;
  /* max-width: 150px; */
  margin: 0 !important;
  width: 100%;
}

.handsontable thead th .relative .colHeader .colHeaderRenderer select {
  border: thin solid black;
  background: none;
  padding-inline: 2px;
  width: 40px;

  appearance: none;
  -moz-appearance: none;      
  -webkit-appearance: none;
}

.handsontable thead th .relative .colHeader .colHeaderRenderer select::-ms-expand{
  display: none;
}

.handsontable span.colHeader.columnSorting:before {
  right: 22px !important;
}
.handsontable span.colHeader.columnSorting:after {
  right: 18px !important;
}
.handsontable .columnSorting.sortAction:hover {
  text-decoration: none;
}

.handsontable .changeType {
  align-items: center;
  aspect-ratio: 1;
  background: none;
  border-radius: 0;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 15px;
  position: absolute;
  right: 5px;
  z-index: 2;
  display: none;
}
.handsontable .changeType:before {
  display: block;
  content: "\f0d7" !important;
  font: var(--fa-font-solid);
  font-size: 9px !important;
  height: 8px;
  transform: translateY(-1px);
  width: 8px;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader {
  background-color: white;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  min-width: 100px;
  height: max-content;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader ul li {
  cursor: pointer;
  height: 25px;
  margin-bottom: 2px;
  padding: 5px 10px;
  position: relative;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader ul li:hover {
  background-color: #00000005;
  color: #000;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader ul li:has(ul):before {
  align-items: center;
  bottom: 0;
  color: #777;
  content: '\F231';
  display: flex;
  font-family: 'Bootstrap-icons';
  font-size: 6px;
  position: absolute;
  right: 4px;
  top: 0;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader ul li:hover > .subMenu {
  display: block;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader ul span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.htMenu.htDropdownMenu.handsontable .wtSpreader .subMenu {
  background: white;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  display: none;
  position: relative;
  text-overflow: ellipsis;
  transform: translateX(88px) translateY(-20px);
  word-wrap: nowrap;
  width: 100px;
  z-index: 2;
}

/* Bottom Pinned row styling */
.ht_clone_bottom.handsontable td {
  background: #f0f0f0;
  color: #222;
}

#resultData .htFocusCatcher {
  display: none;
}

/* #resultData:not(.listbox) th, #resultData:not(.listbox) td {
  background-color: white !important;
  border-color: #00000010 !important;
} */

#resultData:not(.listbox) td.queryResponse {
  background: #fcfcfc !important;
  color: #000;
  font-size: 11px;
}

#resultData:not(.listbox) .htAutocompleteArrow {
  display: none;
}

/* Text Viz */
.chart.text-viz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  overflow: hidden;
  width: calc(100% - 10px);
}

/* Card Viz */
.chart .card-viz {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 5px;
  overflow: hidden;
  width: calc(100% - 10px);
}

.chart .card-viz .card-viz-label {
  color: #000000;
  font-size: 12px;
}

.chart .card-viz-item {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.chart .card-viz-item * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Table Viz */
.table.table-viz {
  display: inline-flex;
  font-size: 11px;
  height: 100%;
  margin: 0 !important;
  overflow: hidden;
  position: relative;
  width: 100% !important;
}

.table.table-viz .thead {
  border-top: thin solid #F1F1F1;
  overflow-x: scroll;
  margin: 0;
  padding: 0;
  padding-right: 6px;
  scrollbar-width: none;
}

.table.table-viz .thead::-webkit-scrollbar {
  max-width: 0px;
  max-height: 0px;
}

.table.table-viz .thead .header-group {
  display: inline-flex;
  padding: 0;
  width: 100%;
}

.table.table-viz .thead div.header-cell {
  background-color: #FAFAFA;
  border: thin solid #F1F1F1;
  border-top: 0;
  border-right: 0;
  font-size: 11px;
  height: 30px;
  min-width: 50px;
  overflow: hidden;
  padding: 2px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.table.table-viz .thead .header-cell {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}

.table.table-viz .thead .header-cell * {
  background-color: unset;
  padding: 0;
}

/* .table.table-viz .thead .header-cell .cell-value {
  width: -webkit-fill-available;
} */

.table.table-viz .thead .header-cell i {
  cursor: pointer;
  font-size: 8px;
  height: 8px;
  width: 6px;
}

.table.table-viz .thead .header-cell .sort-controls {
  align-items: center;
  color: #888;
  display: flex;
  font-size: 9px;
}

.table.table-viz .thead .header-cell .sort-controls .unsorted-column {
  display: none;
}

.table.table-viz .thead .header-cell:hover .sort-controls .unsorted-column {
  display: block;
}

.table.table-viz .thead .column-number-marking {
  align-items: center;
  background-color: #f1f1f8;
  border: thin solid #6667AB;
  color: #6667AB;
  border-top: 0;
  display: flex;
  height: 14px;
  justify-content: center;
  font-size: 10px;
  left: 0;
  margin: auto;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  width: max-content;
}

.table.table-viz .body-container {
  border-top: 0;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-y: scroll;
}

.table.table-viz .tbody {
  background-color: transparent;
  height: calc(100% - 30px);
  margin: 0;
  padding: 0;
  position: relative;
}

.table.table-viz .tbody .row,
.table.table-viz .tbody .table-row {
  background-color: #FDFDFD;
  color: #212121;
  cursor: pointer;
  display: inline-flex;
  height: 25px;
  /* margin: auto; */
  padding: 0;
  position: absolute;
  left: 0;
  width: 100%;
}

.table.table-viz > div {
  /* cursor: pointer;
  display: inline-flex; */
  padding: 0;
  position: relative;
}

.table.table-viz > div.pin-left {
  border-right: thin solid black;
  left: 0;
  position: sticky;
  z-index: 2;
}

.table.table-viz > div.pin-right {
  border-left: thin solid black;
  right: 0;
  position: sticky;
  z-index: 2;
}

.table.table-viz > div.addContentTo {
  width: 100%;
}

.table.table-viz > div.pin-left:not(:has(.cell)) {
  border-right: 0;
  display: none;
}

.table.table-viz > div.pin-right:not(:has(.cell)) {
  border-left: 0;
  display: none;
}

.table.table-viz > div.pin-left *::-webkit-scrollbar,
.table.table-viz > div.pin-right *::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.table.table-viz .tbody .row.no-data-for-viz,
.table.table-viz .tbody .table-row.no-data-for-viz {
  background: #00000005;
  color: #333;
  display: block;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  padding-left: 18px;
  top: 75px;
  width: 100%;
}

.table.table-viz .tbody .table-row.summary-row {
  background-color: #FFF;
  z-index: 2;
}

.table.table-viz .tbody .data-container {
  align-items: center;
  display: flex;
  height: 100%;
}

.table.table-viz .tbody .table-row.summary-row > div {
  border-top: 2px solid #EEE;
  border-bottom: 0;
  /* font-weight: bold; */
  padding-right: 6px;
}

.table.table-viz .tbody .table-row.summary-row.top > div {
  background: #F9FAFB;
  border-top: 0;
}

.table.table-viz .tbody .table-row.summary-row input {
  border: 0;
  height: 100%;
  width: 100%;
  outline: 0 !important;
}

.table.table-viz .tbody .row:not(.summary-row):hover .cell, 
.table.table-viz .tbody .table-row:not(.summary-row):hover .cell {
  background-color: rgba(253, 253, 253) !important;
}

.table.table-viz .tbody .row:not(.summary-row):hover .cell .data-container *, 
.table.table-viz .tbody .table-row:not(.summary-row):hover .cell .data-container * {
  color: #1F1F1F !important;
}

.table.table-viz .tbody .row:nth-last-child(1),
.table.table-viz .tbody .table-row:nth-last-child(1) {
  border-bottom: 0;
}

.table.table-viz .tbody .row .cell {
  background-color: transparent;
  border-bottom: thin solid #EEE;
  flex: 1;
  height: 100%;
  margin: auto;
  margin-left: 1px;
  overflow: hidden;
  padding: 4px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table.table-viz .tbody .table-row .cell img {
  max-width: 85%;
  max-height: 85%;
  margin: auto;
}

.table.table-viz .tbody .table-row .cell {
  border: thin solid #F1F1F1;
  border-right: 0;
  border-bottom: 0;
  height: 100%;
  min-width: 50px;
  overflow: hidden;
  padding: 4px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.table.table-viz .tbody .row .cell.is-summary-cell,
.table.table-viz .tbody .table-row .cell.is-summary-cell {
  background-color: #00000005;
}

.table.table-viz .tbody .row .cell:nth-last-child(1),
.table.table-viz .tbody .table-row .cell:nth-last-child(1) {
  border-right: none;
}

.table.table-viz .tbody .row .cell:has(.drill-down-controllers),
.table.table-viz .tbody .table-row .cell:has(.drill-down-controllers) {
  cursor: pointer;
}

.table.table-viz .tbody .row .cell .drill-down-controllers,
.table.table-viz .tbody .table-row .cell .drill-down-controllers {
  float: left;
  height: 14px;
  padding: 0;
  margin: 0;
  margin-top: 1px;
  width: 14px;
}

.table.table-viz .tbody .background-bars {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.table.table-viz .tbody .background-bars .bar {
  background-color: #00000080;
  bottom: 0;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

.chart ::-webkit-scrollbar {
  max-width: var(--scroll-bar-width);
  max-height: var(--scroll-bar-width);
}

/* Track */
.chart ::-webkit-scrollbar-track {
  background: white; 
}

/* Handle */
.chart ::-webkit-scrollbar-thumb {
  background: var(--scroll-bar-color);
}

/* Handle on hover */
.chart ::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-bar-hover-color);
}

#manageAlertsModal #allAlerts {
  border-right: thin solid #00000030;
  height: 100%;
  padding: 5px;
  width: 180px;
}

#manageAlertsModal #allAlerts {
  box-shadow: 0 0 2px 0 #00000030;
  font-size: 12px;
  overflow-y: auto;
  text-align: center;
}

#manageAlertsModal #allAlerts #existingAlertsContainer {
  margin-top: 4px;
}

#manageAlertsModal #allAlerts #existingAlertsContainer #existingAlerts {
  height: 415px;
  overflow-y: auto;
}

#manageAlertsModal #allAlerts .harbour_alert {
  border-bottom: thin solid #00000030;
  cursor: pointer;
  padding: 5px 7px;
}

#manageAlertsModal #allAlerts .harbour_alert.selected {
  background-color: #ededff;
  border-bottom: 1px solid #6667AB;
  color: #6667AB;
}

#manageAlertsModal #allAlerts .harbour_alert .alert_name {
  padding: 2px;
  text-align: left;
}

#manageAlertsModal #alertManager {
  height: 100%;
  width: 100%;
}

#manageAlertsModal #alertManager #alertDetails {
  border-right: thin solid #00000010;
  min-width: 500px !important;
}

#manageAlertsModal #alertManager #alertSchedules {
  height: 265px;
  margin: 10px;
  overflow-y: auto;
  width: 100%;
}

#manageAlertsModal #alertManager .addNewAttributePopover,
#newVariable #alertManager .addNewAttributePopover {
  border: none;
  box-shadow: none;
}

#manageAlertsModal #decision_table,
#manageAlertsModal #alertSchedules_table {
  border: thin solid #00000010;
  height: 210px;
}

#manageAlertsModal #decision_table .tbody,
#alertSchedulesContainer #alertSchedules_table .tbody,
#Alert_Run #alert_run_table .tbody {
  height: 175px;
  overflow: auto;
}

#Alert_Run #alert_run_table .thead * {
  background: transparent;
}

#manageAlertsModal #decision_table .row {
  border-bottom: thin solid #00000010;
}

#manageAlertsModal #decision_table .row input {
  background-color: transparent;
  border: none;
  height: 100%;
  width: 100%;
}

.subscription {
  font-size: 12px;
  padding: 8px 4px;
  border-bottom: thin solid #00000010;
}

.subscription .name {
  color: #6667AB;
  font-weight: bold;
}

.subscription .schedule_days {
  color: #888;
}

/* Bootstrap overrides */
#manageAlertsModal .table>:not(caption)>*>* {
  background: none;
  padding: 0 !important;
}

#runAlert {
  background: transparent;
  border: thin solid #00000010;
}

.btn-group-filter {
  align-items: center;
  display: flex;
  height: 35px;
}

.btn-group-filter-option {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.btn-group-filter-option label {
  align-items: center;
  border-bottom: 2px solid transparent;
  color: #888;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 4px 8px;
}


.btn-group-filter-option input:checked + label {
  border-bottom-color: black;
  color: #000;
  font-weight: bold;
}

.action-button-no-border {
  cursor: pointer;
  font-size: 10px !important;
}

#column_filter_operator {
  width: 100%;
}

#column_filter_apply_btn {
  background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
    width: 100%;
    margin: 5px 0;
    border: none;
    border-radius: 4px;
}

#column_filter_close_btn {
  border: 1px solid red;
  border-radius: 2px;
  background: white;
  color: red;
  margin-left: auto;
  margin-top: 8px;
}

#chart_options_popover.table_context_menu .menuContainer {
  max-width: 200px !important;
}

#chart_options_popover.table_context_menu .menuContainer ul li:hover {
  background-color: unset;
  color: #000;
}


#loginContainer {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
  max-width: 90vw;
  min-height: 200px;
  max-height: 90vh;
  overflow: auto;
  padding: 25px;  
  width: 400px;
}

#loginContainer .logo {
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 20px;
  position: absolute;
  right: 0;
}

#loginContainer .heading {
  color: #094979;
  font-weight: bold;
}

#loginContainer label {
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 5px;
}

#loginContainer input {
  border: thin solid #00000030;
  border-radius: 5px;
  font-size: 12px;
  padding: 5px;
}

#loginButton {
  background: #094979;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  height: 35px;
  width: 100%;
}

body:has(#loginScreen) {
  background-image: url('../resources/images/background.avif');
}

@keyframes backgroundAnimation {
  0% {
      background-position: 100% 0;
  }

  100% {
      background-position: -100% 0;
  }
}

#loginScreen {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.filters-applied-on-viz {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 8px 16px !important;
}

.filters-applied-on-viz .title {
  background-color: #EEE;
  border-bottom: thin solid #aaa;
  margin-bottom: 10px;
  padding: 4px;
}

.filters-applied-on-viz .table.table-viz .thead div.header-cell {
  font-weight: normal;
}

.harbour-loader-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #00000030;
  z-index: 9999999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.harbour-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  background-color: white;
}

.harbour-loader .title {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

.harbour-loader .msg {
  color: #333;
  font-size: 12px;
}

@keyframes loading {
  from {
    transform: rotate(0);
  } to {
    transform: rotate(360deg);
  }
}

.harbour-loader .fa-loader {
  animation: loading linear 1s infinite;
  font-size: 24px;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.font-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.font-underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.drill-through-frame {
  border: 0;
  height: 100%;
  width: 100%;
}

#themeOptions .uMainModal_Body,
#uploadNewFileToDS .uMainModal_Body,
#menuOptions .uMainModal_Body {
  box-shadow: none;
}

#themeOptions .uMainModal_Body,
#uploadNewFileToDS .uMainModal_Body {
  padding: 10px;
}

#menuOptions .menuOptions {
  color: #444;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 8px;
}

#menuOptions .menuOptions:hover {
  background-color: #eee;
}

.uMainModal .chartContainer .title {
  font-size: 12px;
}

.uMainModal select,
.uMainModal input:not([type="checkbox"]) {
  align-items: center;
  border: thin solid #eee;
  color: #000;
  display: flex;
  font-size: 10px;
  height: 30px;
  padding: 4px;
  position: relative;
  width: 100%;
}

.uMainModal .chartContainer {
  height: auto;
  font-size: 12px;
  margin-bottom: 14px;
  position: relative;
}

#linkedReports .linkedReportItem {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 35px;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

#linkedReports.TOP {
  display: flex !important;
  max-height: 35px !important;
  min-height: unset;
  position: absolute;
  width: 100% !important;
}

body:has(nav.black) #linkedReports.TOP {
  background-color: black;
  border-bottom: thin solid #aaa;
  color: white;
}

.uPopoverBackground:has(.linkedReportDetails) {
  pointer-events: none;
}

.linkedReportItem:hover {
  background-color: #eee;
}

body:has(nav.black):has(#linkedReports.TOP .linkedReportItem) nav {
  border-bottom: thin solid #eeeeee40 !important;
}

body:has(nav.black) #linkedReports.TOP .linkedReportItem:hover {
  background-color: #444;
}

body:has(nav.black) #linkedReports.TOP .linkedReportItem.current-report {
  background-color: #333;
}

.linkedReportDetail.uMultiSelectOptionContainer.linkedReportDetails,
.linkedReportDetail.uMultiSelectOptionContainer.linkedReportDetails * {
  background-color: #1f1f1f;
  color: #f1f1f1;
}


/* GridStack 24 column layout */
.gs-24 > .grid-stack-item {
  width: 4.167%;
}
.gs-24 > .grid-stack-item[gs-x="1"] {
  left: 4.167%;
}
.gs-24 > .grid-stack-item[gs-w="2"] {
  width: 8.333%;
}
.gs-24 > .grid-stack-item[gs-x="2"] {
  left: 8.333%;
}
.gs-24 > .grid-stack-item[gs-w="3"] {
  width: 12.5%;
}
.gs-24 > .grid-stack-item[gs-x="3"] {
  left: 12.5%;
}
.gs-24 > .grid-stack-item[gs-w="4"] {
  width: 16.667%;
}
.gs-24 > .grid-stack-item[gs-x="4"] {
  left: 16.667%;
}
.gs-24 > .grid-stack-item[gs-w="5"] {
  width: 20.833%;
}
.gs-24 > .grid-stack-item[gs-x="5"] {
  left: 20.833%;
}
.gs-24 > .grid-stack-item[gs-w="6"] {
  width: 25%;
}
.gs-24 > .grid-stack-item[gs-x="6"] {
  left: 25%;
}
.gs-24 > .grid-stack-item[gs-w="7"] {
  width: 29.167%;
}
.gs-24 > .grid-stack-item[gs-x="7"] {
  left: 29.167%;
}
.gs-24 > .grid-stack-item[gs-w="8"] {
  width: 33.333%;
}
.gs-24 > .grid-stack-item[gs-x="8"] {
  left: 33.333%;
}
.gs-24 > .grid-stack-item[gs-w="9"] {
  width: 37.5%;
}
.gs-24 > .grid-stack-item[gs-x="9"] {
  left: 37.5%;
}
.gs-24 > .grid-stack-item[gs-w="10"] {
  width: 41.667%;
}
.gs-24 > .grid-stack-item[gs-x="10"] {
  left: 41.667%;
}
.gs-24 > .grid-stack-item[gs-w="11"] {
  width: 45.833%;
}
.gs-24 > .grid-stack-item[gs-x="11"] {
  left: 45.833%;
}
.gs-24 > .grid-stack-item[gs-w="12"] {
  width: 50%;
}
.gs-24 > .grid-stack-item[gs-x="12"] {
  left: 50%;
}
.gs-24 > .grid-stack-item[gs-w="13"] {
  width: 54.167%;
}
.gs-24 > .grid-stack-item[gs-x="13"] {
  left: 54.167%;
}
.gs-24 > .grid-stack-item[gs-w="14"] {
  width: 58.333%;
}
.gs-24 > .grid-stack-item[gs-x="14"] {
  left: 58.333%;
}
.gs-24 > .grid-stack-item[gs-w="15"] {
  width: 62.5%;
}
.gs-24 > .grid-stack-item[gs-x="15"] {
  left: 62.5%;
}
.gs-24 > .grid-stack-item[gs-w="16"] {
  width: 66.667%;
}
.gs-24 > .grid-stack-item[gs-x="16"] {
  left: 66.667%;
}
.gs-24 > .grid-stack-item[gs-w="17"] {
  width: 70.833%;
}
.gs-24 > .grid-stack-item[gs-x="17"] {
  left: 70.833%;
}
.gs-24 > .grid-stack-item[gs-w="18"] {
  width: 75%;
}
.gs-24 > .grid-stack-item[gs-x="18"] {
  left: 75%;
}
.gs-24 > .grid-stack-item[gs-w="19"] {
  width: 79.167%;
}
.gs-24 > .grid-stack-item[gs-x="19"] {
  left: 79.167%;
}
.gs-24 > .grid-stack-item[gs-w="20"] {
  width: 83.333%;
}
.gs-24 > .grid-stack-item[gs-x="20"] {
  left: 83.333%;
}
.gs-24 > .grid-stack-item[gs-w="21"] {
  width: 87.5%;
}
.gs-24 > .grid-stack-item[gs-x="21"] {
  left: 87.5%;
}
.gs-24 > .grid-stack-item[gs-w="22"] {
  width: 91.667%;
}
.gs-24 > .grid-stack-item[gs-x="22"] {
  left: 91.667%;
}
.gs-24 > .grid-stack-item[gs-w="23"] {
  width: 95.833%;
}
.gs-24 > .grid-stack-item[gs-x="23"] {
  left: 95.833%;
}
.gs-24 > .grid-stack-item[gs-w="24"] {
  width: 100%;
}

/* GridStack 48 column layout */
.gs-48 > .grid-stack-item {
  width: 2.083%;
}
.gs-48 > .grid-stack-item[gs-x="1"] {
  left: 2.083%;
}
.gs-48 > .grid-stack-item[gs-w="2"] {
  width: 4.167%;
}
.gs-48 > .grid-stack-item[gs-x="2"] {
  left: 4.167%;
}
.gs-48 > .grid-stack-item[gs-w="3"] {
  width: 6.25%;
}
.gs-48 > .grid-stack-item[gs-x="3"] {
  left: 6.25%;
}
.gs-48 > .grid-stack-item[gs-w="4"] {
  width: 8.333%;
}
.gs-48 > .grid-stack-item[gs-x="4"] {
  left: 8.333%;
}
.gs-48 > .grid-stack-item[gs-w="5"] {
  width: 10.417%;
}
.gs-48 > .grid-stack-item[gs-x="5"] {
  left: 10.417%;
}
.gs-48 > .grid-stack-item[gs-w="6"] {
  width: 12.5%;
}
.gs-48 > .grid-stack-item[gs-x="6"] {
  left: 12.5%;
}
.gs-48 > .grid-stack-item[gs-w="7"] {
  width: 14.583%;
}
.gs-48 > .grid-stack-item[gs-x="7"] {
  left: 14.583%;
}
.gs-48 > .grid-stack-item[gs-w="8"] {
  width: 16.667%;
}
.gs-48 > .grid-stack-item[gs-x="8"] {
  left: 16.667%;
}
.gs-48 > .grid-stack-item[gs-w="9"] {
  width: 18.75%;
}
.gs-48 > .grid-stack-item[gs-x="9"] {
  left: 18.75%;
}
.gs-48 > .grid-stack-item[gs-w="10"] {
  width: 20.833%;
}
.gs-48 > .grid-stack-item[gs-x="10"] {
  left: 20.833%;
}
.gs-48 > .grid-stack-item[gs-w="11"] {
  width: 22.917%;
}
.gs-48 > .grid-stack-item[gs-x="11"] {
  left: 22.917%;
}
.gs-48 > .grid-stack-item[gs-w="12"] {
  width: 25%;
}
.gs-48 > .grid-stack-item[gs-x="12"] {
  left: 25%;
}
.gs-48 > .grid-stack-item[gs-w="13"] {
  width: 27.083%;
}
.gs-48 > .grid-stack-item[gs-x="13"] {
  left: 27.083%;
}
.gs-48 > .grid-stack-item[gs-w="14"] {
  width: 29.167%;
}
.gs-48 > .grid-stack-item[gs-x="14"] {
  left: 29.167%;
}
.gs-48 > .grid-stack-item[gs-w="15"] {
  width: 31.25%;
}
.gs-48 > .grid-stack-item[gs-x="15"] {
  left: 31.25%;
}
.gs-48 > .grid-stack-item[gs-w="16"] {
  width: 33.333%;
}
.gs-48 > .grid-stack-item[gs-x="16"] {
  left: 33.333%;
}
.gs-48 > .grid-stack-item[gs-w="17"] {
  width: 35.417%;
}
.gs-48 > .grid-stack-item[gs-x="17"] {
  left: 35.417%;
}
.gs-48 > .grid-stack-item[gs-w="18"] {
  width: 37.5%;
}
.gs-48 > .grid-stack-item[gs-x="18"] {
  left: 37.5%;
}
.gs-48 > .grid-stack-item[gs-w="19"] {
  width: 39.583%;
}
.gs-48 > .grid-stack-item[gs-x="19"] {
  left: 39.583%;
}
.gs-48 > .grid-stack-item[gs-w="20"] {
  width: 41.667%;
}
.gs-48 > .grid-stack-item[gs-x="20"] {
  left: 41.667%;
}
.gs-48 > .grid-stack-item[gs-w="21"] {
  width: 43.75%;
}
.gs-48 > .grid-stack-item[gs-x="21"] {
  left: 43.75%;
}
.gs-48 > .grid-stack-item[gs-w="22"] {
  width: 45.833%;
}
.gs-48 > .grid-stack-item[gs-x="22"] {
  left: 45.833%;
}
.gs-48 > .grid-stack-item[gs-w="23"] {
  width: 47.917%;
}
.gs-48 > .grid-stack-item[gs-x="23"] {
  left: 47.917%;
}
.gs-48 > .grid-stack-item[gs-w="24"] {
  width: 50%;
}
.gs-48 > .grid-stack-item[gs-x="24"] {
  left: 50%;
}
.gs-48 > .grid-stack-item[gs-w="25"] {
  width: 52.083%;
}
.gs-48 > .grid-stack-item[gs-x="25"] {
  left: 52.083%;
}
.gs-48 > .grid-stack-item[gs-w="26"] {
  width: 54.167%;
}
.gs-48 > .grid-stack-item[gs-x="26"] {
  left: 54.167%;
}
.gs-48 > .grid-stack-item[gs-w="27"] {
  width: 56.25%;
}
.gs-48 > .grid-stack-item[gs-x="27"] {
  left: 56.25%;
}
.gs-48 > .grid-stack-item[gs-w="28"] {
  width: 58.333%;
}
.gs-48 > .grid-stack-item[gs-x="28"] {
  left: 58.333%;
}
.gs-48 > .grid-stack-item[gs-w="29"] {
  width: 60.417%;
}
.gs-48 > .grid-stack-item[gs-x="29"] {
  left: 60.417%;
}
.gs-48 > .grid-stack-item[gs-w="30"] {
  width: 62.5%;
}
.gs-48 > .grid-stack-item[gs-x="30"] {
  left: 62.5%;
}
.gs-48 > .grid-stack-item[gs-w="31"] {
  width: 64.583%;
}
.gs-48 > .grid-stack-item[gs-x="31"] {
  left: 64.583%;
}
.gs-48 > .grid-stack-item[gs-w="32"] {
  width: 66.667%;
}
.gs-48 > .grid-stack-item[gs-x="32"] {
  left: 66.667%;
}
.gs-48 > .grid-stack-item[gs-w="33"] {
  width: 68.75%;
}
.gs-48 > .grid-stack-item[gs-x="33"] {
  left: 68.75%;
}
.gs-48 > .grid-stack-item[gs-w="34"] {
  width: 70.833%;
}
.gs-48 > .grid-stack-item[gs-x="34"] {
  left: 70.833%;
}
.gs-48 > .grid-stack-item[gs-w="35"] {
  width: 72.917%;
}
.gs-48 > .grid-stack-item[gs-x="35"] {
  left: 72.917%;
}
.gs-48 > .grid-stack-item[gs-w="36"] {
  width: 75%;
}
.gs-48 > .grid-stack-item[gs-x="36"] {
  left: 75%;
}
.gs-48 > .grid-stack-item[gs-w="37"] {
  width: 77.083%;
}
.gs-48 > .grid-stack-item[gs-x="37"] {
  left: 77.083%;
}
.gs-48 > .grid-stack-item[gs-w="38"] {
  width: 79.167%;
}
.gs-48 > .grid-stack-item[gs-x="38"] {
  left: 79.167%;
}
.gs-48 > .grid-stack-item[gs-w="39"] {
  width: 81.25%;
}
.gs-48 > .grid-stack-item[gs-x="39"] {
  left: 81.25%;
}
.gs-48 > .grid-stack-item[gs-w="40"] {
  width: 83.333%;
}
.gs-48 > .grid-stack-item[gs-x="40"] {
  left: 83.333%;
}
.gs-48 > .grid-stack-item[gs-w="41"] {
  width: 85.417%;
}
.gs-48 > .grid-stack-item[gs-x="41"] {
  left: 85.417%;
}
.gs-48 > .grid-stack-item[gs-w="42"] {
  width: 87.5%;
}
.gs-48 > .grid-stack-item[gs-x="42"] {
  left: 87.5%;
}
.gs-48 > .grid-stack-item[gs-w="43"] {
  width: 89.583%;
}
.gs-48 > .grid-stack-item[gs-x="43"] {
  left: 89.583%;
}
.gs-48 > .grid-stack-item[gs-w="44"] {
  width: 91.667%;
}
.gs-48 > .grid-stack-item[gs-x="44"] {
  left: 91.667%;
}
.gs-48 > .grid-stack-item[gs-w="45"] {
  width: 93.75%;
}
.gs-48 > .grid-stack-item[gs-x="45"] {
  left: 93.75%;
}
.gs-48 > .grid-stack-item[gs-w="46"] {
  width: 95.833%;
}
.gs-48 > .grid-stack-item[gs-x="46"] {
  left: 95.833%;
}
.gs-48 > .grid-stack-item[gs-w="47"] {
  width: 97.917%;
}
.gs-48 > .grid-stack-item[gs-x="47"] {
  left: 97.917%;
}
.gs-48 > .grid-stack-item[gs-w="48"] {
  width: 100%;
}

.gs-192 > .grid-stack-item {
  width: 0.521%;
}
.gs-192 > .grid-stack-item[gs-x="1"] {
  left: 0.521%;
}
.gs-192 > .grid-stack-item[gs-w="2"] {
  width: 1.042%;
}
.gs-192 > .grid-stack-item[gs-x="2"] {
  left: 1.042%;
}
.gs-192 > .grid-stack-item[gs-w="3"] {
  width: 1.563%;
}
.gs-192 > .grid-stack-item[gs-x="3"] {
  left: 1.563%;
}
.gs-192 > .grid-stack-item[gs-w="4"] {
  width: 2.083%;
}
.gs-192 > .grid-stack-item[gs-x="4"] {
  left: 2.083%;
}
.gs-192 > .grid-stack-item[gs-w="5"] {
  width: 2.604%;
}
.gs-192 > .grid-stack-item[gs-x="5"] {
  left: 2.604%;
}
.gs-192 > .grid-stack-item[gs-w="6"] {
  width: 3.125%;
}
.gs-192 > .grid-stack-item[gs-x="6"] {
  left: 3.125%;
}
.gs-192 > .grid-stack-item[gs-w="7"] {
  width: 3.646%;
}
.gs-192 > .grid-stack-item[gs-x="7"] {
  left: 3.646%;
}
.gs-192 > .grid-stack-item[gs-w="8"] {
  width: 4.167%;
}
.gs-192 > .grid-stack-item[gs-x="8"] {
  left: 4.167%;
}
.gs-192 > .grid-stack-item[gs-w="9"] {
  width: 4.688%;
}
.gs-192 > .grid-stack-item[gs-x="9"] {
  left: 4.688%;
}
.gs-192 > .grid-stack-item[gs-w="10"] {
  width: 5.208%;
}
.gs-192 > .grid-stack-item[gs-x="10"] {
  left: 5.208%;
}
.gs-192 > .grid-stack-item[gs-w="11"] {
  width: 5.729%;
}
.gs-192 > .grid-stack-item[gs-x="11"] {
  left: 5.729%;
}
.gs-192 > .grid-stack-item[gs-w="12"] {
  width: 6.25%;
}
.gs-192 > .grid-stack-item[gs-x="12"] {
  left: 6.25%;
}
.gs-192 > .grid-stack-item[gs-w="13"] {
  width: 6.771%;
}
.gs-192 > .grid-stack-item[gs-x="13"] {
  left: 6.771%;
}
.gs-192 > .grid-stack-item[gs-w="14"] {
  width: 7.292%;
}
.gs-192 > .grid-stack-item[gs-x="14"] {
  left: 7.292%;
}
.gs-192 > .grid-stack-item[gs-w="15"] {
  width: 7.813%;
}
.gs-192 > .grid-stack-item[gs-x="15"] {
  left: 7.813%;
}
.gs-192 > .grid-stack-item[gs-w="16"] {
  width: 8.333%;
}
.gs-192 > .grid-stack-item[gs-x="16"] {
  left: 8.333%;
}
.gs-192 > .grid-stack-item[gs-w="17"] {
  width: 8.854%;
}
.gs-192 > .grid-stack-item[gs-x="17"] {
  left: 8.854%;
}
.gs-192 > .grid-stack-item[gs-w="18"] {
  width: 9.375%;
}
.gs-192 > .grid-stack-item[gs-x="18"] {
  left: 9.375%;
}
.gs-192 > .grid-stack-item[gs-w="19"] {
  width: 9.896%;
}
.gs-192 > .grid-stack-item[gs-x="19"] {
  left: 9.896%;
}
.gs-192 > .grid-stack-item[gs-w="20"] {
  width: 10.417%;
}
.gs-192 > .grid-stack-item[gs-x="20"] {
  left: 10.417%;
}
.gs-192 > .grid-stack-item[gs-w="21"] {
  width: 10.938%;
}
.gs-192 > .grid-stack-item[gs-x="21"] {
  left: 10.938%;
}
.gs-192 > .grid-stack-item[gs-w="22"] {
  width: 11.458%;
}
.gs-192 > .grid-stack-item[gs-x="22"] {
  left: 11.458%;
}
.gs-192 > .grid-stack-item[gs-w="23"] {
  width: 11.979%;
}
.gs-192 > .grid-stack-item[gs-x="23"] {
  left: 11.979%;
}
.gs-192 > .grid-stack-item[gs-w="24"] {
  width: 12.5%;
}
.gs-192 > .grid-stack-item[gs-x="24"] {
  left: 12.5%;
}
.gs-192 > .grid-stack-item[gs-w="25"] {
  width: 13.021%;
}
.gs-192 > .grid-stack-item[gs-x="25"] {
  left: 13.021%;
}
.gs-192 > .grid-stack-item[gs-w="26"] {
  width: 13.542%;
}
.gs-192 > .grid-stack-item[gs-x="26"] {
  left: 13.542%;
}
.gs-192 > .grid-stack-item[gs-w="27"] {
  width: 14.063%;
}
.gs-192 > .grid-stack-item[gs-x="27"] {
  left: 14.063%;
}
.gs-192 > .grid-stack-item[gs-w="28"] {
  width: 14.583%;
}
.gs-192 > .grid-stack-item[gs-x="28"] {
  left: 14.583%;
}
.gs-192 > .grid-stack-item[gs-w="29"] {
  width: 15.104%;
}
.gs-192 > .grid-stack-item[gs-x="29"] {
  left: 15.104%;
}
.gs-192 > .grid-stack-item[gs-w="30"] {
  width: 15.625%;
}
.gs-192 > .grid-stack-item[gs-x="30"] {
  left: 15.625%;
}
.gs-192 > .grid-stack-item[gs-w="31"] {
  width: 16.146%;
}
.gs-192 > .grid-stack-item[gs-x="31"] {
  left: 16.146%;
}
.gs-192 > .grid-stack-item[gs-w="32"] {
  width: 16.667%;
}
.gs-192 > .grid-stack-item[gs-x="32"] {
  left: 16.667%;
}
.gs-192 > .grid-stack-item[gs-w="33"] {
  width: 17.188%;
}
.gs-192 > .grid-stack-item[gs-x="33"] {
  left: 17.188%;
}
.gs-192 > .grid-stack-item[gs-w="34"] {
  width: 17.708%;
}
.gs-192 > .grid-stack-item[gs-x="34"] {
  left: 17.708%;
}
.gs-192 > .grid-stack-item[gs-w="35"] {
  width: 18.229%;
}
.gs-192 > .grid-stack-item[gs-x="35"] {
  left: 18.229%;
}
.gs-192 > .grid-stack-item[gs-w="36"] {
  width: 18.75%;
}
.gs-192 > .grid-stack-item[gs-x="36"] {
  left: 18.75%;
}
.gs-192 > .grid-stack-item[gs-w="37"] {
  width: 19.271%;
}
.gs-192 > .grid-stack-item[gs-x="37"] {
  left: 19.271%;
}
.gs-192 > .grid-stack-item[gs-w="38"] {
  width: 19.792%;
}
.gs-192 > .grid-stack-item[gs-x="38"] {
  left: 19.792%;
}
.gs-192 > .grid-stack-item[gs-w="39"] {
  width: 20.313%;
}
.gs-192 > .grid-stack-item[gs-x="39"] {
  left: 20.313%;
}
.gs-192 > .grid-stack-item[gs-w="40"] {
  width: 20.833%;
}
.gs-192 > .grid-stack-item[gs-x="40"] {
  left: 20.833%;
}
.gs-192 > .grid-stack-item[gs-w="41"] {
  width: 21.354%;
}
.gs-192 > .grid-stack-item[gs-x="41"] {
  left: 21.354%;
}
.gs-192 > .grid-stack-item[gs-w="42"] {
  width: 21.875%;
}
.gs-192 > .grid-stack-item[gs-x="42"] {
  left: 21.875%;
}
.gs-192 > .grid-stack-item[gs-w="43"] {
  width: 22.396%;
}
.gs-192 > .grid-stack-item[gs-x="43"] {
  left: 22.396%;
}
.gs-192 > .grid-stack-item[gs-w="44"] {
  width: 22.917%;
}
.gs-192 > .grid-stack-item[gs-x="44"] {
  left: 22.917%;
}
.gs-192 > .grid-stack-item[gs-w="45"] {
  width: 23.438%;
}
.gs-192 > .grid-stack-item[gs-x="45"] {
  left: 23.438%;
}
.gs-192 > .grid-stack-item[gs-w="46"] {
  width: 23.958%;
}
.gs-192 > .grid-stack-item[gs-x="46"] {
  left: 23.958%;
}
.gs-192 > .grid-stack-item[gs-w="47"] {
  width: 24.479%;
}
.gs-192 > .grid-stack-item[gs-x="47"] {
  left: 24.479%;
}
.gs-192 > .grid-stack-item[gs-w="48"] {
  width: 25%;
}
.gs-192 > .grid-stack-item[gs-x="48"] {
  left: 25%;
}
.gs-192 > .grid-stack-item[gs-w="49"] {
  width: 25.521%;
}
.gs-192 > .grid-stack-item[gs-x="49"] {
  left: 25.521%;
}
.gs-192 > .grid-stack-item[gs-w="50"] {
  width: 26.042%;
}
.gs-192 > .grid-stack-item[gs-x="50"] {
  left: 26.042%;
}
.gs-192 > .grid-stack-item[gs-w="51"] {
  width: 26.563%;
}
.gs-192 > .grid-stack-item[gs-x="51"] {
  left: 26.563%;
}
.gs-192 > .grid-stack-item[gs-w="52"] {
  width: 27.083%;
}
.gs-192 > .grid-stack-item[gs-x="52"] {
  left: 27.083%;
}
.gs-192 > .grid-stack-item[gs-w="53"] {
  width: 27.604%;
}
.gs-192 > .grid-stack-item[gs-x="53"] {
  left: 27.604%;
}
.gs-192 > .grid-stack-item[gs-w="54"] {
  width: 28.125%;
}
.gs-192 > .grid-stack-item[gs-x="54"] {
  left: 28.125%;
}
.gs-192 > .grid-stack-item[gs-w="55"] {
  width: 28.646%;
}
.gs-192 > .grid-stack-item[gs-x="55"] {
  left: 28.646%;
}
.gs-192 > .grid-stack-item[gs-w="56"] {
  width: 29.167%;
}
.gs-192 > .grid-stack-item[gs-x="56"] {
  left: 29.167%;
}
.gs-192 > .grid-stack-item[gs-w="57"] {
  width: 29.688%;
}
.gs-192 > .grid-stack-item[gs-x="57"] {
  left: 29.688%;
}
.gs-192 > .grid-stack-item[gs-w="58"] {
  width: 30.208%;
}
.gs-192 > .grid-stack-item[gs-x="58"] {
  left: 30.208%;
}
.gs-192 > .grid-stack-item[gs-w="59"] {
  width: 30.729%;
}
.gs-192 > .grid-stack-item[gs-x="59"] {
  left: 30.729%;
}
.gs-192 > .grid-stack-item[gs-w="60"] {
  width: 31.25%;
}
.gs-192 > .grid-stack-item[gs-x="60"] {
  left: 31.25%;
}
.gs-192 > .grid-stack-item[gs-w="61"] {
  width: 31.771%;
}
.gs-192 > .grid-stack-item[gs-x="61"] {
  left: 31.771%;
}
.gs-192 > .grid-stack-item[gs-w="62"] {
  width: 32.292%;
}
.gs-192 > .grid-stack-item[gs-x="62"] {
  left: 32.292%;
}
.gs-192 > .grid-stack-item[gs-w="63"] {
  width: 32.813%;
}
.gs-192 > .grid-stack-item[gs-x="63"] {
  left: 32.813%;
}
.gs-192 > .grid-stack-item[gs-w="64"] {
  width: 33.333%;
}
.gs-192 > .grid-stack-item[gs-x="64"] {
  left: 33.333%;
}
.gs-192 > .grid-stack-item[gs-w="65"] {
  width: 33.854%;
}
.gs-192 > .grid-stack-item[gs-x="65"] {
  left: 33.854%;
}
.gs-192 > .grid-stack-item[gs-w="66"] {
  width: 34.375%;
}
.gs-192 > .grid-stack-item[gs-x="66"] {
  left: 34.375%;
}
.gs-192 > .grid-stack-item[gs-w="67"] {
  width: 34.896%;
}
.gs-192 > .grid-stack-item[gs-x="67"] {
  left: 34.896%;
}
.gs-192 > .grid-stack-item[gs-w="68"] {
  width: 35.417%;
}
.gs-192 > .grid-stack-item[gs-x="68"] {
  left: 35.417%;
}
.gs-192 > .grid-stack-item[gs-w="69"] {
  width: 35.938%;
}
.gs-192 > .grid-stack-item[gs-x="69"] {
  left: 35.938%;
}
.gs-192 > .grid-stack-item[gs-w="70"] {
  width: 36.458%;
}
.gs-192 > .grid-stack-item[gs-x="70"] {
  left: 36.458%;
}
.gs-192 > .grid-stack-item[gs-w="71"] {
  width: 36.979%;
}
.gs-192 > .grid-stack-item[gs-x="71"] {
  left: 36.979%;
}
.gs-192 > .grid-stack-item[gs-w="72"] {
  width: 37.5%;
}
.gs-192 > .grid-stack-item[gs-x="72"] {
  left: 37.5%;
}
.gs-192 > .grid-stack-item[gs-w="73"] {
  width: 38.021%;
}
.gs-192 > .grid-stack-item[gs-x="73"] {
  left: 38.021%;
}
.gs-192 > .grid-stack-item[gs-w="74"] {
  width: 38.542%;
}
.gs-192 > .grid-stack-item[gs-x="74"] {
  left: 38.542%;
}
.gs-192 > .grid-stack-item[gs-w="75"] {
  width: 39.063%;
}
.gs-192 > .grid-stack-item[gs-x="75"] {
  left: 39.063%;
}
.gs-192 > .grid-stack-item[gs-w="76"] {
  width: 39.583%;
}
.gs-192 > .grid-stack-item[gs-x="76"] {
  left: 39.583%;
}
.gs-192 > .grid-stack-item[gs-w="77"] {
  width: 40.104%;
}
.gs-192 > .grid-stack-item[gs-x="77"] {
  left: 40.104%;
}
.gs-192 > .grid-stack-item[gs-w="78"] {
  width: 40.625%;
}
.gs-192 > .grid-stack-item[gs-x="78"] {
  left: 40.625%;
}
.gs-192 > .grid-stack-item[gs-w="79"] {
  width: 41.146%;
}
.gs-192 > .grid-stack-item[gs-x="79"] {
  left: 41.146%;
}
.gs-192 > .grid-stack-item[gs-w="80"] {
  width: 41.667%;
}
.gs-192 > .grid-stack-item[gs-x="80"] {
  left: 41.667%;
}
.gs-192 > .grid-stack-item[gs-w="81"] {
  width: 42.188%;
}
.gs-192 > .grid-stack-item[gs-x="81"] {
  left: 42.188%;
}
.gs-192 > .grid-stack-item[gs-w="82"] {
  width: 42.708%;
}
.gs-192 > .grid-stack-item[gs-x="82"] {
  left: 42.708%;
}
.gs-192 > .grid-stack-item[gs-w="83"] {
  width: 43.229%;
}
.gs-192 > .grid-stack-item[gs-x="83"] {
  left: 43.229%;
}
.gs-192 > .grid-stack-item[gs-w="84"] {
  width: 43.75%;
}
.gs-192 > .grid-stack-item[gs-x="84"] {
  left: 43.75%;
}
.gs-192 > .grid-stack-item[gs-w="85"] {
  width: 44.271%;
}
.gs-192 > .grid-stack-item[gs-x="85"] {
  left: 44.271%;
}
.gs-192 > .grid-stack-item[gs-w="86"] {
  width: 44.792%;
}
.gs-192 > .grid-stack-item[gs-x="86"] {
  left: 44.792%;
}
.gs-192 > .grid-stack-item[gs-w="87"] {
  width: 45.313%;
}
.gs-192 > .grid-stack-item[gs-x="87"] {
  left: 45.313%;
}
.gs-192 > .grid-stack-item[gs-w="88"] {
  width: 45.833%;
}
.gs-192 > .grid-stack-item[gs-x="88"] {
  left: 45.833%;
}
.gs-192 > .grid-stack-item[gs-w="89"] {
  width: 46.354%;
}
.gs-192 > .grid-stack-item[gs-x="89"] {
  left: 46.354%;
}
.gs-192 > .grid-stack-item[gs-w="90"] {
  width: 46.875%;
}
.gs-192 > .grid-stack-item[gs-x="90"] {
  left: 46.875%;
}
.gs-192 > .grid-stack-item[gs-w="91"] {
  width: 47.396%;
}
.gs-192 > .grid-stack-item[gs-x="91"] {
  left: 47.396%;
}
.gs-192 > .grid-stack-item[gs-w="92"] {
  width: 47.917%;
}
.gs-192 > .grid-stack-item[gs-x="92"] {
  left: 47.917%;
}
.gs-192 > .grid-stack-item[gs-w="93"] {
  width: 48.438%;
}
.gs-192 > .grid-stack-item[gs-x="93"] {
  left: 48.438%;
}
.gs-192 > .grid-stack-item[gs-w="94"] {
  width: 48.958%;
}
.gs-192 > .grid-stack-item[gs-x="94"] {
  left: 48.958%;
}
.gs-192 > .grid-stack-item[gs-w="95"] {
  width: 49.479%;
}
.gs-192 > .grid-stack-item[gs-x="95"] {
  left: 49.479%;
}
.gs-192 > .grid-stack-item[gs-w="96"] {
  width: 50%;
}
.gs-192 > .grid-stack-item[gs-x="96"] {
  left: 50%;
}
.gs-192 > .grid-stack-item[gs-w="97"] {
  width: 50.521%;
}
.gs-192 > .grid-stack-item[gs-x="97"] {
  left: 50.521%;
}
.gs-192 > .grid-stack-item[gs-w="98"] {
  width: 51.042%;
}
.gs-192 > .grid-stack-item[gs-x="98"] {
  left: 51.042%;
}
.gs-192 > .grid-stack-item[gs-w="99"] {
  width: 51.563%;
}
.gs-192 > .grid-stack-item[gs-x="99"] {
  left: 51.563%;
}
.gs-192 > .grid-stack-item[gs-w="100"] {
  width: 52.083%;
}
.gs-192 > .grid-stack-item[gs-x="100"] {
  left: 52.083%;
}
.gs-192 > .grid-stack-item[gs-w="101"] {
  width: 52.604%;
}
.gs-192 > .grid-stack-item[gs-x="101"] {
  left: 52.604%;
}
.gs-192 > .grid-stack-item[gs-w="102"] {
  width: 53.125%;
}
.gs-192 > .grid-stack-item[gs-x="102"] {
  left: 53.125%;
}
.gs-192 > .grid-stack-item[gs-w="103"] {
  width: 53.646%;
}
.gs-192 > .grid-stack-item[gs-x="103"] {
  left: 53.646%;
}
.gs-192 > .grid-stack-item[gs-w="104"] {
  width: 54.167%;
}
.gs-192 > .grid-stack-item[gs-x="104"] {
  left: 54.167%;
}
.gs-192 > .grid-stack-item[gs-w="105"] {
  width: 54.688%;
}
.gs-192 > .grid-stack-item[gs-x="105"] {
  left: 54.688%;
}
.gs-192 > .grid-stack-item[gs-w="106"] {
  width: 55.208%;
}
.gs-192 > .grid-stack-item[gs-x="106"] {
  left: 55.208%;
}
.gs-192 > .grid-stack-item[gs-w="107"] {
  width: 55.729%;
}
.gs-192 > .grid-stack-item[gs-x="107"] {
  left: 55.729%;
}
.gs-192 > .grid-stack-item[gs-w="108"] {
  width: 56.25%;
}
.gs-192 > .grid-stack-item[gs-x="108"] {
  left: 56.25%;
}
.gs-192 > .grid-stack-item[gs-w="109"] {
  width: 56.771%;
}
.gs-192 > .grid-stack-item[gs-x="109"] {
  left: 56.771%;
}
.gs-192 > .grid-stack-item[gs-w="110"] {
  width: 57.292%;
}
.gs-192 > .grid-stack-item[gs-x="110"] {
  left: 57.292%;
}
.gs-192 > .grid-stack-item[gs-w="111"] {
  width: 57.813%;
}
.gs-192 > .grid-stack-item[gs-x="111"] {
  left: 57.813%;
}
.gs-192 > .grid-stack-item[gs-w="112"] {
  width: 58.333%;
}
.gs-192 > .grid-stack-item[gs-x="112"] {
  left: 58.333%;
}
.gs-192 > .grid-stack-item[gs-w="113"] {
  width: 58.854%;
}
.gs-192 > .grid-stack-item[gs-x="113"] {
  left: 58.854%;
}
.gs-192 > .grid-stack-item[gs-w="114"] {
  width: 59.375%;
}
.gs-192 > .grid-stack-item[gs-x="114"] {
  left: 59.375%;
}
.gs-192 > .grid-stack-item[gs-w="115"] {
  width: 59.896%;
}
.gs-192 > .grid-stack-item[gs-x="115"] {
  left: 59.896%;
}
.gs-192 > .grid-stack-item[gs-w="116"] {
  width: 60.417%;
}
.gs-192 > .grid-stack-item[gs-x="116"] {
  left: 60.417%;
}
.gs-192 > .grid-stack-item[gs-w="117"] {
  width: 60.938%;
}
.gs-192 > .grid-stack-item[gs-x="117"] {
  left: 60.938%;
}
.gs-192 > .grid-stack-item[gs-w="118"] {
  width: 61.458%;
}
.gs-192 > .grid-stack-item[gs-x="118"] {
  left: 61.458%;
}
.gs-192 > .grid-stack-item[gs-w="119"] {
  width: 61.979%;
}
.gs-192 > .grid-stack-item[gs-x="119"] {
  left: 61.979%;
}
.gs-192 > .grid-stack-item[gs-w="120"] {
  width: 62.5%;
}
.gs-192 > .grid-stack-item[gs-x="120"] {
  left: 62.5%;
}
.gs-192 > .grid-stack-item[gs-w="121"] {
  width: 63.021%;
}
.gs-192 > .grid-stack-item[gs-x="121"] {
  left: 63.021%;
}
.gs-192 > .grid-stack-item[gs-w="122"] {
  width: 63.542%;
}
.gs-192 > .grid-stack-item[gs-x="122"] {
  left: 63.542%;
}
.gs-192 > .grid-stack-item[gs-w="123"] {
  width: 64.063%;
}
.gs-192 > .grid-stack-item[gs-x="123"] {
  left: 64.063%;
}
.gs-192 > .grid-stack-item[gs-w="124"] {
  width: 64.583%;
}
.gs-192 > .grid-stack-item[gs-x="124"] {
  left: 64.583%;
}
.gs-192 > .grid-stack-item[gs-w="125"] {
  width: 65.104%;
}
.gs-192 > .grid-stack-item[gs-x="125"] {
  left: 65.104%;
}
.gs-192 > .grid-stack-item[gs-w="126"] {
  width: 65.625%;
}
.gs-192 > .grid-stack-item[gs-x="126"] {
  left: 65.625%;
}
.gs-192 > .grid-stack-item[gs-w="127"] {
  width: 66.146%;
}
.gs-192 > .grid-stack-item[gs-x="127"] {
  left: 66.146%;
}
.gs-192 > .grid-stack-item[gs-w="128"] {
  width: 66.667%;
}
.gs-192 > .grid-stack-item[gs-x="128"] {
  left: 66.667%;
}
.gs-192 > .grid-stack-item[gs-w="129"] {
  width: 67.188%;
}
.gs-192 > .grid-stack-item[gs-x="129"] {
  left: 67.188%;
}
.gs-192 > .grid-stack-item[gs-w="130"] {
  width: 67.708%;
}
.gs-192 > .grid-stack-item[gs-x="130"] {
  left: 67.708%;
}
.gs-192 > .grid-stack-item[gs-w="131"] {
  width: 68.229%;
}
.gs-192 > .grid-stack-item[gs-x="131"] {
  left: 68.229%;
}
.gs-192 > .grid-stack-item[gs-w="132"] {
  width: 68.75%;
}
.gs-192 > .grid-stack-item[gs-x="132"] {
  left: 68.75%;
}
.gs-192 > .grid-stack-item[gs-w="133"] {
  width: 69.271%;
}
.gs-192 > .grid-stack-item[gs-x="133"] {
  left: 69.271%;
}
.gs-192 > .grid-stack-item[gs-w="134"] {
  width: 69.792%;
}
.gs-192 > .grid-stack-item[gs-x="134"] {
  left: 69.792%;
}
.gs-192 > .grid-stack-item[gs-w="135"] {
  width: 70.313%;
}
.gs-192 > .grid-stack-item[gs-x="135"] {
  left: 70.313%;
}
.gs-192 > .grid-stack-item[gs-w="136"] {
  width: 70.833%;
}
.gs-192 > .grid-stack-item[gs-x="136"] {
  left: 70.833%;
}
.gs-192 > .grid-stack-item[gs-w="137"] {
  width: 71.354%;
}
.gs-192 > .grid-stack-item[gs-x="137"] {
  left: 71.354%;
}
.gs-192 > .grid-stack-item[gs-w="138"] {
  width: 71.875%;
}
.gs-192 > .grid-stack-item[gs-x="138"] {
  left: 71.875%;
}
.gs-192 > .grid-stack-item[gs-w="139"] {
  width: 72.396%;
}
.gs-192 > .grid-stack-item[gs-x="139"] {
  left: 72.396%;
}
.gs-192 > .grid-stack-item[gs-w="140"] {
  width: 72.917%;
}
.gs-192 > .grid-stack-item[gs-x="140"] {
  left: 72.917%;
}
.gs-192 > .grid-stack-item[gs-w="141"] {
  width: 73.438%;
}
.gs-192 > .grid-stack-item[gs-x="141"] {
  left: 73.438%;
}
.gs-192 > .grid-stack-item[gs-w="142"] {
  width: 73.958%;
}
.gs-192 > .grid-stack-item[gs-x="142"] {
  left: 73.958%;
}
.gs-192 > .grid-stack-item[gs-w="143"] {
  width: 74.479%;
}
.gs-192 > .grid-stack-item[gs-x="143"] {
  left: 74.479%;
}
.gs-192 > .grid-stack-item[gs-w="144"] {
  width: 75%;
}
.gs-192 > .grid-stack-item[gs-x="144"] {
  left: 75%;
}
.gs-192 > .grid-stack-item[gs-w="145"] {
  width: 75.521%;
}
.gs-192 > .grid-stack-item[gs-x="145"] {
  left: 75.521%;
}
.gs-192 > .grid-stack-item[gs-w="146"] {
  width: 76.042%;
}
.gs-192 > .grid-stack-item[gs-x="146"] {
  left: 76.042%;
}
.gs-192 > .grid-stack-item[gs-w="147"] {
  width: 76.563%;
}
.gs-192 > .grid-stack-item[gs-x="147"] {
  left: 76.563%;
}
.gs-192 > .grid-stack-item[gs-w="148"] {
  width: 77.083%;
}
.gs-192 > .grid-stack-item[gs-x="148"] {
  left: 77.083%;
}
.gs-192 > .grid-stack-item[gs-w="149"] {
  width: 77.604%;
}
.gs-192 > .grid-stack-item[gs-x="149"] {
  left: 77.604%;
}
.gs-192 > .grid-stack-item[gs-w="150"] {
  width: 78.125%;
}
.gs-192 > .grid-stack-item[gs-x="150"] {
  left: 78.125%;
}
.gs-192 > .grid-stack-item[gs-w="151"] {
  width: 78.646%;
}
.gs-192 > .grid-stack-item[gs-x="151"] {
  left: 78.646%;
}
.gs-192 > .grid-stack-item[gs-w="152"] {
  width: 79.167%;
}
.gs-192 > .grid-stack-item[gs-x="152"] {
  left: 79.167%;
}
.gs-192 > .grid-stack-item[gs-w="153"] {
  width: 79.688%;
}
.gs-192 > .grid-stack-item[gs-x="153"] {
  left: 79.688%;
}
.gs-192 > .grid-stack-item[gs-w="154"] {
  width: 80.208%;
}
.gs-192 > .grid-stack-item[gs-x="154"] {
  left: 80.208%;
}
.gs-192 > .grid-stack-item[gs-w="155"] {
  width: 80.729%;
}
.gs-192 > .grid-stack-item[gs-x="155"] {
  left: 80.729%;
}
.gs-192 > .grid-stack-item[gs-w="156"] {
  width: 81.25%;
}
.gs-192 > .grid-stack-item[gs-x="156"] {
  left: 81.25%;
}
.gs-192 > .grid-stack-item[gs-w="157"] {
  width: 81.771%;
}
.gs-192 > .grid-stack-item[gs-x="157"] {
  left: 81.771%;
}
.gs-192 > .grid-stack-item[gs-w="158"] {
  width: 82.292%;
}
.gs-192 > .grid-stack-item[gs-x="158"] {
  left: 82.292%;
}
.gs-192 > .grid-stack-item[gs-w="159"] {
  width: 82.813%;
}
.gs-192 > .grid-stack-item[gs-x="159"] {
  left: 82.813%;
}
.gs-192 > .grid-stack-item[gs-w="160"] {
  width: 83.333%;
}
.gs-192 > .grid-stack-item[gs-x="160"] {
  left: 83.333%;
}
.gs-192 > .grid-stack-item[gs-w="161"] {
  width: 83.854%;
}
.gs-192 > .grid-stack-item[gs-x="161"] {
  left: 83.854%;
}
.gs-192 > .grid-stack-item[gs-w="162"] {
  width: 84.375%;
}
.gs-192 > .grid-stack-item[gs-x="162"] {
  left: 84.375%;
}
.gs-192 > .grid-stack-item[gs-w="163"] {
  width: 84.896%;
}
.gs-192 > .grid-stack-item[gs-x="163"] {
  left: 84.896%;
}
.gs-192 > .grid-stack-item[gs-w="164"] {
  width: 85.417%;
}
.gs-192 > .grid-stack-item[gs-x="164"] {
  left: 85.417%;
}
.gs-192 > .grid-stack-item[gs-w="165"] {
  width: 85.938%;
}
.gs-192 > .grid-stack-item[gs-x="165"] {
  left: 85.938%;
}
.gs-192 > .grid-stack-item[gs-w="166"] {
  width: 86.458%;
}
.gs-192 > .grid-stack-item[gs-x="166"] {
  left: 86.458%;
}
.gs-192 > .grid-stack-item[gs-w="167"] {
  width: 86.979%;
}
.gs-192 > .grid-stack-item[gs-x="167"] {
  left: 86.979%;
}
.gs-192 > .grid-stack-item[gs-w="168"] {
  width: 87.5%;
}
.gs-192 > .grid-stack-item[gs-x="168"] {
  left: 87.5%;
}
.gs-192 > .grid-stack-item[gs-w="169"] {
  width: 88.021%;
}
.gs-192 > .grid-stack-item[gs-x="169"] {
  left: 88.021%;
}
.gs-192 > .grid-stack-item[gs-w="170"] {
  width: 88.542%;
}
.gs-192 > .grid-stack-item[gs-x="170"] {
  left: 88.542%;
}
.gs-192 > .grid-stack-item[gs-w="171"] {
  width: 89.063%;
}
.gs-192 > .grid-stack-item[gs-x="171"] {
  left: 89.063%;
}
.gs-192 > .grid-stack-item[gs-w="172"] {
  width: 89.583%;
}
.gs-192 > .grid-stack-item[gs-x="172"] {
  left: 89.583%;
}
.gs-192 > .grid-stack-item[gs-w="173"] {
  width: 90.104%;
}
.gs-192 > .grid-stack-item[gs-x="173"] {
  left: 90.104%;
}
.gs-192 > .grid-stack-item[gs-w="174"] {
  width: 90.625%;
}
.gs-192 > .grid-stack-item[gs-x="174"] {
  left: 90.625%;
}
.gs-192 > .grid-stack-item[gs-w="175"] {
  width: 91.146%;
}
.gs-192 > .grid-stack-item[gs-x="175"] {
  left: 91.146%;
}
.gs-192 > .grid-stack-item[gs-w="176"] {
  width: 91.667%;
}
.gs-192 > .grid-stack-item[gs-x="176"] {
  left: 91.667%;
}
.gs-192 > .grid-stack-item[gs-w="177"] {
  width: 92.188%;
}
.gs-192 > .grid-stack-item[gs-x="177"] {
  left: 92.188%;
}
.gs-192 > .grid-stack-item[gs-w="178"] {
  width: 92.708%;
}
.gs-192 > .grid-stack-item[gs-x="178"] {
  left: 92.708%;
}
.gs-192 > .grid-stack-item[gs-w="179"] {
  width: 93.229%;
}
.gs-192 > .grid-stack-item[gs-x="179"] {
  left: 93.229%;
}
.gs-192 > .grid-stack-item[gs-w="180"] {
  width: 93.75%;
}
.gs-192 > .grid-stack-item[gs-x="180"] {
  left: 93.75%;
}
.gs-192 > .grid-stack-item[gs-w="181"] {
  width: 94.271%;
}
.gs-192 > .grid-stack-item[gs-x="181"] {
  left: 94.271%;
}
.gs-192 > .grid-stack-item[gs-w="182"] {
  width: 94.792%;
}
.gs-192 > .grid-stack-item[gs-x="182"] {
  left: 94.792%;
}
.gs-192 > .grid-stack-item[gs-w="183"] {
  width: 95.313%;
}
.gs-192 > .grid-stack-item[gs-x="183"] {
  left: 95.313%;
}
.gs-192 > .grid-stack-item[gs-w="184"] {
  width: 95.833%;
}
.gs-192 > .grid-stack-item[gs-x="184"] {
  left: 95.833%;
}
.gs-192 > .grid-stack-item[gs-w="185"] {
  width: 96.354%;
}
.gs-192 > .grid-stack-item[gs-x="185"] {
  left: 96.354%;
}
.gs-192 > .grid-stack-item[gs-w="186"] {
  width: 96.875%;
}
.gs-192 > .grid-stack-item[gs-x="186"] {
  left: 96.875%;
}
.gs-192 > .grid-stack-item[gs-w="187"] {
  width: 97.396%;
}
.gs-192 > .grid-stack-item[gs-x="187"] {
  left: 97.396%;
}
.gs-192 > .grid-stack-item[gs-w="188"] {
  width: 97.917%;
}
.gs-192 > .grid-stack-item[gs-x="188"] {
  left: 97.917%;
}
.gs-192 > .grid-stack-item[gs-w="189"] {
  width: 98.438%;
}
.gs-192 > .grid-stack-item[gs-x="189"] {
  left: 98.438%;
}
.gs-192 > .grid-stack-item[gs-w="190"] {
  width: 98.958%;
}
.gs-192 > .grid-stack-item[gs-x="190"] {
  left: 98.958%;
}
.gs-192 > .grid-stack-item[gs-w="191"] {
  width: 99.479%;
}
.gs-192 > .grid-stack-item[gs-x="191"] {
  left: 99.479%;
}
.gs-192 > .grid-stack-item[gs-w="192"] {
  width: 100%;
}

/* Print Mode */
body.printMode * {
  scrollbar-width: none !important;
}

body.printMode #linkedReports {
  display: none !important;
}

.chart.leaflet-container {
  margin: 0 !important;
}

.subgridElement.chart-container {
  top: 0;
  left: 0;
  min-height: 100%;
  max-height: 100%;
}

.grid-stack-item>.ui-resizable-n,
.grid-stack-item>.ui-resizable-e,
.grid-stack-item>.ui-resizable-w,
.grid-stack-item>.ui-resizable-s {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 16 16"><path d="m8 1 2 2H6l2-2v14l-2-2h4l-2 2"/></svg>')
}

.grid-stack-item>.ui-resizable-n {
  top: 8px !important;
  left: 0;
  right: 0;
  margin: auto
}

.grid-stack-item>.ui-resizable-s {
  bottom: 8px !important;
  left: 0;
  right: 0;
  margin: auto
}

.grid-stack-item>.ui-resizable-w {
  bottom: 0;
  left: 8px;
  top: 0;
  margin: auto;
  transform: rotate(90deg);
}

.grid-stack-item>.ui-resizable-e {
  bottom: 0;
  right: 8px;
  top: 0;
  margin: auto;
  transform: rotate(90deg);
}

.cursor-pointer {
  cursor: pointer;
}

#analysisResults .accordion-button div {
  width: 90%;
}

#analysisResults .accordion-button:after {
  content: '\F282';
  color: #00000080;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-family: 'bootstrap-icons';
}

#analysisResults .accordion-button:not(.collapsed):after {
  bottom: unset;
  transform: rotate(180deg);
}

.hint-popover, .hint-popover > div {
  background: black !important;
  color: white !important;
  font-size: 10px !important;
  min-width: 125px;
  padding: 5px;
  width: auto !important;
}

.hint-popover.w-auto, .hint-popover.w-auto > div {
  min-width: unset;
  padding: 2px;
}

.hint-popover::before {
  background-color: black !important;
  pointer-events: none;
}

.all-in-text-white * {
  color: #FFFFFF !important;
}

.osmap-tooltip {
  background: rgb(41, 40, 45) !important;
  color: white !important;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  opacity: 1;
}

.osmap-tooltip::before {
  border-top-color: rgb(41, 40, 45) !important;
}

.osmap-tooltip .leaflet-tooltip-top:before,
.osmap-tooltip .leaflet-tooltip-bottom:before {
  border-top-color: rgb(41, 40, 45) !important;
  border-bottom-color: rgb(41, 40, 45) !important;
  opacity: 1;
}

.saveNewAttributeButton {
    background-color: white;
    border-radius: 0;
    border: thin solid #00000060;
    bottom: 0;
    color: #444;
    padding: 5px 0;
}

.table:has(.excluded-row-cross-filter) .table-row {
  box-shadow: 0 1px 1px 1px #00000030;
}

.table-row.excluded-row-cross-filter {
  box-shadow: unset !important;
  opacity: 0.4;
}

.table-row.excluded-row-cross-filter .cell::before {
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
  background: #00000020;
  pointer-events: none;
}

.grid-stack-item:has(.subgridElement .grid-stack-item.tileFocusMode) {
  z-index: 9999997 !important;
}

.tileFocusMode {
  position: fixed !important;
  top: 50px !important;
  right: 20px !important;
  left: 20px !important;
  bottom: 20px !important;
  width: unset !important;
  height: unset !important;
  z-index: 9999997 !important;
  box-shadow: 0 0 20px 70px #00000060 !important;
  border: 2px solid white !important;
}

.tileExitFocusModeBtn {
  background-color: white;
  display: flex;
  font-size: 10px;
  align-items: center;
  justify-content: center;
  width: 120px;
  border: thin solid #00000030;
  padding: 0 8px;
  margin-inline: 8px;
  cursor: pointer;
}

.uMainModalBackground:has(#dataViewModal) {
  z-index: 9999998 !important;
}

.custom-tooltip-position {
  position: fixed !important;
  transform: none !important;
  top: var(--tooltip-position-y) !important;
  left: var(--tooltip-position-x) !important;
}

#chatContainer:not(.noautostyle) {
  border-left: thin solid #00000030;
  box-shadow: inset 0px 1px 0px rgba(60, 64, 67, 0.15), inset 0px 2px 2px rgba(60, 64, 67, 0.15);
  background-color: white;
  height: 100%;
  width: 40vw;
  position: fixed;
  right: 0;
  z-index: 999999;
}

@media (max-width: 700px) {
  #chatContainer {
    width: 100vw !important;
  }
}

#chatContainer .title {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.10) 0px 1px 2px;
  margin-bottom: 2px;
  padding: 6px;
}

#chatContainer #chats {
  background-color: #f6f6f6;
  height: calc(100% - 120px);
  overflow: auto;
  padding: 12px 6px 6px 6px;
  width: 100%;
}

#chatContainer #chats .chat {
  background: white;
  border: thin solid #00000016;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  margin-bottom: 40px;
  padding: 4px 10px !important;
  position: relative;
}

#chatContainer.chatWithAI #chats {
  padding: 12px;
}

#chatContainer.chatWithAI #chats .chat {
  margin-bottom: 15px;
}

#chatContainer #chats .chat .replies {
  background-color: #f9f9f9;
  transform: translateX(-4px);
  width: calc(100% + 8px);
}

#chatContainer #chats .chat .replies .chat {
  border: 0;
  border-bottom: thin solid #ddd;
  border-radius: 0;
  border-top: thin solid #ddd;
  box-shadow: none;
  margin-bottom: 0px;
  padding: 4px !important;
}

#chatContainer.chatWithAI #chats .chat {
  margin-left: 10%;
  background-color: #fafafa;
}

#chatContainer.chatWithAI #chats .chat[data-id="PersivX"] {
  background: white;
  margin-left: unset;
}

#chatContainer #chats .chat .replies .chat:has(~ .chat) {
  border-bottom: 0;
}

#chatContainer #chats .username {
  font-size: 10px;
  color: purple;
}

#chatContainer.chatWithAI #chats .chat[data-id="PersivX"] .username {
  font-size: 10px;
  color: #3a4451;
  font-weight: bold;
}

#chatContainer.chatWithAI #chats .chat[data-id="PersivX"]::before {
  left: -10px;
  right: unset;
  transform: rotate(360deg);
}

#chatContainer.chatWithAI #chats .chat[data-id="PersivX"]::after {
  transform: rotate(360deg) scale(1.20);
  left: -9.5px;
  right: unset;
  top: 1px;
}

#chatContainer #chats .msg {
  font-size: 12px;
  margin: 8px 0;
}

.chatActions #new-chat {
  border: none !important;
}

#chatContainer .chatActions {
  background: #f1f0f0;
  border-radius: 0 0 4px 4px;
  width: calc(100% + 8px);
  transform: translateX(-4px);
  font-size: 10px;
  padding: 6px;
  cursor: pointer;
  border-top: 0;
}

#chatContainer #chats .time {
  color: #666;
  font-size: 10px;
}

#chatContainer #new-chat {
  border-top: thin solid #00000030;
  display: flex;
  padding: 6px;
}

#chatContainer #new-chat #custom-msg-editor {
  background: white;
  border: thin solid #00000030;
  font-size: 12px;
  height: 40px;
  width: calc(100% - 30px);
}

#chatContainer #new-chat .submit-chat {
  align-items: center;
  background-color: var(--bs-body-color);
  border: 0;
  color: white;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: 0;
  width: 30px;
}

#chatContainer #chats .actionButtons {
  transform: translateY(-10px);
  margin-bottom: 15px;
  width: 90%;
}

#chatContainer #chats .actionButtons > div {
  background: #daddf6;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.02) 1px 1px 1px 0px, rgba(0, 0, 0, 0.02) 0px 1px 1px 0px;
  cursor: pointer;
  font-size: 11px;
  max-width: 450px;
  margin-bottom: 4px;
  margin-inline: 6px;
  padding: 6px 8px;
}

.mention {
  color: #007bff;
  font-weight: bold;
  background-color: #eef6ff;
  padding: 2px 4px;
  border-radius: 4px;
}

.mention-suggestions {
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  padding: 4px;
  bottom: 52px;
  background: white;
  z-index: 99999999 !important;
  right: 40px;
  width: 240px;
}

.mention-option {
  border-radius: 4px;
  cursor: pointer;
  padding: 4px;
  margin-inline: 8px;
}

.mention-option:hover {
  background-color: #f0f0f0;
}

#custom-msg-editor > div.tiptap.ProseMirror {
  height: 40px;
  overflow: auto;
  padding: 4px;
}

#custom-msg-editor > div.tiptap.ProseMirror > * {
  margin: 0;
}

.persivx-assitant-result {
  font-size: 12px;
}

.persivx-assitant-result .pointers {
  display: flex;
  overflow: auto;
  padding-left: 4px;
}

.persivx-assitant-result .pointers > div {
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 4px;
  min-width: min(360px, 97%);
  height: max-content;
  box-shadow: 0 2px 2px 0 #00000025;
  background-color: white;
  max-width: 40%;
  min-height: -webkit-fill-available;
}

.persivx-assitant-result .section {
  background: white;
  padding: 8px;
  width: calc(100% - 8px);
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 #00000025;
  margin-left: 4px;
}

.persivx-assitant-result .section b {
  background: #4783A8;
  width: max-content;
  padding: 2px 11px;
  border-radius: 10px;
  color: white;
  font-weight: normal;
}

.persivx-assitant-result .pointers .point-idx {
  height: 20px !important;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  color: black;
  border: thin solid black;
  border-radius: 50%;
  justify-content: center;
  margin-right: 10px;
  font-size: 10px;
  margin-top: 4px;
  padding: 2px;
}

.persivx-assitant-result .pointers .business-impact {
  text-transform: uppercase;
  font-size: 10px;
  background: #EFFAF7;
  color: #046e51;
  font-weight: 600;
  margin-bottom: 8px;
  padding: 2px 6px;
  width: max-content;
  border-radius: 4px;
}

.persivx-assitant-result .pointers .business-impact.risk {
  background: #faefef;
  color: #6e0404;
}

.persivx-assitant-result .pointers .business-impact.neutral {
  background: #fafaef;
  color: #6e6504;
}

.uMainModal_Body:has(.persivx-assitant-result) {
  background: #f9fafb !important;
}

.persivx-assitant-result .pointers:has(.suggested-next-steps) {
  background: #fafafa;
  border-top: 4px solid #3f4855;
}

.persivx-assitant-result .summaryVisual {
  background: #fdfdfd;
  height: 180px;
  padding: 6px;
  width: 100%;
}

.persivx-assitant-result .summaryVisual .title {
  color: #212121;
  font-size: 11px;
}

.persivx-assitant-result .summaryVisual .chart {
  height: 150px;
  width: 100%;
}

.persivx-assitant-result li {
  padding-top: 4px;
}

.uMainModal:has(.persivx-assitant-result) .uMainModal_Title {
  border-bottom: thin solid #00000020;
}

#chats .remove-this-on-first {
  font-size: 18px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 160%;
}

#subscriptionsModal .uMainModal_Body,
#newSubscriptionsModal .uMainModal_Body{
  border: 0 !important;
}

.release-steps {
  margin-bottom: 0 !important;
  max-height: 200px !important;
  overflow: auto;
}

.release-steps .step {
  cursor: pointer;
  min-height: 35px !important;
  align-items: center;
  display: flex;
  justify-content: center;
  border: thin solid #00000030;
  margin-bottom: 15px;
}

.release-steps .step:not(.no-switch):hover {
  background-color: #1e5285;
  color: white;
}

.release-steps .step.no-switch {
  background-color: #eee;
  border: none;
  color: #666;
  cursor: not-allowed;
}

.release-steps .step:nth-last-child(1) {
  margin-bottom: 0 !important;
}

.chartContainer.tree-chart .chart svg defs pattern image {
  height: 0.5px !important;
  image-rendering: pixelated !important;
  width: 2px !important;
  transform: scaleY(4);
}

.chartContainer .chart > div.tabHeader {
  display: flex;
  height: unset !important;
  margin-bottom: 3px;
  overflow: auto;
}

.chart.tabs .tabHeader .tabSelector {
  background: var(--unselected-bg);
  border-radius: 2px;
  cursor: pointer;
  color: var(--unselected-color);
  line-height: 125%;
  margin-inline: 5px;
  padding: 3px 9px;
  white-space: nowrap;
}

.chart.tabs .tabHeader .tabSelector:nth-child(1) {
  margin-left: 0;
}

.chart.tabs .tabHeader .tabSelector.selected {
  background-color: var(--selected-bg);
  color: var(--selected-color);
}

.chart.tabs .chart-container .chart:has(> .chartContainer) {
  height: 100% !important;
  margin: 0;
}

.grid-stack-item:hover > .chartControllers .bi-funnel,
.grid-stack-item:hover > .chartControllers .chartControllers .bi-funnel {
  margin-right: 30px;
}

.grid-stack-item:hover > .chartControllers .bi-funnel:has(+ .governance-rules-applied),
.grid-stack-item:hover > .chartControllers .chartControllers .bi-funnel:has(+ .governance-rules-applied) {
  margin-right: 56px;
}

.grid-stack-item:hover > .chartControllers .bi-funnel:has(+ .governance-rules-applied .bi-arrow-up-short),
.grid-stack-item:hover > .chartControllers .chartControllers .bi-funnel:has(+ .governance-rules-applied .bi-arrow-up-short) {
  margin-right: 110px;
}