@charset "UTF-8";

/* node_modules/leaflet/dist/leaflet.css */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: transparent;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  background: #ddd;
  outline: 0;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-container {
  font:
    12px/1.5 "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font:
    bold 18px "Lucida Console",
    Monaco,
    monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url("./media/layers-55W3Q4RM.png");
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("./media/layers-2x-TBM42ERR.png");
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url("./media/marker-icon-2V3QKKVC.png");
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}
.leaflet-popup-content p {
  margin: 18px 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font:
    16px/14px Tahoma,
    Verdana,
    sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* node_modules/survey-core/defaultV2.fontless.min.css */
/*!
 * surveyjs - Survey JavaScript library v1.12.60
 * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
:root {
  --sjs-transition-duration: 150ms;
}
.sv-action-bar {
  display: flex;
  box-sizing: content-box;
  position: relative;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
}
.sv-action-bar-separator {
  display: inline-block;
  width: 1px;
  height: 24px;
  vertical-align: middle;
  margin-right: 16px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-action-bar--default-size-mode .sv-action-bar-separator {
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-separator {
  margin: 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
  background-color: rgba(0, 0, 0, 0);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  overflow-x: hidden;
  white-space: nowrap;
}
button.sv-action-bar-item {
  overflow: hidden;
}
.sv-action-bar--default-size-mode .sv-action-bar-item {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  margin: 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action:first-of-type .sv-action-bar-item {
  margin-inline-start: 0;
}
.sv-action:last-of-type .sv-action-bar-item {
  margin-inline-end: 0;
}
.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {
  margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {
  margin-inline-start: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar-item__icon svg {
  display: block;
}
.sv-action-bar-item__icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  outline: none;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus,
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {
  outline: none;
}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {
  opacity: .5;
}
.sv-action-bar-item:disabled {
  opacity: .25;
  cursor: default;
}
.sv-action-bar-item__title {
  color: inherit;
  vertical-align: middle;
  white-space: nowrap;
}
.sv-action-bar-item--secondary .sv-action-bar-item__icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.sv-action-bar-item--active .sv-action-bar-item__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-action-bar-item-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
}
.sv-expand-action:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  height: 10px;
  width: 12px;
  margin: auto 8px;
}
.sv-expand-action--expanded:before {
  transform: rotate(180deg);
}
.sv-dots {
  width: 48px;
}
.sv-dots__item {
  width: 100%;
}
.sv-dots__item .sv-action-bar-item__icon {
  margin: auto;
}
.sv-action--hidden {
  width: 0px;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.sv-action--hidden .sv-action__content {
  min-width: fit-content;
}
.sv-action__content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sv-action__content > * {
  flex: 0 0 auto;
}
.sv-action--space {
  margin-left: auto;
}
.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  opacity: 50%;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-dragged-element-shortcut {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, .1);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  padding-left: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sv-matrixdynamic__drag-icon {
  padding-top: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-matrixdynamic__drag-icon:after {
  content: " ";
  display: block;
  height: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: move;
  margin-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-matrixdynamic-dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
}
.sv-matrixdynamic-dragged-row .sd-table__row {
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  line-height: 0;
}
.sv-matrixdynamic-dragged-row .sd-table__cell.sd-table__cell--drag > div {
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--header.sd-table__cell--drag,
.sd-table__cell.sd-table__cell--drag {
  padding-right: 0;
  padding-left: 0;
}
.sd-question--mobile .sd-table__cell--header.sd-table__cell--drag,
.sd-question--mobile .sd-table__cell.sd-table__cell--drag {
  display: none;
}
.sv-matrix-row--drag-drop-ghost-mod td {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-matrix-row--drag-drop-ghost-mod td > * {
  visibility: hidden;
}
.sv-drag-drop-choices-shortcut {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  min-width: 100px;
  max-width: 400px;
}
.sv-drag-drop-choices-shortcut .sv-ranking-item {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
  overflow: hidden;
  white-space: nowrap;
}
.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {
  min-width: 100px;
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: calc(4.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(2*var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
sv-popup {
  display: block;
  position: absolute;
}
.sv-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  outline: none;
  z-index: 2000;
  height: 100vh;
}
.sv-dropdown-popup {
  height: 0;
}
.sv-popup.sv-popup-inner {
  height: 0;
}
.sv-popup-inner > .sv-popup__container {
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {
  margin-top: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup__container {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: var(--sjs-corner-radius, 4px);
  position: absolute;
  padding: 0;
}
.sv-popup__body-content {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: var(--sjs-corner-radius, 4px);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  max-width: 100vw;
}
.sv-popup--modal {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sv-popup--modal > .sv-popup__container {
  position: static;
  display: flex;
}
.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
  gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {
  overflow: visible;
}
.sv-popup--confirm .sv-popup__container {
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--confirm .sv-popup__body-content {
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: min-content;
  align-items: flex-end;
  min-width: 452px;
}
.sv-popup--confirm .sv-popup__body-header {
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  align-self: self-start;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sv-popup--confirm .sv-popup__scrolling-content {
  display: none;
}
.sv-popup--confirm .sv-popup__body-footer {
  max-width: max-content;
}
.sv-popup--confirm .sv-popup__body-footer .sv-action-bar {
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sv-popup--confirm .sv-popup__body-content {
  min-width: auto;
}
.sv-popup--overlay {
  width: 100%;
  height: var(--sv-popup-overlay-height, 100vh);
}
.sv-popup--overlay .sv-popup__container {
  background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  max-width: 100vw;
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1*var(--sjs-base-unit, var(--base-unit, 8px)));
  height: calc(var(--sv-popup-overlay-height, 100vh) - 1*var(--sjs-base-unit, var(--base-unit, 8px)));
  width: 100%;
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: unset;
  box-shadow: unset;
  box-sizing: content-box;
}
.sv-popup--overlay .sv-popup__body-content {
  max-height: var(--sv-popup-overlay-height, 100vh);
  max-width: 100vw;
  border-radius: calc(4*(var(--sjs-corner-radius, 4px))) calc(4*(var(--sjs-corner-radius, 4px))) 0px 0px;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(100% - 1*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sv-popup--overlay .sv-popup__scrolling-content {
  height: calc(100% - 10*var(--base-unit, 8px));
}
.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
  width: 100%;
}
.sv-popup--overlay .sv-popup__body-footer-item {
  width: 100%;
}
.sv-popup--overlay .sv-popup__body-footer .sv-action {
  flex: 1 0 0;
}
.sv-popup--overlay .sv-popup__button.sv-popup__button {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-popup--modal .sv-popup__scrolling-content {
  padding: 2px;
  margin: -2px;
}
.sv-popup__scrolling-content {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.sv-popup__scrolling-content::-webkit-scrollbar,
.sv-popup__scrolling-content *::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-popup__scrolling-content::-webkit-scrollbar-thumb,
.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sv-popup__content {
  min-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
}
.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);
}
.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
  transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
  transform: translate(-12px, -4px) rotate(-90deg);
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
  transform: translate(-4px, -4px) rotate(90deg);
}
.sv-popup__pointer {
  display: block;
  position: absolute;
}
.sv-popup__pointer:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));
  align-self: center;
}
.sv-popup__body-header {
  font-family: Open Sans;
  font-size: calc(1.5*(var(--sjs-font-size, 16px)));
  line-height: calc(2*(var(--sjs-font-size, 16px)));
  font-style: normal;
  font-weight: 700;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sv-popup__body-footer {
  display: flex;
}
.sv-popup__body-footer .sv-action-bar {
  gap: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-list__filter,
.sv-popup--overlay .sv-list__filter {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--modal .sv-list__filter-icon,
.sv-popup--overlay .sv-list__filter-icon {
  top: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown .sv-list__filter {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--dropdown .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: 100%;
}
.sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {
  background-color: rgba(0, 0, 0, 0);
}
.sv-dropdown-popup .sv-popup__body-content {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sv-dropdown-popup .sv-list__filter {
  margin-bottom: 0;
}
.sv-popup--overlay .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay {
  z-index: 2001;
  padding: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-content {
  padding: 0;
  border-radius: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar .sv-action {
  flex: 0 0 auto;
}
.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: none;
  box-shadow: none;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-popup__container {
  max-height: calc(var(--sv-popup-overlay-height, 100vh));
  height: calc(var(--sv-popup-overlay-height, 100vh));
  padding-top: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-content {
  height: calc(var(--sv-popup-overlay-height, 100vh));
  gap: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
}
.sv-popup--dropdown-overlay .sv-popup__scrolling-content {
  height: calc(100% - 6*var(--base-unit, 8px));
}
.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__container {
  padding: 0;
}
.sv-popup--dropdown-overlay .sv-list {
  flex-grow: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
.sv-popup--dropdown-overlay .sv-list__filter {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__filter-icon {
  position: static;
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__empty-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-popup--dropdown-overlay .sv-popup__button:disabled {
  pointer-events: none;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  appearance: none;
  border: none;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg {
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-popup--dropdown-overlay .sv-list__input {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-size: max(16px, var(--sjs-font-size, 16px));
  line-height: max(24px, 1.5*(var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar {
  justify-content: flex-start;
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {
  padding-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon {
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__input {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 400;
}
.sv-popup--dropdown-overlay.sv-popup--tablet {
  background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__container {
  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-height: var(--sv-popup-overlay-max-height);
  min-height: min(var(--sv-popup-overlay-max-height), 30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
  width: auto;
  min-width: min(40*(var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));
  max-width: var(--sv-popup-overlay-max-width);
  border-radius: var(--sjs-corner-radius, 4px);
  overflow: hidden;
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px))*8);
  min-height: min(var(--sv-popup-overlay-max-height), 30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {
  flex-grow: 1;
}
.sv-popup--visible {
  opacity: 1;
}
.sv-popup--hidden {
  opacity: 0;
}
.sv-popup--enter {
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: .15s;
}
.sv-popup--modal.sv-popup--enter {
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: .25s;
}
.sv-popup--leave {
  animation-direction: reverse;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: .15s;
}
.sv-popup--modal.sv-popup--leave {
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: .25s;
}
.sv-popup--hidden {
  opacity: 0;
}
@keyframes modalMoveUp {
  from {
    transform: translateY(64px);
  }
  to {
    transform: translateY(0);
  }
}
.sv-popup--modal.sv-popup--leave .sv-popup__container,
.sv-popup--modal.sv-popup--enter .sv-popup__container {
  animation-name: modalMoveUp;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  animation-duration: .25s;
}
.sv-popup--modal.sv-popup--leave .sv-popup__container {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-button-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: var(--sjs-font-size, 16px);
  overflow: auto;
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-button-group:focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  appearance: none;
  width: 100%;
  padding: 11px calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  outline: none;
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  cursor: pointer;
  overflow: hidden;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  position: relative;
}
.sv-button-group__item:not(:last-of-type) {
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-button-group__item--hover:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-button-group__item-icon {
  display: block;
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-button-group__item-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-button-group__item--selected {
  font-weight: 600;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item--selected .sv-button-group__item-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item--selected:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-button-group__item-decorator {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.sv-button-group__item-caption {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-button-group__item-icon + .sv-button-group__item-caption {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-button-group__item--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: default;
}
.sv-button-group__item--disabled .sv-button-group__item-decorator {
  opacity: .25;
  font-weight: normal;
}
.sv-button-group__item--disabled .sv-button-group__item-icon use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sv-button-group__item--disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-button-group:focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.sv-hidden {
  display: none !important;
}
.sv-title-actions {
  display: flex;
  align-items: center;
  width: 100%;
}
.sv-title-actions__title {
  flex-wrap: wrap;
  max-width: 90%;
  min-width: 50%;
  white-space: initial;
}
.sv-action-title-bar {
  min-width: 56px;
}
.sv-title-actions .sv-title-actions__title {
  flex-wrap: wrap;
  flex: 0 1 auto;
  max-width: unset;
  min-width: unset;
}
.sv-title-actions .sv-action-title-bar {
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: unset;
}
:root {
  --sjs-transition-duration: 150ms;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv_window {
  position: fixed;
  bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  background-clip: padding-box;
  z-index: 100;
  max-height: 50vh;
  overflow: auto;
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  width: calc(100% - 4*(var(--sjs-base-unit, var(--base-unit, 8px)))) !important;
}
@-moz-document url-prefix() {
  .sv_window,
  .sv_window * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
.sv_window::-webkit-scrollbar,
.sv_window *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
.sv_window::-webkit-scrollbar-thumb,
.sv_window *::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_window::-webkit-scrollbar-track,
.sv_window *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.sv_window::-webkit-scrollbar-thumb:hover,
.sv_window *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv_window_root-content {
  height: 100%;
}
.sv_window--full-screen {
  top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-height: 100%;
  width: initial !important;
  max-width: initial !important;
}
.sv_window_header {
  display: flex;
  justify-content: flex-end;
}
.sv_window_content {
  overflow: hidden;
}
.sv_window--collapsed {
  height: initial;
}
.sv_window--collapsed .sv_window_header {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-sizing: content-box;
}
.sv_window--collapsed .sv_window_content {
  display: none;
}
.sv_window--collapsed .sv_window_buttons_container {
  margin-top: 0;
  margin-right: 0;
}
.sv_window_header_title_collapsed {
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sv_window_header_description {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-feature-settings: "salt" on;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv_window_buttons_container {
  position: fixed;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 10000;
}
.sv_window_button {
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: center;
  align-items: center;
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
}
.sv_window_button:hover,
.sv_window_button:active {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sv_window_button:hover svg use,
.sv_window_button:hover svg path,
.sv_window_button:active svg use,
.sv_window_button:active svg path {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv_window_button:active {
  opacity: .5;
}
.sv_window_button svg use,
.sv_window_button svg path {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
sv-brand-info,
.sv-brand-info {
  z-index: 1;
  position: relative;
  margin-top: 1px;
}
.sv-brand-info {
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  text-align: right;
  color: #161616;
  padding: 24px 40px;
}
.sv-brand-info a {
  color: #161616;
  text-decoration-line: underline;
}
.sd-body--static .sv-brand-info {
  padding-top: 0;
  margin-top: 16px;
}
.sd-body--responsive .sv-brand-info {
  padding-top: 16px;
  margin-top: -8px;
}
.sd-root-modern--mobile .sv-brand-info {
  padding: 48px 24px 8px 24px;
  margin-top: 0;
  text-align: center;
}
.sv-brand-info__text {
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  color: #161616;
}
.sv-brand-info__logo {
  display: inline-block;
}
.sv-brand-info__logo img {
  width: 118px;
}
.sv-brand-info__terms {
  font-weight: 400;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  padding-top: 4px;
}
.sv-brand-info__terms a {
  color: #909090;
}
.sd-body--responsive .sv-brand-info {
  padding-right: 0;
  padding-left: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-ranking {
  outline: none;
  user-select: none;
  -webkit-user-select: none;
}
.sv-ranking-item {
  cursor: pointer;
  position: relative;
  opacity: 1;
}
.sv-ranking-item:focus .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:focus {
  outline: none;
}
.sv-ranking-item:focus .sv-ranking-item__icon--focus {
  visibility: visible;
  top: calc(0.6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item:focus .sv-ranking-item__index {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  outline: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-ranking-item__content.sv-ranking-item__content {
  display: flex;
  align-items: center;
  line-height: 1em;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item__icon-container {
  position: relative;
  left: 0;
  bottom: 0;
  flex-shrink: 0;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  align-self: flex-start;
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sv-ranking-item--disabled.sv-ranking-item--disabled,
.sv-ranking-item--readonly.sv-ranking-item--readonly,
.sv-ranking-item--preview.sv-ranking-item--preview {
  cursor: initial;
  user-select: initial;
  -webkit-user-select: initial;
}
.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,
.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,
.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking-item__icon.sv-ranking-item__icon {
  visibility: hidden;
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item__index.sv-ranking-item__index {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  border-radius: 100%;
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  box-sizing: border-box;
  font-weight: 600;
  margin-left: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
  outline: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  align-self: self-start;
}
.sv-ranking-item__index.sv-ranking-item__index svg {
  fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
}
.sv-ranking-item__text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  margin: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-wrap: break-word;
  word-break: normal;
  align-self: self-start;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-ranking-item__text .sv-string-viewer,
.sv-ranking-item__text .sv-string-editor {
  overflow: initial;
  white-space: pre-line;
}
.sd-ranking--disabled .sv-ranking-item__text {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: .25;
}
.sv-ranking-item--disabled .sv-ranking-item__text {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  opacity: .25;
}
.sv-ranking-item--readonly .sv-ranking-item__index {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sv-ranking-item--preview .sv-ranking-item__index {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  box-sizing: border-box;
}
.sv-ranking-item__ghost.sv-ranking-item__ghost {
  display: none;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(31*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 1;
  position: absolute;
  left: 0;
  top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
[dir=rtl] .sv-ranking-item__ghost {
  left: initilal;
  right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item--ghost {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,
.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {
  white-space: unset;
}
.sv-ranking-item--ghost .sv-ranking-item__ghost {
  display: block;
}
.sv-ranking-item--ghost .sv-ranking-item__content {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__content {
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking--mobile .sv-ranking-item__icon--hover {
  visibility: visible;
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking--mobile.sv-ranking-shortcut {
  max-width: 80%;
}
.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {
  margin-left: 0;
}
.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {
  margin-left: 0;
}
.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking--disabled {
  opacity: .8;
}
.sv-ranking-shortcut[hidden] {
  display: none;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-ranking-shortcut .sv-ranking-item__text {
  margin-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-ranking-shortcut .sv-ranking-item__content {
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item__icon-container {
  margin-left: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  border-radius: calc(12.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  min-width: 100px;
  max-width: 400px;
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
}
.sv-ranking-shortcut .sv-ranking-item {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
  overflow: hidden;
  white-space: nowrap;
}
.sv-ranking--select-to-rank {
  display: flex;
}
.sv-ranking--select-to-rank-vertical {
  flex-direction: column-reverse;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
  margin: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  height: 1px;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  justify-content: center;
  align-items: center;
}
.sv-ranking-item--animate-item-removing {
  animation-name: moveIn, fadeIn;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);
  animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;
}
.sv-ranking-item--animate-item-adding {
  animation-name: moveIn, fadeIn;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);
  animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);
}
.sv-ranking-item--animate-item-adding-empty {
  animation-name: fadeIn;
  opacity: 0;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);
  animation-delay: 0;
}
.sv-ranking-item--animate-item-removing-empty {
  animation-name: fadeIn;
  animation-direction: reverse;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);
  animation-delay: 0;
}
@keyframes sv-animate-item-opacity-reverse-keyframes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sv-animate-item-opacity-keyframes {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container {
  max-width: calc(50% - 1px);
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
  width: 1px;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
  left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
  left: initial;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking__container-placeholder {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  white-space: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sv-ranking__container {
  flex: 1;
}
.sv-ranking__container--empty {
  box-sizing: border-box;
  text-align: center;
}
.sv-ranking__containers-divider {
  background: var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
}
.sv-ranking__container--from .sv-ranking-item__icon--focus {
  display: none;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
  left: 0 !important;
  padding-left: 16px;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {
  left: initial;
}
.sv-ranking--select-to-rank-swap-areas {
  flex-direction: row-reverse;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {
  padding-left: 0;
  left: -24px !important;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: 0;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {
  left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: 0;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {
  right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: 0;
}
.sd-question--mobile .sv-ranking-item__icon-container,
.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: flex-end;
  padding: 0;
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-list {
  padding: 0;
  margin: 0;
  overflow-y: auto;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  list-style-type: none;
}
.sv-list__empty-container {
  width: 100%;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  box-sizing: border-box;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__empty-text {
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item {
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-list__item-body {
  --sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));
  position: relative;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-inline-end: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: var(--sjs-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  cursor: pointer;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
  outline: none;
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
  border-radius: var(--sjs-corner-radius, 4px);
  padding-block: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(7.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
  margin-inline-start: calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item:hover,
.sv-list__item:focus {
  outline: none;
}
.sv-list__item:focus .sv-list__item-body,
.sv-list__item--hovered > .sv-list__item-body {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sv-list__item--with-icon.sv-list__item--with-icon {
  padding: 0;
}
.sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {
  padding-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
}
.sv-list__item-icon {
  float: left;
  flex-shrink: 0;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item-icon svg {
  display: block;
}
.sv-list__item-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list-item__marker-icon {
  position: absolute;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-shrink: 0;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sv-list-item__marker-icon svg {
  display: block;
}
.sv-list-item__marker-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
[dir=rtl] .sv-list__item-icon,
[style*="direction:rtl"] .sv-list__item-icon,
[style*="direction: rtl"] .sv-list__item-icon {
  float: right;
}
.sv-list__item-separator {
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: 1px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-list--filtering .sv-list__item-separator {
  display: none;
}
.sv-list__item.sv-list__item--selected > .sv-list__item-body,
.sv-list__item.sv-list__item--selected:hover > .sv-list__item-body,
.sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,
li:focus .sv-list__item.sv-list__item--selected > .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sv-list__item.sv-list__item--selected .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use,
.sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,
li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: 400;
}
.sv-list__item--group-selected > .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: 400;
}
.sv-list__item--group-selected > .sv-list__item-body use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item.sv-list__item--disabled .sv-list__item-body {
  cursor: default;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item span {
  white-space: nowrap;
}
.sv-list__item-text--wrap span {
  white-space: normal;
  word-wrap: break-word;
}
.sv-list__container {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  display: flex;
  min-height: 0;
}
.sv-list__filter {
  border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-list__filter-icon {
  display: block;
  position: absolute;
  top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__filter-icon .sv-svg-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__filter-icon .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  width: 100%;
  min-width: calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  outline: none;
  font-size: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  border: none;
}
.sv-list__input::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__input:disabled,
.sv-list__input:disabled::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__loading-indicator {
  pointer-events: none;
}
.sv-list__loading-indicator .sv-list__item-body {
  background-color: rgba(0, 0, 0, 0);
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-save-data_root {
  position: fixed;
  left: 50%;
  bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 0;
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(2*(var(--sjs-corner-radius, 4px)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  min-width: calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  z-index: 1600;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  transition-timing-function: ease-in;
  transition-property: transform, opacity;
  transition-delay: .25s;
  transition: .5s;
}
.sv-save-data_root.sv-save-data_root--shown {
  transition-timing-function: ease-out;
  transition-property: transform, opacity;
  transform: translateX(-50%) translateY(0);
  transition-delay: .25s;
  opacity: .75;
}
.sv-save-data_root span {
  display: flex;
  flex-grow: 1;
}
.sv-save-data_root .sv-action-bar {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.sv-save-data_root--shown.sv-save-data_success,
.sv-save-data_root--shown.sv-save-data_error {
  opacity: 1;
}
.sv-save-data_root.sv-save-data_root--with-buttons {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-save-data_root.sv-save-data_error {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-general-backcolor, var(--background, #fff));
  font-weight: 600;
  gap: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-save-data_root.sv-save-data_error .sv-save-data_button {
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: #fff;
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid #fff;
  border-radius: calc(1.5*(var(--sjs-corner-radius, 4px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
}
.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,
.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-save-data_root.sv-save-data_success {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: #fff;
  font-weight: 600;
}
.sv-string-viewer.sv-string-viewer--multiline {
  white-space: pre-wrap;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes changeHeight {
  from {
    height: var(--animation-height-from);
  }
  to {
    height: var(--animation-height-to);
  }
}
@keyframes moveInWithOverflow {
  from {
    overflow: hidden;
    height: var(--animation-height-from);
    min-height: var(--animation-height-from);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  99% {
    overflow: hidden;
    margin-top: var(--animation-margin-top);
    margin-bottom: var(--animation-margin-bottom);
    padding-top: var(--animation-padding-top);
    padding-bottom: var(--animation-padding-bottom);
    border-top-width: var(--animation-border-top-width);
    border-bottom-width: var(--animation-border-bottom-width);
    height: var(--animation-height-to);
    min-height: var(--animation-height-to);
  }
  to {
    overflow: visible;
    margin-top: var(--animation-margin-top);
    margin-bottom: var(--animation-margin-bottom);
    padding-top: var(--animation-padding-top);
    padding-bottom: var(--animation-padding-bottom);
    border-top-width: var(--animation-border-top-width);
    border-bottom-width: var(--animation-border-bottom-width);
    height: var(--animation-height-to);
    min-height: var(--animation-height-to);
  }
}
@keyframes moveIn {
  from {
    height: 0;
  }
  to {
    height: var(--animation-height);
  }
}
@keyframes paddingFadeIn {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-bottom: var(--animation-padding-bottom);
    padding-top: var(--animation-padding-top);
  }
}
.sd-element {
  padding-left: var(--sv-element-add-padding-left, 0px);
  padding-right: var(--sv-element-add-padding-right, 0px);
}
.sd-element__title {
  outline: none;
}
.sd-element__title.sd-element__title--disabled {
  opacity: .25;
}
.sd-root--readonly .sd-element__title.sd-element__title--disabled {
  opacity: 1;
}
.sd-element--invisible {
  opacity: .35;
}
.sd-title.sd-element__title {
  font-family: var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-element__header .sv-string-editor {
  max-width: 100%;
  white-space: normal;
}
.sd-element__title {
  font-size: 0;
  line-height: 0;
  position: static;
  margin: 0;
}
.sd-element__title .sd-element__num {
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-element__title span {
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
}
.sd-element__title .sv-title-actions__title {
  font-size: 0;
  line-height: 0;
}
.sd-element__title .sv-title-actions__title {
  white-space: nowrap;
}
.sd-element__title .sv-string-viewer {
  white-space: normal;
}
.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {
  white-space: pre-wrap;
}
.sd-element__num {
  float: left;
  padding-top: calc(0.625*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.375*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: 0;
  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  margin-inline-start: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: end;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
}
.sd-page__num + span,
.sd-element__num + span {
  float: left;
  width: 0;
}
[dir=rtl] .sd-element__num,
[style*="direction:rtl"] .sd-element__num,
[style*="direction: rtl"] .sd-element__num {
  float: right;
}
[dir=rtl] .sd-element__title--collapsed .sd-element__title-expandable-svg,
[style*="direction:rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg,
[style*="direction: rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg {
  transform: rotate(180deg);
}
.sd-element__title--num-inline .sd-element__num {
  float: none;
  margin-inline-start: 0;
  width: auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.sd-element__title--num-inline .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-element__title--expandable.sd-element__title--expandable {
  position: relative;
  display: block;
}
.sd-element__title-expandable-svg {
  display: inline-block;
  width: var(--lbr-question-panel-expand-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--lbr-question-panel-expand-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  position: absolute;
  inset-inline-start: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-element__title-expandable-svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-element--with-frame {
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
  box-sizing: border-box;
  padding-top: var(--sd-base-padding);
  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));
  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
  padding-bottom: var(--sd-base-padding);
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.sd-element--with-frame.sd-element--compact {
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}
@keyframes elementMoveIn {
  from {
    flex-basis: 0;
    flex-grow: 0;
    max-width: 0;
    min-width: 0;
    width: 0;
    height: 0;
    padding-left: 0;
    overflow: hidden;
  }
  to {
    height: var(--animation-height);
    flex-basis: var(--animation-width);
    width: var(--animation-width);
    min-width: var(--animation-width);
    padding-left: var(--animation-padding-left);
    overflow: visible;
  }
}
.sd-element-wrapper--enter {
  animation-name: elementMoveIn, fadeIn;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  animation-duration: var(--sjs-element-move-in-duration, 250ms), var(--sjs-element-fade-in-duration, 500ms);
  animation-delay: 0s, var(--sjs-element-fade-in-delay, 100ms);
  opacity: 0;
}
.sd-element-wrapper--leave {
  animation-name: elementMoveIn, fadeIn;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  animation-duration: var(--sjs-element-move-out-duration, 250ms), var(--sjs-element-fade-out-duration, 150ms);
  animation-delay: var(--sjs-element-move-out-delay, 0ms), 0s;
}
.sd-element__content {
  box-sizing: border-box;
}
.sd-element__content--enter,
.sd-element__content--leave {
  --animation-padding-top: 0;
  --animation-padding-bottom: 0;
}
.sd-element__content--enter {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);
  animation-delay:
    var(--sjs-expand-fade-in-delay, 150ms),
    0s,
    0s;
}
.sd-element__content--leave {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);
  animation-delay:
    0s,
    var(--sjs-collapse-move-out-delay, 100ms),
    var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:focus-within,
.sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:hover {
  background-color: rgba(0, 0, 0, 0);
}
.sd-elemenet--expandable--animating.sd-element--expandable {
  transition-property: padding-top, padding-bottom;
}
.sd-elemenet--expandable--animating.sd-element--expandable > .sd-element__header {
  transition-property: padding-top, padding-bottom;
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header .sd-element__title:before {
  transition-duration: var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);
  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);
  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header .sd-element__title:before {
  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);
  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty) > .sd-element__header--location-top:after {
  display: block;
  opacity: 0;
  height: 0;
  --animation-height: 1px;
  animation-name: fadeIn, moveIn;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s;
  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty).sd-element--collapsed .sd-element__header--location-top:after {
  animation-direction: reverse;
  opacity: 1;
  height: 1px;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms);
  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);
}
.sd-question {
  position: relative;
}
.sd-question--no-pointer-events .sd-selectbase label,
.sd-question--no-pointer-events .sd-rating label {
  pointer-events: none;
}
.sd-element__erbox--above-element {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question__erbox--below-question {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question__content--support-container-queries {
  container-type: inline-size;
}
.sd-question--title-top > .sd-question__erbox--above-question {
  margin-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-question--description-under-input > .sd-question__erbox--below-question,
.sd-question--title-bottom > .sd-question__erbox--below-question {
  margin-top: calc(.25*var(--sd-base-vertical-padding) + .5*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-element--with-frame > .sd-element__erbox--above-element {
  margin-bottom: var(--sd-base-padding);
  border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
}
.sd-question--left > .sd-element__erbox--above-element {
  margin-bottom: 0;
}
.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {
  margin-bottom: calc(1*var(--sd-base-vertical-padding));
}
.sd-element--with-frame > .sd-question__erbox--below-question {
  margin-top: auto;
  border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);
}
.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {
  margin-bottom: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,
.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {
  margin-top: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-question__header {
  width: 100%;
}
.sd-question__header--location-top {
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-question__header--location--bottom {
  padding-top: calc(.375*var(--sd-base-vertical-padding));
}
.sd-element--with-frame.sd-question--title-top {
  padding-top: var(--sd-base-vertical-padding);
}
.sd-element--with-frame.sd-question--error-top {
  padding-top: 0;
}
.sd-element--with-frame.sd-question--error-bottom {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {
  margin-bottom: var(--sd-base-padding);
}
.sd-element--with-frame > .sd-element__erbox {
  margin-left: calc(-1*var(--sd-base-padding));
  margin-right: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
  position: sticky;
  left: calc(-1*var(--sd-base-padding));
}
.sd-scrollable .sd-question__content {
  overflow-x: auto;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-question__header--location--left {
  display: inline-block;
  width: auto;
  vertical-align: top;
  margin-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--left {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  row-gap: calc(.25*var(--sd-base-vertical-padding));
}
.sd-question__content--left {
  display: inline-block;
  flex: 1;
  margin-top: calc(.25*var(--sd-base-vertical-padding)) 0;
  max-width: 100%;
}
.sd-element--with-frame > .sd-question__content--left {
  margin: 0;
}
.sd-question__required-text {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  vertical-align: top;
}
.sd-question__comment-area {
  font-size: var(--sjs-font-size, 16px);
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-direction: column;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  white-space: normal;
}
.sd-question__placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: center;
  min-height: calc(24*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-question__placeholder > div .sv-string-viewer,
.sd-question__placeholder > span .sv-string-viewer {
  white-space: pre-line;
}
.sd-scrollable-container:not(.sd-scrollable-container--compact) {
  width: max-content;
  overflow: visible;
  max-width: 100%;
}
.sd-question__title--empty .sv-string-viewer {
  display: inline-block;
  height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
}
.sd-question__content {
  box-sizing: border-box;
}
.sd-error {
  display: block;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  line-height: var(--sjs-font-size, 16px);
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  font-weight: 600;
  text-align: left;
  color: var(--sjs-special-red, var(--red, #e60a3e));
  white-space: normal;
  width: 100%;
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-sizing: border-box;
}
.sd-element--expanded > .sd-element__header,
.sd-element--collapsed > .sd-element__header {
  cursor: pointer;
}
.sd-element--collapsed > .sd-element__header {
  padding: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);
  box-sizing: border-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  margin-inline-start: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-element--collapsed.sd-element--with-frame {
  padding-top: 0;
  padding-bottom: 0;
}
.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
}
.sd-element--collapsed > .sd-element__header:focus-within,
.sd-element--collapsed > .sd-element__header:hover {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-element--collapsed.sd-element--nested > .sd-element__header:hover,
.sd-element--collapsed.sd-element--nested > .sd-element__header:focus-within {
  box-shadow: 0 calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-element--complex.sd-element--with-frame {
  padding-top: 0;
}
.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,
.sd-element--complex.sd-element--with-frame > .sd-element__erbox {
  margin-top: 0;
  margin-bottom: 0;
}
.sd-element--complex > .sd-element__header:after {
  content: " ";
  display: block;
  height: 1px;
  position: relative;
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  bottom: 0;
}
.sd-element--complex.sd-element--with-frame > .sd-element__header {
  padding-top: var(--sd-base-vertical-padding);
  padding-bottom: var(--sd-base-vertical-padding);
}
.sd-element--collapsed.sd-element--complex > .sd-element__header {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {
  bottom: calc(-0.5*var(--sd-base-vertical-padding));
}
.sd-element--nested-with-borders {
  border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);
  box-sizing: border-box;
  padding-left: var(--sd-base-padding);
  padding-right: var(--sd-base-padding);
}
.sd-element--nested-with-borders > .sd-element__header--location-top {
  padding-top: calc(.5*var(--sd-base-vertical-padding));
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-element--nested-with-borders > .sd-element__erbox {
  margin-left: calc(-1*var(--sd-base-padding));
  margin-right: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-element--nested-with-borders > .sd-question__erbox--below-question {
  bottom: 0;
  margin-top: 0;
}
.sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:hover,
.sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:focus-within {
  box-shadow: none;
}
.sd-element--nested-with-borders > .sd-element__header--location-top:after,
.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {
  bottom: calc(-1*var(--sd-base-vertical-padding));
  inset-inline-start: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {
  display: none;
}
.sd-question--empty.sd-question--complex > .sd-question__content {
  padding-top: 0;
  padding-bottom: 0;
}
.sd-question--empty.sd-question--complex > .sd-question__content:first-of-type {
  padding-top: var(--sd-base-padding);
}
.sd-question--empty.sd-question--complex > .sd-question__header--location-top {
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {
  display: none;
}
.sd-input {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: static;
  width: 100%;
  box-sizing: border-box;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  font-size: var(--sjs-internal-font-editorfont-size);
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border: none;
  border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
  text-align: start;
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
  display: block;
}
.sd-input:focus {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-input.sd-input:focus {
  outline: none;
}
input.sd-input:disabled:not(.sd-input--disabled),
textarea.sd-input:disabled:not(.sd-input--disabled) {
  opacity: 1;
}
.sd-input--disabled {
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
}
.sd-input--readonly {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-input.sd-input--preview {
  background: none;
  box-shadow: none;
  transition: none;
  border-bottom: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.sd-input::placeholder {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sd-input.sd-input--disabled,
.sd-input.sd-input--disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.sd-input.sd-input--readonly {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  box-shadow: none;
  transition: none;
}
.sd-input.sd-input--readonly::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-root--readonly .sd-input--disabled,
.sd-root--readonly .sd-input--disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-input--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-text__content {
  position: relative;
}
.sd-text__character-counter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-text__character-counter:focus-within {
  padding-inline-end: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-text__character-counter.sd-text__character-counter--big:focus-within {
  padding-inline-end: calc(11*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-remaining-character-counter {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  position: absolute;
  inset-inline-end: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-block-end: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-text__content:focus-within .sd-remaining-character-counter,
.sd-comment__content:focus-within .sd-remaining-character-counter,
.sd-multipletext__content:focus-within .sd-remaining-character-counter,
.sd-matrix__question-wrapper:focus-within .sd-remaining-character-counter {
  display: flex;
}
.sd-input[type=time],
.sd-input[type=date],
.sd-input[type=datetime-local],
.sd-input[type=week],
.sd-input[type=month],
.sd-input[type=tel],
.sd-input[type=password],
.sd-input[type=url],
.sd-input[type=email],
.sd-input[type=color],
.sd-input[type=range] {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  box-sizing: content-box;
  width: calc(100% - 4*var(--sjs-base-unit, var(--base-unit, 8px)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-input[type=time].sd-text__character-counter:focus-within,
.sd-input[type=date].sd-text__character-counter:focus-within,
.sd-input[type=datetime-local].sd-text__character-counter:focus-within,
.sd-input[type=week].sd-text__character-counter:focus-within,
.sd-input[type=month].sd-text__character-counter:focus-within,
.sd-input[type=tel].sd-text__character-counter:focus-within,
.sd-input[type=password].sd-text__character-counter:focus-within,
.sd-input[type=url].sd-text__character-counter:focus-within,
.sd-input[type=email].sd-text__character-counter:focus-within,
.sd-input[type=color].sd-text__character-counter:focus-within,
.sd-input[type=range].sd-text__character-counter:focus-within {
  width: calc(100% - 10*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 100%;
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  box-shadow: inset 0 0 0 2px var(--background, #fff);
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-moz-range-track {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 100%;
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  box-shadow: inset 0 0 0 2px var(--background, #fff);
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-comment {
  display: block;
  height: auto;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: 100%;
}
.sd-comment__content {
  position: relative;
}
.sd-panel {
  position: relative;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {
  padding-top: 0;
  padding-bottom: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {
  content: none;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagetitle-weight, 700);
  font-size: var(--page-title-font-size);
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: static;
  line-height: calc(1.33*(var(--page-title-font-size)));
  margin: 0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-element__num {
  padding: initial;
  margin: initial;
  float: initial;
  width: initial;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagedescription-weight, 400);
  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  position: static;
  line-height: calc(1.5*(var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
  margin: 0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {
  display: none;
}
.sd-panel.sd-panel--as-page > .sd-panel__errbox {
  margin: 0 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  padding: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
}
.sd-panel.sd-panel--as-page > .sd-panel__content {
  padding-top: 0;
}
.sd-root--compact .sd-panel--as-page > .sd-panel__errbox {
  margin: 0 0 var(--sd-base-vertical-padding) 0;
}
.sd-row ~ .sd-row .sd-panel--as-page {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel__required-text {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-panel__footer {
  box-sizing: border-box;
  padding-left: calc(var(--sd-base-padding) - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
  margin-bottom: calc(-1*var(--sd-base-padding) + .5*var(--sd-base-vertical-padding));
  margin-top: calc(.5*var(--sd-base-vertical-padding));
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding-top: calc(.5*var(--sd-base-vertical-padding));
}
.sd-panel--as-page .sd-panel__footer {
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0;
  margin: 0;
  border: none;
  width: initial;
}
.sd-panel__content {
  padding-top: var(--sd-base-padding);
}
.sd-panel.sd-element--nested > .sd-panel__content {
  padding-bottom: var(--sd-base-padding);
  --animation-padding-top: var(--sd-base-padding);
}
.sd-panel__content {
  --animation-padding-top: var(--sd-base-padding);
}
.sjs_sp_placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sjs_sp_container {
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: content-box;
}
.sd-question--readonly .sjs_sp_container,
.sd-question--preview .sjs_sp_container {
  border: none;
}
.sd-question--readonly .sjs_sp_placeholder,
.sd-question--preview .sjs_sp_placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sjs_sp_controls.sd-signaturepad__controls {
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  left: auto;
  bottom: auto;
}
.sd-question--signature.sd-question--error .sjs_sp_placeholder {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-signaturepad__background-image {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.sd-signaturepad__loading-indicator {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sd-signaturepad__loading-indicator .sd-loading-indicator {
  position: absolute;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-checkbox__decorator {
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
}
.sd-checkbox__svg {
  display: block;
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-checkbox__svg use {
  fill: rgba(0, 0, 0, 0);
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-checkbox--checked .sd-checkbox__svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
  position: sticky;
  left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 12;
}
.sd-question--mobile .sd-matrixdynamic__footer::before {
  z-index: 12;
  content: " ";
  display: block;
  position: relative;
  height: 1px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 6*var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 12;
}
.sd-matrixdynamic__footer:first-child {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__footer:first-child::before {
  display: none;
}
.sd-matrixdynamic__footer {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action.sd-matrixdynamic__remove-btn {
  opacity: .5;
}
.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-matrixdynamic__btn {
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: 600;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
.sd-matrixdynamic__drag-element {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__drag-element:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-matrixdynamic__drag-element:after {
  content: " ";
  display: block;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  border-radius: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {
  margin-left: 0;
}
.sd-table__row:hover .sd-drag-element__svg {
  visibility: visible;
}
.sd-table__cell.sd-table__cell--drag > div {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-left: calc(-4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-drag-element__svg {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
  cursor: pointer;
  visibility: hidden;
}
.sd-drag-element__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
@keyframes borderAnimation {
  from {
    border-width: 0px;
  }
  to {
    border-width: 8px;
  }
}
@keyframes paddingAnimation {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 24px;
    padding-bottom: 32px;
  }
}
@keyframes empty {
}
.sd-table__row--leave,
.sd-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.sd-table__row--leave > td,
.sd-table__row--enter > td {
  animation-name: borderAnimation;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-delay: var(--move-animation-delay);
}
.sd-table__row--leave > td > div,
.sd-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}
.sd-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sd-table__row--leave {
  --move-animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sd-table__row--detail.sd-table__row--enter > td,
.sd-table__row--detail.sd-table__row--leave > td {
  animation-name: borderAnimation, paddingAnimation;
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.sd-table__row--detail.sd-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sd-table__row--detail.sd-table__row--leave {
  --move-animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sd-table {
  width: 100%;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-collapse: separate;
  border-spacing: 0;
  white-space: normal;
}
.sd-table > thead > tr > th {
  border-top: 0;
  border-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
}
.sd-table__cell {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  border-left: none;
  border-right: none;
  background-clip: padding-box;
  box-sizing: content-box;
}
.sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {
  width: 10000px;
}
.sd-table__row:first-of-type > .sd-table__cell {
  border-top: 0;
}
.sd-table__row:last-of-type > .sd-table__cell {
  border-bottom: 0;
}
.sd-table--align-top .sd-table__cell {
  vertical-align: top;
}
.sd-table--no-header {
  padding-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-table--no-header {
  padding-top: 0;
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table .sd-question__content {
  padding-bottom: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table--no-header {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: 0;
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(100% - 2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
  border-top-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  border-bottom-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator {
  background-color: rgba(0, 0, 0, 0);
}
.sd-table__cell {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-weight: normal;
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  text-align: center;
}
.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell .sd-item {
  text-align: initial;
}
.sd-table__cell--error {
  border: none;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-table__cell--error-top {
  vertical-align: bottom;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--error-bottom {
  vertical-align: top;
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--item .sd-selectbase__item {
  text-align: center;
  justify-content: center;
}
.sd-table__cell--item .sd-selectbase__label {
  justify-content: center;
}
.sd-question--disabled .sd-table__cell {
  opacity: .25;
}
.sd-root--readonly .sd-question--disabled .sd-table__cell {
  opacity: 1;
}
.sd-table__cell--header .sv-vue-title-additional-div,
.sd-table__cell--header {
  font-size: 0;
  line-height: 0;
}
.sd-table__cell--header span {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-weight: var(--sjs-font-questiontitle-weight, 600);
}
.sd-table__cell--header {
  font-weight: 600;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  vertical-align: top;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--header:not(.sd-table__cell--empty) {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {
  min-width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown,
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {
  min-width: calc(22*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {
  min-width: calc(18*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--footer {
  text-align: end;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--footer-total {
  font-weight: 600;
  text-align: start;
}
.sd-table__cell--detail-panel {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0, 0, 0, 0);
}
.sd-table__cell--actions .sv-action-bar,
.sd-matrixdynamic__add-btn .sv-action-bar {
  overflow: visible;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical) {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {
  padding-left: 0;
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--detail-button {
  border: none;
  background: rgba(0, 0, 0, 0);
  border-radius: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  transition: background var(--sjs-transition-duration, 150ms);
}
.sd-table__cell--detail-button svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-table__cell--detail-button:hover,
.sd-table__cell--detail-button:focus {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  outline: none;
}
.sd-table__cell--detail-button:hover svg,
.sd-table__cell--detail-button:focus svg {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-table__cell--actions {
  white-space: nowrap;
}
.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {
  justify-content: center;
}
.sd-table__cell--row-text {
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  text-align: start;
  min-width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-matrix__question-wrapper {
  position: relative;
}
.sd-table__question-wrapper:not(:focus-within):hover {
  position: relative;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical),
.sd-table__cell--empty,
.sd-table__cell--row-text,
.sd-table__cell--footer-total,
.sd-matrix__cell:first-of-type,
.sd-matrix tr > td:first-of-type {
  position: sticky;
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  z-index: 12;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,
.sd-table__cell--empty:first-of-type,
.sd-table__cell--row-text:first-of-type,
.sd-table__cell--footer-total:first-of-type,
.sd-matrix__cell:first-of-type:first-of-type,
.sd-matrix tr > td:first-of-type:first-of-type {
  left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
.sd-table__cell--empty:last-of-type,
.sd-table__cell--row-text:last-of-type,
.sd-table__cell--footer-total:last-of-type,
.sd-matrix__cell:first-of-type:last-of-type,
.sd-matrix tr > td:first-of-type:last-of-type {
  right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
}
.sd-question.sd-question--table {
  position: relative;
  overflow-x: auto;
}
.sd-question--table.sd-element--collapsed,
.sd-question--table.sd-element--nested {
  overflow-x: visible;
}
.sd-question--table .sd-question__header--location--left {
  z-index: 12;
}
.sd-table-wrapper {
  display: flex;
  margin: 0 calc(-1*var(--sd-base-padding));
  width: fit-content;
  min-width: calc(100% + 2*var(--sd-base-padding));
}
.sd-table-wrapper:before,
.sd-table-wrapper:after {
  content: "";
  display: block;
  position: sticky;
  min-height: 100%;
  width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-shrink: 0;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  z-index: 11;
}
.sd-table-wrapper::before {
  left: calc(-1*var(--sd-base-padding));
}
.sd-table-wrapper:after {
  right: calc(-1*var(--sd-base-padding));
}
.sd-table-wrapper > * {
  flex-basis: 100%;
}
.sd-element--with-frame.sd-element--compact .sd-table {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-element--with-frame.sd-element--compact .sd-table-wrapper:before,
.sd-element--with-frame.sd-element--compact .sd-table-wrapper:after {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical),
.sd-element--with-frame.sd-element--compact .sd-table__cell--empty,
.sd-element--with-frame.sd-element--compact .sd-table__cell--row-text,
.sd-element--with-frame.sd-element--compact .sd-table__cell--footer-total,
.sd-element--with-frame.sd-element--compact .sd-matrix__cell:first-of-type,
.sd-element--with-frame.sd-element--compact .sd-matrix tr > td:first-of-type {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-question--table > .sd-question__header,
.sd-question--table .sd-question__description--under-input .sv-string-viewer {
  position: sticky;
  left: 0;
}
.sd-question--table > .sd-question__content {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: min-content;
}
.sd-question--table.sd-element--nested > .sd-question__content {
  min-width: auto;
  overflow-x: auto;
}
.sd-question--table.sd-element--nested > .sd-question__content,
.sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {
  padding-right: var(--sd-base-padding);
  margin-right: calc(-1*var(--sd-base-padding));
  padding-left: var(--sd-base-padding);
  margin-left: calc(-1*var(--sd-base-padding));
  box-sizing: content-box;
}
.sd-row--multiple .sd-question--table.sd-element--nested > .sd-question__content {
  padding-right: calc(var(--sd-base-padding) + 2px);
}
.sd-question--scroll {
  overflow-x: scroll;
}
.sd-table__row-disabled > .sd-table__cell {
  opacity: .25;
}
.sd-question--mobile.sd-question.sd-question--table > .sd-question__content {
  padding-top: 0;
  --animation-padding-top: 0;
}
.sd-question--mobile.sd-question--table,
.sd-question--mobile.sd-question--scroll {
  overflow-x: visible;
}
.sd-question--mobile > .sd-question__content {
  min-width: auto;
}
.sd-question--mobile .sd-table-wrapper {
  width: auto;
}
.sd-question--mobile .sd-table {
  display: block;
  width: calc(100% - 2*var(--sd-base-padding) + 2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-question--mobile .sd-table > tbody {
  display: block;
}
.sd-question--mobile .sd-table > tfoot {
  display: block;
}
.sd-question--mobile .sd-table__cell.sd-matrix__cell {
  display: flex;
  align-items: flex-start;
  border-top: none;
  border-bottom: none;
}
.sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  text-align: start;
}
.sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table thead {
  display: none;
}
.sd-question--mobile .sd-table tr {
  display: flex;
  flex-direction: column;
}
.sd-question--mobile .sd-matrix__table .sd-table__row {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__row {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {
  display: none;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {
  padding-bottom: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {
  padding-bottom: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {
  padding-bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {
  bottom: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
  z-index: 12;
  content: " ";
  display: block;
  position: relative;
  height: 1px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 12;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
  bottom: 0;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:last-of-type::after {
  display: none;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr {
  padding-top: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {
  background-color: rgba(0, 0, 0, 0);
}
.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,
.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {
  margin-bottom: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-matrix__label {
  justify-content: flex-start;
}
.sd-question--mobile .sd-table__cell {
  border-top: none;
  border-bottom: none;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  text-align: start;
}
.sd-question--mobile .sd-table__cell {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--error {
  margin-top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__cell:first-of-type,
.sd-question--mobile .sd-matrix__cell {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) {
  display: none;
}
.sd-question--mobile .sd-table__responsive-title {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  font-weight: 600;
  display: block;
  text-align: start;
}
.sd-question--mobile .sd-table__responsive-title .sv-string-viewer {
  white-space: normal;
}
.sd-question--mobile .sd-table--no-header {
  padding-top: 0;
}
.sd-question--mobile .sd-table--no-header .sd-table__responsive-title {
  display: none;
}
.sd-question--mobile .sd-table__cell--detail-panel {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
}
.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content {
  padding-top: 0;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions {
  width: auto;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {
  flex-grow: 1;
}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
  opacity: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
  display: none;
}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {
  content: attr(title);
}
.sd-question--mobile .sd-matrixdynamic__footer {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),
.sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-question--mobile .sd-matrixdropdown.sd-table tr::after {
  bottom: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
  content: none;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--error-top {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
  margin-top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root {
  margin: initial;
}
.sd-table__cell--detail-panel .sd-panel__content {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__question-wrapper .sd-boolean-root {
  margin: auto;
}
.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  font-size: var(--sjs-font-size, 16px);
  font-weight: 600;
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--footer .sd-table__question-wrapper--left {
  text-align: start;
}
.sd-table__cell--footer .sd-table__question-wrapper--center {
  text-align: center;
}
.sd-table__cell--footer .sd-table__question-wrapper--right {
  text-align: end;
}
.sd-table.sd-matrixdynamic {
  table-layout: auto;
}
.sd-page {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
}
.sd-root-modern--mobile .sd-page {
  padding: 0;
}
.sd-page .sd-page__title {
  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagetitle-weight, 700);
  font-size: var(--page-title-font-size);
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: static;
  line-height: calc(1.33*(var(--page-title-font-size)));
  margin: 0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
}
.sd-page .sd-page__description {
  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagedescription-weight, 400);
  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  position: static;
  line-height: calc(1.5*(var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
  margin: 0 0 calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-page__errbox {
  padding: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
}
.sd-page__title ~ .sd-page__errbox,
.sd-page__description ~ .sd-page__errbox {
  margin-top: calc(.5*var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root--compact .sd-page__title ~ .sd-page__errbox,
.sd-root--compact .sd-page__description ~ .sd-page__errbox {
  margin-bottom: 0;
}
.sd-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  margin-top: var(--sd-base-vertical-padding);
}
.sd-row.sd-page__row {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-page__row.sd-row--compact {
  margin-top: var(--sd-base-vertical-padding);
}
.sd-row:first-of-type {
  margin-top: 0;
}
.sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact),
.sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-page__title ~ .sd-page__row.sd-row--compact,
.sd-page__description ~ .sd-page__row.sd-row--compact {
  margin-top: var(--sd-base-vertical-padding);
}
.sd-page__title ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter,
.sd-page__description ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {
  margin-top: 0;
}
.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {
  margin-top: 0;
}
.sd-row--multiple {
  row-gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-1*var(--sd-base-padding));
  width: calc(100% + var(--sd-base-padding));
  flex-wrap: wrap;
}
.sd-row--multiple > div {
  box-sizing: border-box;
  --animation-padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: stretch;
}
.sd-panel.sd-panel--as-page > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) {
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + var(--base-unit)*2);
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple {
  row-gap: var(--sd-base-vertical-padding);
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {
  --animation-padding-left: var(--sd-base-padding);
  padding-left: var(--sd-base-padding);
}
.sd-row--multiple.sd-row--compact > div {
  --animation-padding-left: var(--sd-base-padding);
  padding-left: var(--sd-base-padding);
}
.sd-page__row.sd-row--multiple {
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-page__row.sd-row--multiple.sd-row--compact {
  padding: 0;
  row-gap: var(--sd-base-vertical-padding);
  margin-left: calc(-1*var(--sd-base-padding));
  width: calc(100% + var(--sd-base-padding));
}
.sd-row__panel {
  box-sizing: border-box;
  width: 100%;
}
.sd-row__question {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
}
.sd-row.sd-row--enter {
  margin-top: 0;
}
.sd-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay:
    var(--sjs-row-fade-in-delay, 150ms),
    0s,
    0s;
  animation-duration:
    var(--sjs-row-fade-in-duration, 500ms),
    var(--sjs-row-move-in-duration, 150ms),
    var(--sjs-row-move-in-duration, 150ms);
}
.sd-row--delayed-enter {
  animation-delay:
    calc(var(--sjs-row-fade-in-delay, 150ms) + var(--sjs-row-fade-in-animation-delay, 400ms)),
    var(--sjs-row-fade-in-animation-delay, 400ms),
    var(--sjs-row-fade-in-animation-delay, 400ms);
}
.sd-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay:
    0s,
    var(--sjs-row-move-out-delay, 100ms),
    var(--sjs-row-move-out-delay, 100ms);
  animation-duration:
    var(--sjs-row-fade-out-duration, 150ms),
    var(--sjs-row-move-out-duration, 250ms),
    var(--sjs-row-move-out-duration, 250ms);
}
.sd-row--enter .sd-element-wrapper--enter {
  animation: none;
}
.sd-row--leave .sd-element-wrapper--leave {
  animation: none;
}
.sd-title {
  display: block;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  flex-direction: row;
  white-space: normal;
}
.sd-title.sd-container-modern__title {
  display: flex;
  align-items: center;
  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);
  overflow: auto;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {
  margin-left: auto;
}
.sd-title.sd-container-modern__title .sd-logo__image {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-header__text {
  display: flex;
  flex-direction: column;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  flex-grow: 1;
}
.sd-header__text .sd-title {
  --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));
  font-size: var(--survey-title-font-size);
  line-height: calc(1.25*(var(--survey-title-font-size)));
  color: var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  font-family: var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-surveytitle-weight, 700);
}
.sd-header__text h3 {
  line-height: calc(2.5*(var(--sjs-font-size, 16px)));
}
.sd-header__text h5 {
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sd-header__text .sd-description {
  --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));
  font-size: var(--survey-description-font-size);
  line-height: calc(1.5*(var(--survey-description-font-size)));
  color: var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  font-family: var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-surveydescription-weight, 400);
}
.sd-title .sv-title-actions {
  width: 100%;
  justify-content: space-between;
}
.sd-root-modern .sd-container-modern__title {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-root-modern .sd-container-modern__title .sd-header__text h3 {
  margin: 0;
}
.sd-root-modern .sd-container-modern__title .sd-description {
  margin: 0;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-title .sv-title-actions {
  align-items: flex-start;
  width: calc(100% + 3*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-title .sv-title-actions .sv-title-actions__title {
  flex-wrap: wrap;
  flex: 0 1 auto;
  max-width: calc(100% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  white-space: initial;
  min-width: unset;
}
.sd-root--compact .sd-title .sv-title-actions {
  width: 100%;
}
.sd-action-title-bar {
  flex: 1 9 auto;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  margin: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-action-title-bar .sv-action {
  flex: 0 0 auto;
}
.sd-action-title-bar.sd-action-bar--empty {
  min-width: 0;
}
.sd-description {
  font-style: normal;
  font-family: var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-questiondescription-weight, 400);
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));
  white-space: normal;
}
.sd-description.sd-question__description--under-input {
  padding-top: calc(.375*var(--sd-base-vertical-padding));
}
.sd-element__header .sd-description {
  margin-top: calc(.25*var(--sd-base-vertical-padding) - .5*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-item {
  display: flex;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
.sd-item__decorator {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border: none;
  flex-shrink: 0;
  margin-top: calc((1.5*(var(--sjs-internal-font-editorfont-size)) - 3*(var(--sjs-base-unit, var(--base-unit, 8px))))/2);
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
}
.sd-item--readonly.sd-item--readonly .sd-item__decorator {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  box-shadow: none;
  transition: none;
}
.sd-item--preview.sd-item--preview .sd-item__decorator {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  transition: none;
}
.sd-item--checked .sd-item__decorator {
  box-shadow: none;
}
.sd-item__control:focus + .sd-item__decorator {
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  outline: none;
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {
  background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
  outline: none;
}
.sd-item--checked .sd-item__decorator {
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-item__control-label {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-style: normal;
  font-weight: var(--sjs-font-editorfont-weight, 400);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-size: var(--sjs-internal-font-editorfont-size);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  white-space: normal;
  width: 100%;
  text-align: start;
  min-width: 0;
}
.sd-item__control-label .sv-string-viewer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.sd-item--disabled .sd-item__control-label {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: .25;
}
.sd-root--readonly .sd-item--disabled .sd-item__control-label {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-item--error .sd-item__decorator {
  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-selectbase {
  border: none;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
  min-width: 0;
}
.sd-selectbase--row {
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-selectbase--multi-column {
  display: flex;
  flex: 1 1 0px;
  flex-wrap: nowrap;
  overflow: auto;
  padding: 0 2px;
  margin: 0 -2px;
}
.sd-selectbase__label {
  display: inline-flex;
  position: relative;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  vertical-align: top;
  max-width: 100%;
}
.sd-selectbase__column {
  vertical-align: top;
}
.sd-selectbase__column {
  display: block;
  box-sizing: border-box;
  flex: 1 1 0px;
  max-width: 100%;
}
.sd-selectbase__column:not(:last-child) {
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-selectbase__column.sv-q-column-1 {
  width: 100%;
}
.sd-item--enter,
.sd-item--leave {
  animation-name: moveInWithOverflow, fadeIn;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration), var(--fade-animation-duration);
  animation-delay: var(--move-animation-delay), var(--fade-animation-delay);
}
.sd-item--enter {
  --animation-direction: normal;
  --move-animation-duration: var(--sjs-ranking-move-in-duration, 150ms);
  --move-animation-delay: 0s;
  --fade-animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);
  --fade-animation-delay: var(--sjs-ranking-fade-in-delay, 150ms);
}
.sd-item--leave {
  --animation-direction: reverse;
  --move-animation-duration: var(--sjs-ranking-move-out-duration, 150ms);
  --move-animation-delay: var(--sjs-ranking-move-out-delay, 0ms);
  --fade-animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
}
div[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter {
  --move-animation-duration: 0s;
  --fade-animation-delay: 0s;
}
.sd-checkbox__decorator {
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
}
.sd-checkbox__svg {
  display: block;
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-checkbox__svg use {
  fill: rgba(0, 0, 0, 0);
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-checkbox--checked .sd-checkbox__svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-radio__decorator {
  border-radius: 50%;
}
.sd-radio__decorator:after {
  content: " ";
  display: block;
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-transition-duration, 150ms);
}
.sd-radio--checked .sd-radio__decorator:after {
  content: " ";
  display: block;
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 50%;
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after {
  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-radio--checked.sd-radio--preview .sd-radio__decorator:after {
  display: none;
}
.sd-radio--checked.sd-radio--preview .sd-radio__decorator .sd-radio__svg {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: block;
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-radio__svg {
  display: none;
}
.sd-visuallyhidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.sd-matrix fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.sd-matrix__label {
  display: flex;
  position: relative;
  justify-content: center;
}
.sd-matrix__text {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrix__text--checked {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrix__cell:first-of-type {
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  text-align: start;
}
:root {
  --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));
  --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));
  --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));
  --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));
  --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));
}
.sd-rating {
  overflow-x: auto;
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating fieldset {
  display: flex;
  border: none;
  padding: 0 0 2px 0;
  flex-wrap: nowrap;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-inline-start: 0;
  align-items: center;
}
.sd-rating.sd-rating--wrappable fieldset {
  flex-wrap: wrap;
  min-width: 0;
}
.sd-rating.sd-rating--labels-top fieldset {
  padding-top: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  bottom: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-diagonal fieldset {
  padding-top: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
  border: 0;
}
.sd-rating--small {
  min-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}
.sd-rating--small fieldset {
  padding: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-rating__item {
  position: relative;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  border: 0px solid rgba(0, 0, 0, 0);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-size: var(--sjs-font-size, 16px);
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item--fixed-size {
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
legend + .sd-rating__item,
legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,
legend + sv-ng-rating-item + .sd-rating__item {
  margin-inline-start: 2px;
}
.sd-rating__item--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
  border: none;
}
.sd-rating__item.sd-rating__item--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  border: none;
}
.sd-rating__item.sd-rating__item--readonly {
  fill: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  box-shadow: none;
  transform: none;
}
.sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {
  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--preview {
  fill: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: none;
  transform: none;
}
.sd-rating__item.sd-rating__item--preview:focus-within {
  box-shadow: none;
}
.sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {
  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));
  border-width: 1px;
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-question--disabled .sd-rating__item-text {
  opacity: .25;
}
.sd-rating__item--allowhover:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-rating__item:focus-within {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item--selected {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
  box-shadow: 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item--selected:focus-within {
  box-shadow:
    var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),
    inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)),
    0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley {
  position: relative;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  padding: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-smiley svg {
  display: block;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-smiley--small {
  padding: calc(0.625*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-width: 1px;
}
.sd-rating__item-smiley--small svg {
  width: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
legend + .sd-rating__item-smiley,
legend + sv-ng-rating-item + .sd-rating__item-smiley {
  margin-inline-start: 2px;
}
.sd-rating__item-smiley--scale-colored {
  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  fill: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  transition:
    box-shadow var(--sjs-transition-duration, 150ms),
    opacity var(--sjs-transition-duration, 150ms),
    background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-smiley--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-color: rgba(0, 0, 0, 0);
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover {
  fill: var(--sd-rating-item-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: initial;
}
.sd-rating__item-smiley.sd-rating__item-smiley--disabled {
  opacity: .5;
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {
  opacity: initial;
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-rating__item-smiley.sd-rating__item-smiley--readonly {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
  border-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));
  background-color: unset;
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within {
  box-shadow: none;
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg {
  margin: 1px;
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-smiley--allowhover:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  border-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-smiley:focus-within {
  border: none;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley:focus-within {
  border: none;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley--selected {
  background-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sd-rating__item-smiley--selected:focus-within {
  border: 0px solid var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow:
    var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),
    inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)),
    0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: .25;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  background-color: var(--sd-rating-item-color-light, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
  border-color: var(--sd-rating-item-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  opacity: .5;
}
.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  opacity: .5;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {
  opacity: 1;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  opacity: 1;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected,
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly,
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview {
  opacity: 1;
}
.sd-rating__item-star {
  position: relative;
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sd-rating__item-star:not(:first-of-type) {
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star:not(:last-of-type) {
  padding-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  stroke-width: 2px;
  fill: rgba(0, 0, 0, 0);
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
  position: absolute;
  transition:
    stroke var(--sjs-transition-duration, 150ms),
    opacity var(--sjs-transition-duration, 150ms),
    fill var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-star .sv-star {
  opacity: 1;
}
.sd-rating__item-star .sv-star-2 {
  opacity: 0;
}
.sd-rating__item-star--small {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star--small svg {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star--small.sd-rating__item-star--selected svg {
  stroke-width: 1px;
}
.sd-rating__item-star--selected svg {
  stroke: rgba(0, 0, 0, 0);
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-star--selected:nth-child(1) svg {
  transition-delay: 0ms;
}
.sd-rating__item-star--selected:nth-child(2) svg {
  transition-delay: 25ms;
}
.sd-rating__item-star--selected:nth-child(3) svg {
  transition-delay: 50ms;
}
.sd-rating__item-star--selected:nth-child(4) svg {
  transition-delay: 75ms;
}
.sd-rating__item-star--selected:nth-child(5) svg {
  transition-delay: 100ms;
}
.sd-rating__item-star--selected:nth-child(6) svg {
  transition-delay: 125ms;
}
.sd-rating__item-star--selected:nth-child(7) svg {
  transition-delay: 150ms;
}
.sd-rating__item-star--selected:nth-child(8) svg {
  transition-delay: 175ms;
}
.sd-rating__item-star--selected:nth-child(9) svg {
  transition-delay: 200ms;
}
.sd-rating__item-star--selected:nth-child(10) svg {
  transition-delay: 225ms;
}
.sd-rating__item-star--selected:nth-child(11) svg {
  transition-delay: 250ms;
}
.sd-rating__item-star--selected:nth-child(12) svg {
  transition-delay: 275ms;
}
.sd-rating__item-star--selected:nth-child(13) svg {
  transition-delay: 300ms;
}
.sd-rating__item-star--selected:nth-child(14) svg {
  transition-delay: 325ms;
}
.sd-rating__item-star--selected:nth-child(15) svg {
  transition-delay: 350ms;
}
.sd-rating__item-star--selected:nth-child(16) svg {
  transition-delay: 375ms;
}
.sd-rating__item-star--selected:nth-child(17) svg {
  transition-delay: 400ms;
}
.sd-rating__item-star--selected:nth-child(18) svg {
  transition-delay: 425ms;
}
.sd-rating__item-star--selected:nth-child(19) svg {
  transition-delay: 450ms;
}
.sd-rating__item-star--selected:nth-child(20) svg {
  transition-delay: 475ms;
}
.sd-rating__item-star--selected:nth-child(21) svg {
  transition-delay: 500ms;
}
.sd-rating__item-star--selected:nth-child(22) svg {
  transition-delay: 525ms;
}
.sd-rating__item-star--selected:nth-child(23) svg {
  transition-delay: 550ms;
}
.sd-rating__item-star--selected:nth-child(24) svg {
  transition-delay: 575ms;
}
.sd-rating__item-star--selected:nth-child(25) svg {
  transition-delay: 600ms;
}
.sd-rating__item-star--error svg {
  stroke: none;
  fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-rating__item-star--disabled {
  opacity: .5;
}
.sd-rating__item-star--disabled svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: none;
}
.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {
  stroke: none;
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--readonly svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: none;
}
.sd-rating__item-star--selected.sd-rating__item-star--readonly svg {
  stroke: none;
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-star--preview svg {
  stroke: var(--sjs-general-forecolor, var(--foreground, #161616));
  stroke-width: 1px;
  fill: none;
}
.sd-rating__item-star--selected.sd-rating__item-star--preview svg {
  stroke: none;
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg {
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  fill: rgba(0, 0, 0, 0);
}
.sd-rating__item-star--unhighlighted svg {
  stroke: rgba(0, 0, 0, 0);
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--highlighted svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg {
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star {
  opacity: 0;
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2 {
  opacity: 1;
}
.sd-rating__item-text.sd-rating__item-text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  display: inline-block;
  box-sizing: border-box;
  transition: color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text,
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
  margin-top: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  border: 2px solid rgba(0, 0, 0, 0);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  border-left: 0px;
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
  margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-rating__item-text.sd-rating__item-text .sv-string-editor {
  white-space: nowrap;
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {
  min-width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-text.sd-rating__item-text::after {
  display: block;
  content: attr(data-text);
  font-weight: 600;
  height: 0;
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  visibility: hidden;
}
.sd-rating--wrappable .sd-rating__item-text {
  max-width: 100%;
}
.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {
  border: none;
}
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: inherit;
  border: none;
}
.sd-rating-dropdown-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating-dropdown-item_description {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-weight: normal;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-ranking-item--error .sv-ranking-item__index {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.sd-element--with-frame .sv-ranking-item {
  left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking.sd-ranking--readonly {
  user-select: initial;
  -webkit-user-select: initial;
}
.sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {
  visibility: hidden;
}
.sv-ranking.sd-ranking--readonly .sv-ranking__container--empty {
  visibility: hidden;
}
.sv-ranking.sd-ranking--preview {
  user-select: initial;
  -webkit-user-select: initial;
}
.sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {
  visibility: hidden;
}
.sv-ranking.sd-ranking--preview .sv-ranking__container--empty {
  visibility: hidden;
}
@container (max-width: 496px) {
  .sv-ranking--select-to-rank-horizontal {
    flex-direction: column-reverse;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
    margin: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
    height: 1px;
    width: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty {
    padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
    padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container {
    max-width: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
    left: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
    left: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
    padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
    padding-right: initial;
  }
}
@container (max-width: 176px) {
  .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
    margin-right: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {
  margin-left: 0;
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {
  left: 0;
}
.sv-ranking-item__content.sd-ranking-item__content {
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sv-dragdrop-movedown {
  transform: translate(0, 0);
  animation: svdragdropmovedown .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmovedown {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.sv-dragdrop-moveup {
  transform: translate(0, 0);
  animation: svdragdropmoveup .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmoveup {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.sv-dropdown_select-wrapper {
  position: relative;
}
.sv-dropdown_select-wrapper use {
  fill: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-inline-end: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 1;
  display: flex;
  justify-content: space-between;
  word-spacing: normal;
}
.sd-dropdown[disabled] {
  pointer-events: none;
}
.sd-dropdown--empty:not(.sd-input--disabled),
.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-dropdown__input-field-component {
  height: auto;
}
.sd-dropdown option {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
}
.sd-dropdown input[readonly] {
  pointer-events: none;
}
.sd-dropdown__value {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: 100%;
  min-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  font-size: var(--sjs-internal-font-editorfont-size);
  position: relative;
}
.sd-dropdown_clean-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  margin: auto 0;
}
.sd-dropdown_chevron-button {
  position: absolute;
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-end: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sd-dropdown_chevron-button-svg,
.sd-dropdown_clean-button-svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-input.sd-dropdown:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-input.sd-dropdown.sd-input--readonly {
  box-shadow: none;
  transition: none;
}
.sd-dropdown__filter-string-input {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  border: none;
  outline: none;
  padding: 0;
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  appearance: none;
}
.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown--empty > * {
  min-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-dropdown__filter-string-input::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  appearance: none;
}
.sd-dropdown__hint-prefix {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown__hint-prefix span {
  white-space: pre;
}
.sd-dropdown__hint-suffix {
  display: flex;
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown__hint-suffix span {
  white-space: pre;
}
.sd-input--disabled .sv-string-viewer,
.sd-input--readonly .sv-string-viewer,
.sd-input--preview .sv-string-viewer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-question--readonly .sd-dropdown_chevron-button use {
  opacity: .24;
}
.sd-question--preview .sd-dropdown_chevron-button {
  display: none;
}
.sv-dropdown-popup .sd-list__item-body {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  font-size: var(--sjs-internal-font-editorfont-size);
  font-weight: var(--sjs-font-editorfont-weight, 400);
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  padding-inline-end: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-block: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  border-radius: var(--sjs-corner-radius, 4px);
  transition: border-color var(--sjs-transition-duration, 150ms);
}
.sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding-inline-end: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-block: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup .sv-list__item span {
  margin-inline-start: calc(-0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-single-select-list.sv-popup--leave .sd-list__item.sv-list__item--selected .sv-list__item-body {
  font-weight: normal;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background-color: rgba(0, 0, 0, 0);
}
.sv-dropdown-popup.sv-popup--dropdown.sv-popup--top .sv-popup__container {
  transform: translateY(-2px);
}
.sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom .sv-popup__container {
  transform: translateY(2px);
}
[dir=rtl] .sd-dropdown,
[style*="direction:rtl"] .sd-dropdown,
[style*="direction: rtl"] .sd-dropdown {
  background-position: left calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
}
.sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable {
  height: auto;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tagbox.sd-input--disabled,
.sd-tagbox.sd-input--readonly,
.sd-tagbox.sd-input--preview {
  white-space: normal;
}
.sd-tagbox_clean-button {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: calc(0.5*(var(--sjs-internal-font-editorfont-size)));
  margin: auto 0;
}
.sd-input.sd-tagbox:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-tagbox__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(0.5*(var(--sjs-corner-radius, 4px)));
  max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
}
.sv-tagbox__item-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  min-width: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  font-weight: 600;
}
.sv-tagbox__item-text span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv-tagbox__item:hover .sd-tagbox-item_clean-button,
.sv-tagbox__item:focus .sd-tagbox-item_clean-button,
.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {
  align-self: center;
  opacity: 1;
}
.sd-tagbox-item_clean-button {
  display: flex;
  position: absolute;
  inset-inline-end: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
  padding-inline-start: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background:
    linear-gradient(
      270deg,
      var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%,
      rgba(25, 179, 148, 0) 100%);
  opacity: 0;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-tagbox-item_clean-button-svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  padding: calc(0.25*(var(--sjs-internal-font-editorfont-size)));
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
  box-sizing: content-box;
}
.sd-tagbox-item_clean-button-svg:hover {
  border-radius: 100px;
  background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));
}
.sd-tagbox-item_clean-button-svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-tagbox__value.sd-dropdown__value {
  position: relative;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  padding-inline: unset;
  margin-inline: unset;
  margin-block: unset;
}
.sd-tagbox__filter-string-input {
  width: 100%;
  display: flex;
  flex-grow: 1;
}
.sd-tagbox__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: start;
  cursor: text;
  pointer-events: none;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
[dir=rtl] .sd-tagbox-item_clean-button,
[style*="direction:rtl"] .sd-tagbox-item_clean-button,
[style*="direction: rtl"] .sd-tagbox-item_clean-button {
  background:
    linear-gradient(
      90deg,
      var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%,
      rgba(25, 179, 148, 0) 100%);
}
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {
  width: 100%;
}
.sd-tagbox__hint {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
}
.sd-tagbox__hint-suffix-wrapper {
  position: relative;
  width: 100%;
}
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: 100%;
  display: flex;
  align-items: center;
}
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 50%;
  justify-content: flex-end;
}
.sd-imagepicker {
  padding: 0;
  border: none;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  margin: 0;
}
.sd-imagepicker--static {
  display: flex;
  flex-wrap: wrap;
}
.sd-imagepicker--responsive {
  display: grid;
}
.sd-imagepicker--column {
  align-items: flex-start;
  flex-direction: column;
}
@supports not (aspect-ratio: 1/1) {
  .sd-imagepicker > div {
    margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.sd-imagepicker__item img,
.sd-imagepicker__item .sd-imagepicker__image-container > div {
  border-radius: var(--sjs-corner-radius, 4px);
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-imagepicker__item-decorator {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sd-imagepicker__label {
  position: relative;
}
.sd-imagepicker__label .sd-visuallyhidden {
  height: 100%;
  margin: 0;
}
.sd-imagepicker__image-container {
  position: relative;
}
.sd-imagepicker__check-decorator {
  display: block;
  opacity: 0;
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border-radius: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  z-index: 1;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-imagepicker__check-icon {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {
  opacity: 1;
}
.sd-imagepicker__item--error .sd-imagepicker__image-container::before {
  display: block;
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-radius: var(--sjs-corner-radius, 4px);
  background:
    linear-gradient(
      0deg,
      var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))),
      var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.sd-imagepicker__item:focus-within .sd-imagepicker__image .sd-imagepicker__image:hover,
.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover {
  opacity: .5;
}
.sd-imagepicker__image {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-imagepicker__text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-imagepicker__no-image {
  display: flex;
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  inset-block-start: 0;
}
.sd-imagepicker__no-image-svg {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}
.sd-imagepicker__no-image-svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: .5;
}
.sd-imagepicker__column {
  display: flex;
  flex-direction: column;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: flex-start;
  padding-right: 0;
}
.sd-imagepicker__column.sd-selectbase__column {
  min-width: 0;
}
.sd-imagepicker__column .sd-imagepicker__item {
  width: 100%;
}
.sd-imagepicker__column .sd-imagepicker__text {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {
  padding-right: 0;
}
.sd-imagepicker__item--readonly .sd-imagepicker__check-icon {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-imagepicker__item--preview .sd-imagepicker__check-decorator {
  display: none;
}
.sd-imagepicker__item--preview .sd-imagepicker__image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .25;
}
.sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.sd-image__image {
  display: block;
  max-width: 100%;
  border-radius: var(--sjs-corner-radius, 4px);
}
.sd-image__image--adaptive {
  width: 100%;
  height: auto;
  max-width: calc(80*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-image__no-image {
  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  min-width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(27.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sd-image__no-image use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: .5;
}
.sd-question--image {
  width: 100%;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-html {
  white-space: initial;
}
.sd-html {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-html h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-html h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-html h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-html h4,
.sd-html h5,
.sd-html h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-html td,
.sd-html span,
.sd-html div,
.sd-html p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-html a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-html button {
  display: flex;
  align-items: center;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-html button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-html button:focus {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-html button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-html--nested {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-expression {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-font-size, 16px);
  white-space: break-spaces;
}
.sd-question__content--left .sd-expression {
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-progress {
  height: 2px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  position: relative;
}
.sd-progress__bar {
  position: relative;
  height: 100%;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  overflow: hidden;
}
.sd-progress__text {
  position: absolute;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  font-weight: 600;
}
@media only screen and (min-width: 1000px) {
  .sd-progress__text {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 1000px) {
  .sd-progress__text {
    margin-left: 10px;
  }
}
.sd-body__progress--top {
  margin-bottom: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: sticky;
  top: 0;
  z-index: 50;
}
.sd-body__progress--bottom .sd-progress__text {
  margin-top: calc(-3.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-root--sticky-top .sd-progress__text {
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  opacity: .75;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.sd-boolean {
  display: flex;
  width: max-content;
  position: relative;
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-boolean.sd-boolean--allowhover:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-boolean__thumb,
.sd-boolean__label {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  font-size: var(--sjs-internal-font-editorfont-size);
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-boolean__switch {
  display: flex;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: hidden;
}
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {
  color: rgba(0, 0, 0, 0);
  transition-duration: .15s;
  transition-property: color;
  transition-timing-function: linear;
}
.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
  display: none;
}
.sd-boolean--indeterminate .sd-boolean__thumb {
  display: none;
}
.sd-boolean__thumb {
  position: absolute;
  left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transform: translateX(0);
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transition-duration: .2s;
  transition-property: transform, left;
  transition-timing-function: linear;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  z-index: 2;
}
.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {
  white-space: nowrap;
}
.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
  left: calc(100% - .5*var(--sjs-base-unit, var(--base-unit, 8px)));
  transform: translateX(-100%);
}
[dir=rtl] .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean__thumb {
  left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: unset;
  transform: translateX(100%);
}
[dir=rtl] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[dir=rtl] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
  left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: unset;
  transform: translateX(0);
}
.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false,
.sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-boolean--disabled {
  pointer-events: none;
}
.sd-boolean--disabled .sd-boolean__thumb,
.sd-boolean--disabled .sd-boolean__label {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.sd-boolean--readonly {
  pointer-events: none;
  box-shadow: none;
  transition: none;
  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-boolean--readonly .sd-boolean__thumb {
  box-shadow: inset 0px 0px 0px 2px var(--sjs-general-forecolor, var(--foreground, #161616));
  transition: none;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-boolean--preview {
  pointer-events: none;
  box-shadow: none;
  transition: none;
  background: rgba(0, 0, 0, 0);
}
.sd-boolean--preview .sd-boolean__thumb {
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  box-shadow: none;
  transition: none;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb,
.sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb {
  margin-left: auto;
}
.sd-boolean--preview .sd-checkbox__label--preview {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-boolean__thumb-ghost {
  z-index: 1;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-transition-duration, 150ms);
}
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
}
.sd-boolean--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-paneldynamic .sd-progress {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 2;
  transform: translateY(-1px);
}
.sd-paneldynamic > .sd-panel {
  padding-top: 1px;
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {
  padding-top: var(--sd-base-vertical-padding);
  padding-bottom: 0;
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {
  display: none;
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-question--readonly .sd-paneldynamic .sd-question__placeholder,
.sd-question--preview .sd-paneldynamic .sd-question__placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-paneldynamic__separator {
  display: none;
}
.sd-paneldynamic__panel-wrapper {
  box-sizing: border-box;
  padding-bottom: calc(1*var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper:after {
  display: table;
  clear: both;
  content: " ";
}
.sd-paneldynamic__footer .sd-paneldynamic__separator,
.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  border-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  height: 1px;
  border: none;
}
.sd-paneldynamic__separator:only-child {
  display: none;
}
.sd-paneldynamic__panel-wrapper--in-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sd-paneldynamic__footer {
  clear: both;
}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,
.sd-paneldynamic__footer .sd-paneldynamic__next-btn {
  display: block;
}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,
.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__footer .sd-paneldynamic__add-btn,
.sd-paneldynamic__footer .sd-paneldynamic__progress-text,
.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {
  display: initial;
}
.sd-paneldynamic__buttons-container {
  display: flex;
  align-items: center;
  padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;
}
.sd-paneldynamic__progress-container {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__progress-text {
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  margin: 0;
  margin-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__prev-btn,
.sd-paneldynamic__next-btn {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__prev-btn .sv-svg-icon,
.sd-paneldynamic__next-btn .sv-svg-icon {
  display: block;
}
.sd-paneldynamic__prev-btn {
  margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__next-btn {
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transform: rotate(180deg);
}
.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {
  display: initial;
  margin-left: 0;
}
.sd-question--empty.sd-question--paneldynamic > .sd-question__content {
  padding-bottom: var(--sd-base-padding);
  --animation-padding-bottom: var(--sd-base-padding);
}
.sd-question--paneldynamic:not(.sd-question--empty) > .sd-question__content > .sd-question__comment-area {
  padding-bottom: var(--sd-base-padding);
}
.sd-paneldynamic__buttons-container .sd-action-bar {
  width: 100%;
  margin: 0 calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 6*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-paneldynamic__panel-footer {
  border-top: none;
  position: relative;
  top: calc(.5*var(--sd-base-vertical-padding));
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
}
.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__tabs-container {
  padding-top: var(--sd-base-padding);
}
.sd-paneldynamic__tabs-container .sd-tabs-toolbar {
  margin: 0 0 -1px calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-paneldynamic__tabs-container:after {
  content: " ";
  display: block;
  height: 1px;
  position: relative;
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  bottom: 0;
  inset-inline-start: calc(-1*var(--sd-base-padding));
  width: calc(100% + 2*var(--sd-base-padding));
}
.sd-paneldynamic__tabs-container--with-header {
  padding-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tabs-toolbar.sv-action-bar {
  align-items: flex-start;
  z-index: 1;
}
.sd-tabs-toolbar.sd-tabs-toolbar--left {
  justify-content: flex-start;
}
.sd-tabs-toolbar.sd-tabs-toolbar--right {
  justify-content: flex-end;
}
.sd-tabs-toolbar.sd-tabs-toolbar--center {
  justify-content: center;
}
.sd-tab-item {
  margin: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tab-item {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  overflow-x: hidden;
  white-space: nowrap;
  box-shadow: inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-tab-item:hover,
.sd-tab-item:focus-visible {
  outline: none;
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item.sd-tab-item--pressed {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  width: auto;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tab-item--icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: .5;
}
.sd-tab-item--icon:hover,
.sd-tab-item--icon.sd-tab-item--pressed {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  box-shadow: none;
}
.sd-tab-item--icon:hover use,
.sd-tab-item--icon.sd-tab-item--pressed use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item--icon:hover use {
  opacity: 1;
}
.sd-tabs-toolbar .sv-dots {
  width: auto;
}
.sd-tabs-toolbar .sv-dots.sv-action--hidden {
  width: 0;
}
.sd-tab-item__title {
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
}
.sd-question__title ~ .sd-tabs-toolbar {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
  padding-bottom: 0;
}
.sd-element--collapsed .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {
  content: none;
}
.sd-question--paneldynamic.sd-element--with-frame {
  padding-bottom: 0;
}
.sd-paneldynamic__panels-container {
  position: relative;
  overflow: hidden;
  margin-left: calc(-1*var(--sd-base-padding));
  padding-left: var(--sd-base-padding);
  margin-right: calc(-1*var(--sd-base-padding));
  padding-right: var(--sd-base-padding);
}
.sd-paneldynamic__panel-wrapper {
  box-sizing: border-box;
}
@keyframes movePanel {
  from {
    transform: translateX(var(--sjs-pd-tab-move-margin));
  }
  to {
    transform: translateX(0);
  }
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {
  --sjs-pd-tab-animation-delay: 0ms;
  animation-name:
    movePanel,
    changeHeight,
    paddingFadeIn,
    fadeIn;
  animation-duration:
    var(--sjs-pd-tab-move-in-duration, 250ms),
    var(--sjs-pd-tab-height-change-duration, 250ms),
    var(--sjs-pd-tab-height-change-duration, 250ms),
    var(--sjs-pd-tab-fade-in-duration, 250ms);
  animation-delay:
    calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay));
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  opacity: 0;
  padding-bottom: 0;
  transform: translateX(var(--sjs-pd-tab-move-margin));
  height: var(--animation-height-from);
  --animation-padding-top: 0;
  --animation-padding-bottom: calc(1 * var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {
  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {
  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {
  animation-name: fadeIn, movePanel;
  animation-duration: var(--sjs-pd-tab-fade-out-duration, 250ms), var(--sjs-pd-tab-move-out-duration, 250ms);
  animation-delay: var(--sjs-pd-tab-fade-out-delay, 0ms), var(--sjs-pd-tab-move-out-delay, 0ms);
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-direction: reverse;
  animation-fill-mode: forwards;
  position: absolute;
  left: var(--sd-base-padding);
  top: 0;
  width: calc(100% - 2*var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {
  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {
  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {
  animation-name:
    fadeIn,
    changeHeight,
    paddingFadeIn;
  animation-duration:
    var(--sjs-pd-tab-add-fade-in-duration, 500ms),
    var(--sjs-pd-tab-height-change-duration, 250ms),
    var(--sjs-pd-tab-height-change-duration, 250ms);
  animation-delay:
    calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay));
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  transform: translateX(0);
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {
  --sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {
  animation-name: fadeIn;
  animation-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);
  animation-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-direction: reverse;
  animation-fill-mode: forwards;
  position: absolute;
  left: var(--sd-base-padding);
  top: 0;
  width: calc(100% - 2*var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper--enter,
.sd-paneldynamic__panel-wrapper--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  --animation-padding-top: 0;
  --animation-padding-bottom: calc(1 * var(--sd-base-padding));
  min-height: 0 !important;
}
.sd-paneldynamic__panel-wrapper--enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration:
    var(--sjs-pd-list-fade-in-duration, 500ms),
    var(--sjs-pd-list-move-in-duration, 250ms),
    var(--sjs-pd-list-move-in-duration, 250ms);
  animation-delay:
    var(--sjs-pd-list-fade-in-delay, 250ms),
    0s,
    0s;
}
.sd-paneldynamic__panel-wrapper--leave {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration:
    var(--sjs-pd-list-fade-out-duration, 150ms),
    var(--sjs-pd-list-move-out-duration, 250ms),
    var(--sjs-pd-list-move-out-duration, 250ms);
  animation-delay:
    0s,
    var(--sjs-pd-list-move-out-delay, 100ms),
    var(--sjs-pd-list-move-out-delay, 100ms);
  --animation-padding-bottom: calc(1 * var(--sd-base-padding));
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-file {
  position: relative;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  min-height: calc(36*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  padding: 0 calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file .sv-action-bar {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.sd-file .sv-action-bar .sv-action-bar-item {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  border-radius: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  font-weight: 600;
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {
  opacity: initial;
}
.sd-file__decorator {
  display: flex;
  flex-direction: column;
  position: absolute;
  position: absolute;
  left: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  container-type: inline-size;
}
.sd-file--answered .sd-file__decorator {
  container-type: unset;
}
.sd-file__decorator--drag {
  z-index: 1;
  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file__no-file-chosen {
  display: none;
}
.sd-file__drag-area-placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  text-align: center;
  white-space: normal;
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  padding: 0 calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
@container (max-width: 496px) {
  .sd-file__drag-area-placeholder {
    padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  }
}
@container (max-width: 176px) {
  .sd-file__drag-area-placeholder {
    display: none;
  }
  .sd-file__decorator .sd-action {
    padding: var(--sjs-base-unit, var(--base-unit, 8px));
  }
  .sd-file__decorator .sd-action .sv-svg-icon {
    margin-left: 0;
  }
  .sd-file__decorator .sd-file__actions-container {
    flex-direction: column;
  }
  .sd-file__decorator .sd-file__actions-container span {
    display: none;
  }
}
.sd-root-modern--mobile .sd-file__decorator {
  padding: 0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__choose-btn--text {
  display: block;
  font-weight: 600;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  cursor: pointer;
}
.sd-file__choose-btn--text .sv-svg-icon {
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file__choose-btn--icon > span {
  display: none;
}
.sd-file__wrapper {
  width: max-content;
  max-width: 100%;
}
.sd-file__actions-container {
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-wrap: wrap;
  justify-content: center;
}
.sd-file__actions-container .sv-action--hidden {
  display: none;
}
.sd-file--answered .sd-file__actions-container {
  z-index: 2;
  margin-top: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-file--answered .sd-file__actions-container {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  position: absolute;
}
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  inset-inline-end: calc(1.5*(var(--sjs-internal-font-editorfont-size)) + 5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__list {
  display: flex;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  flex-direction: row;
  padding: calc(10.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  min-height: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-height: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
}
.sd-file__page {
  display: flex;
  left: 0;
  align-items: stretch;
  justify-content: center;
  gap: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(100% - 21*var(--sjs-base-unit, var(--base-unit, 8px)));
  width: 100%;
  position: absolute;
}
@keyframes file-page-to-right {
  from {
    opacity: 1;
    left: 0;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@keyframes file-page-from-right {
  from {
    opacity: 0;
    left: 100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes file-page-from-left {
  from {
    opacity: 0;
    left: -100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes file-page-to-left {
  from {
    opacity: 1;
    left: 0;
  }
  to {
    opacity: 0;
    left: -100%;
  }
}
.sd-file__page--leave-to-right,
.sd-file__page--enter-from-right,
.sd-file__page--leave-to-left,
.sd-file__page--enter-from-left {
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
.sd-file__page--leave-to-right {
  animation-name: file-page-to-right;
}
.sd-file__page--enter-from-right {
  animation-name: file-page-from-right;
}
.sd-file__page--leave-to-left {
  animation-name: file-page-to-left;
}
.sd-file__page--enter-from-left {
  animation-name: file-page-from-left;
}
.sd-file__preview-item {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  min-height: 100%;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  cursor: pointer;
}
.sd-file__preview-item .sd-file__default-image {
  width: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__preview-item .sd-file__default-image use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-file__preview-item:hover .sd-file__remove-file-button {
  opacity: 1;
}
.sd-file__preview-item:hover .sd-file__sign a {
  text-decoration: underline;
}
.sd-file__sign {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  text-align: center;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sd-file__sign a {
  display: block;
  text-decoration: none;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  white-space: normal;
  word-break: break-all;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: 100%;
  max-width: 100%;
  overflow: hidden;
  max-height: calc(3*(var(--sjs-font-size, 16px)));
  text-overflow: ellipsis;
  line-height: var(--sjs-font-size, 16px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sd-file__remove-file-button {
  display: block;
  opacity: 0;
  position: absolute;
  left: 100%;
  top: 0;
  transform: translate(-50%, -50%);
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-file__image-wrapper--default-image .sd-file__remove-file-button {
  left: 50%;
  top: 50%;
  transform: translate(calc(3.5 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% - 1.5px), calc(-4.25 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% + 1.5px));
}
.sd-file__decorator--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-file__image-wrapper {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-file__image-wrapper img:not(.sd-file__default-image) {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  object-fit: contain;
}
.sd-file__image-wrapper--default-image {
  background: rgba(0, 0, 0, 0);
}
.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {
  display: none;
}
.sd-file--single-image {
  height: calc(36*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-file--single-image .sd-file__page {
  height: 100%;
}
.sd-file--single-image .sd-file__preview-item {
  width: 100%;
  margin: 0;
}
.sd-file--single-image .sd-file__list {
  position: absolute;
  left: 0;
  padding: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-file--single-image .sd-file__image-wrapper {
  min-height: 100%;
  min-width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper img {
  width: 100%;
  height: 100%;
}
.sd-file--single-image .sd-file__sign {
  position: absolute;
  margin: 0;
  width: 100%;
  min-height: 100%;
}
.sd-file--single-image .sd-file__sign a {
  color: rgba(0, 0, 0, 0);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  outline: none;
}
.sd-file__image-wrapper.sd-file__image-wrapper--default-image {
  background: rgba(0, 0, 0, 0);
}
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sd-file__drag-area {
  position: static;
  width: 100%;
}
.sd-file__change-camera-button {
  position: absolute;
  z-index: 2;
  left: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-file__close-camera-button {
  position: absolute;
  z-index: 2;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-context-btn.sd-file__take-picture-button {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-context-btn.sd-file__take-picture-button:hover,
.sd-context-btn.sd-file__take-picture-button:focus {
  box-shadow: 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-file__video-container {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sd-file__loading-indicator {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  left: 0;
}
.sd-file__loading-indicator .sd-loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sd-file__choose-file-btn--disabled {
  opacity: .25;
  cursor: default;
}
.sd-file--readonly .sd-context-btn {
  display: none;
}
.sd-file--readonly .sd-file__decorator {
  border-color: rgba(0, 0, 0, 0);
}
.sd-file--readonly .sd-file__actions-container {
  display: none;
}
.sd-file--readonly .sd-file__image-wrapper {
  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-file--readonly .sd-file__drag-area-placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-file--preview .sd-context-btn {
  display: none;
}
.sd-file--preview .sd-file__decorator {
  border-color: rgba(0, 0, 0, 0);
}
.sd-file--preview .sd-file__image-wrapper {
  background: rgba(0, 0, 0, 0);
}
.sd-file--preview .sd-file__actions-container {
  display: none;
}
.sd-file--preview .sd-file__drag-area-placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-hidden {
  display: none !important;
}
.sd-body__navigation .sd-btn {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
}
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {
  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
}
.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
  flex-grow: 1;
}
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body__navigation .sv-action--hidden {
  display: none;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-btn {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
  text-align: center;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: none;
  outline: none;
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
}
.sd-btn--small {
  flex-grow: 1;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-btn:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-btn:focus-visible {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-btn:disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
  pointer-events: none;
}
.sd-btn--action {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--action:hover {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));
}
.sd-btn--action:disabled {
  color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));
  pointer-events: none;
}
.sd-btn--danger {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--danger:hover {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--danger:disabled {
  color: var(--sjs-special-red-forecolor, #ffffff);
  pointer-events: none;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-body {
  width: 100%;
  box-sizing: border-box;
}
.sd-body .sd-body__page {
  min-width: min(100%, 300px);
}
.sd-body .sd-body__timer {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  box-sizing: border-box;
}
.sd-body.sd-body--static {
  max-width: calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--static .sd-body__timer,
.sd-body.sd-body--static .sd-body__navigation,
.sd-body.sd-body--static .sd-body__page {
  margin-left: 0;
  margin-right: 0;
}
.sd-body.sd-body--static .sd-body__navigation {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--responsive {
  max-width: initial;
  padding: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sd-body.sd-body--responsive .sd-page {
  padding: 0;
}
.sd-body.sd-body--responsive .sd-body__timer,
.sd-body.sd-body--responsive .sd-body__navigation {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-body.sd-body--responsive .sd-body__navigation {
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--responsive.sd-body--with-timer {
  max-width: calc(100% + var(--sd-timer-size)*-1.4444444444 + 6*var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: auto;
  margin-right: auto;
}
.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {
  max-width: initial;
  margin-left: 0;
  margin-right: 0;
}
.sd-root-modern--mobile .sd-body.sd-body--responsive,
.sd-root-modern--mobile .sd-body.sd-body--static {
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation,
.sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation,
.sd-root--compact .sd-body.sd-body--static .sd-body__navigation {
  padding-top: calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body__navigation.sd-action-bar {
  box-sizing: border-box;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-wrap: wrap;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body--empty {
  min-height: 400px;
  text-align: center;
  padding-top: 180px;
  box-sizing: border-box;
}
.sd-body--empty,
.sd-body--loading {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-body--empty h1,
.sd-body--loading h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-body--empty h2,
.sd-body--loading h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-body--empty h3,
.sd-body--loading h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-body--empty h4,
.sd-body--empty h5,
.sd-body--empty h6,
.sd-body--loading h4,
.sd-body--loading h5,
.sd-body--loading h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-body--empty td,
.sd-body--empty span,
.sd-body--empty div,
.sd-body--empty p,
.sd-body--loading td,
.sd-body--loading span,
.sd-body--loading div,
.sd-body--loading p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-body--empty a,
.sd-body--loading a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-body--empty button,
.sd-body--loading button {
  display: flex;
  align-items: center;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-body--empty button:hover,
.sd-body--loading button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-body--empty button:focus,
.sd-body--loading button:focus {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-body--empty button span,
.sd-body--loading button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-root_background-image {
  background-position-x: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-multipletext {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  height: 1px;
}
.sd-multipletext__cell {
  height: 100%;
}
.sd-multipletext__cell:not(:first-of-type) {
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__item-container.sd-input:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-multipletext__item-container {
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.sd-multipletext__item-container .sd-input {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  border: none;
  box-shadow: none;
}
.sd-multipletext__item-container .sd-input,
.sd-multipletext__item-title {
  margin-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__item-title {
  font-size: 0;
  line-height: 0;
}
.sd-multipletext__item-title span {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-multipletext__item-title {
  height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px))*3);
  max-width: 30%;
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  white-space: normal;
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  box-sizing: content-box;
}
.sd-question--preview .sd-multipletext__item-title {
  border: none;
}
.sd-multipletext__item {
  flex-grow: 1;
}
.sd-multipletext__content .sd-multipletext__item-container {
  position: relative;
}
.sd-multipletext__item-container--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-multipletext__item-container--error .sd-input--error {
  background-color: rgba(0, 0, 0, 0);
}
.sd-multipletext-item__character-counter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-question__content:focus-within .sd-multipletext-item__character-counter {
  padding-inline-end: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__cell {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext__cell--error-bottom,
.sd-multipletext__row:first-of-type .sd-multipletext__cell {
  padding-top: 0;
}
.sd-multipletext__cell--error-top,
.sd-multipletext__row:last-of-type .sd-multipletext__cell {
  padding-bottom: 0;
}
.sd-multipletext__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-multipletext .sd-input .sd-input {
  background: rgba(0, 0, 0, 0);
}
.sd-action {
  appearance: none;
  border: none;
  display: flex;
  align-items: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  background: rgba(0, 0, 0, 0);
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: 600;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  outline: none;
  transition: background-color var(--sjs-transition-duration, 150ms);
  box-sizing: content-box;
}
.sd-action--negative {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-action--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-action__icon {
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-action--icon .sd-action__icon {
  margin-left: 0;
}
.sd-action--icon use {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  transition: fill var(--sjs-transition-duration, 150ms);
}
svg.sd-action--icon {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-action:disabled,
.sd-action--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: default;
  opacity: .25;
  pointer-events: none;
}
.sd-action:disabled use,
.sd-action--disabled use {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-action:not(.sd-action--pressed):hover,
.sd-action:not(.sd-action--pressed):focus {
  outline: none;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  cursor: pointer;
  opacity: 1;
}
.sd-action:not(.sd-action--pressed):hover.sd-action--icon,
.sd-action:not(.sd-action--pressed):focus.sd-action--icon {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative,
.sd-action:not(.sd-action--pressed):focus.sd-action--negative {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,
.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-action:not(.sd-action--pressed):hover:active,
.sd-action:not(.sd-action--pressed):focus:active {
  opacity: .5;
}
.sd-action__icon {
  display: block;
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action--pressed:not(.sd-action--active) {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  opacity: .5;
}
.sd-action-bar {
  display: flex;
  align-items: center;
}
.sd-action-bar .sv-action:not(:last-child) .sv-action__content {
  padding-right: 0;
}
.sd-context-btn {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  cursor: pointer;
}
.sd-context-btn .sv-svg-icon {
  margin: 0;
}
.sd-context-btn svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5*(var(--sjs-internal-font-editorfont-size)));
}
.sd-context-btn use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-context-btn:hover use,
.sd-context-btn:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-context-btn:hover.sd-context-btn--negative use,
.sd-context-btn:focus.sd-context-btn--negative use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-context-btn:disabled {
  opacity: .25;
}
.sd-context-btn--small {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-context-btn--small svg {
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
}
.sd-context-btn--with-border {
  --box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  box-shadow: 0 0 0 1px var(--box-shadow-color);
}
.sd-context-btn--colorful use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-context-btn--colorful.sd-context-btn--negative use {
  fill: red;
}
.sd-context-btn--colorful:focus,
.sd-context-btn--colorful:hover {
  background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
}
.sd-context-btn--colorful:focus.sd-context-btn--negative,
.sd-context-btn--colorful:hover.sd-context-btn--negative {
  background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
}
.sd-context-btn--colorful:focus.sd-context-btn--with-border,
.sd-context-btn--colorful:hover.sd-context-btn--with-border {
  --box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,
.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative {
  --box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e));
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-completedpage,
.sd-completed-before-page {
  align-items: center;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
  height: auto;
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-completedpage h1,
.sd-completed-before-page h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-completedpage h2,
.sd-completed-before-page h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-completedpage h3,
.sd-completed-before-page h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-completedpage h4,
.sd-completedpage h5,
.sd-completedpage h6,
.sd-completed-before-page h4,
.sd-completed-before-page h5,
.sd-completed-before-page h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-completedpage td,
.sd-completedpage span,
.sd-completedpage div,
.sd-completedpage p,
.sd-completed-before-page td,
.sd-completed-before-page span,
.sd-completed-before-page div,
.sd-completed-before-page p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-completedpage a,
.sd-completed-before-page a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-completedpage button,
.sd-completed-before-page button {
  display: flex;
  align-items: center;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5*(var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-completedpage button:hover,
.sd-completed-before-page button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-completedpage button:focus,
.sd-completed-before-page button:focus {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-completedpage button span,
.sd-completed-before-page button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-completedpage:before,
.sd-completedpage:after {
  display: block;
  width: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(50% - 4.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  content: "";
}
.sd-completedpage:before {
  height: calc(13*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-completedpage:after {
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__image-button-left {
  display: none;
}
.sd-progress-buttons__image-button-right {
  display: none;
}
.sd-progress-buttons__image-button--hidden {
  visibility: hidden;
}
.sd-progress-buttons__page-description {
  display: none;
}
.sd-progress-buttons {
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-direction: column;
}
.sd-progress-buttons__list-container {
  display: flex;
  overflow: hidden;
  margin: 0 calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__connector {
  display: none;
}
.sd-progress-buttons__list {
  display: inline-flex;
  flex-direction: row;
  flex-grow: 1;
  margin: 0 auto;
  padding: 0;
}
.sd-progress-buttons__list li {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  position: relative;
  flex-wrap: nowrap;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
}
.sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  display: block;
  content: "";
  height: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  opacity: .5;
  position: absolute;
  bottom: calc(1.125*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(50% + 10px);
  width: calc(100% - 20px);
  pointer-events: none;
}
.sd-progress-buttons__list li .sd-progress-buttons__button {
  position: relative;
  display: flex;
  content: attr(data-page-number);
  width: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  align-self: center;
  z-index: 1;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  font-weight: 600;
  line-height: var(--sjs-font-size, 16px);
  justify-content: center;
  color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-sizing: content-box;
}
.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {
  position: absolute;
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: -2;
}
.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  opacity: .5;
  z-index: -1;
  border: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  box-sizing: content-box;
}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-background {
  left: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-content {
  top: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__button-content {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child) > .sd-progress-buttons__connector {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  border: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-background {
  left: calc(-0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-content {
  border: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  opacity: 1;
}
.sd-progress-buttons__page-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  font-weight: 600;
  line-height: var(--sjs-font-size, 16px);
  flex-grow: 1;
  text-align: center;
  padding: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__header .sd-progress-buttons__page-title {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-progress-buttons__footer .sd-progress-buttons__page-title {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: 0;
  justify-content: flex-end;
  padding: 0;
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.sd-progress-buttons--bottom {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-direction: column-reverse;
}
.sd-progress-buttons--bottom .sd-progress-buttons__list li {
  flex-direction: column-reverse;
}
.sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  top: calc(1.125*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--bottom .sd-progress-buttons__page-title {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: 0;
}
.sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: 0;
}
.sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title {
  margin-top: 0;
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list-container {
  margin: 0 calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  bottom: calc(2.175*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(50% + 18px);
  width: calc(100% - 36px);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:hover .sd-progress-buttons__button {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--with-titles .sd-progress-buttons__list-container {
  margin: 0;
}
.sd-root-modern--mobile .sd-progress-buttons__list,
.sd-progress-buttons--no-titles .sd-progress-buttons__list {
  justify-content: space-between;
  width: 100%;
}
.sd-root-modern--mobile .sd-progress-buttons__list li,
.sd-progress-buttons--no-titles .sd-progress-buttons__list li {
  flex-grow: 0;
}
.sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  top: calc(2.175*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sd-progress-buttons {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--fit-survey-width {
  max-width: calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  width: 100%;
  margin: auto;
}
[dir=rtl] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction:rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction: rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  right: unset;
  left: calc(50% + 10px);
}
[dir=rtl] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction:rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction: rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  right: unset;
  left: calc(50% + 20px);
}
.sv_progress-toc {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: calc(42*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: 100%;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  min-width: calc(32*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 400;
}
.sv_progress-toc .sv-list__item span {
  white-space: break-spaces;
}
.sv_progress-toc .sv-list__item-body {
  padding-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  padding-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv_progress-toc--left {
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_progress-toc--right {
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_progress-toc--mobile {
  position: fixed;
  top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: auto;
  min-width: auto;
  height: auto;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  z-index: 15;
  border-radius: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc--mobile > div {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc--mobile:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-title + .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile),
.sd-title ~ .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile) {
  margin-top: 2px;
}
.sv_progress-toc.sv_progress-toc--sticky {
  position: sticky;
  height: auto;
  overflow-y: auto;
  top: 0;
}
.sd-list {
  padding-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-list__item {
  padding: 0;
}
.sd-list__item-body {
  padding-block: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5*(var(--sjs-font-size, 16px)));
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
  outline: none;
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {
  padding-block: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-timer {
  z-index: 2;
  position: fixed;
  bottom: calc(var(--sd-timer-size)/144*32);
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  background: #fff;
  width: var(--sd-timer-size);
  height: var(--sd-timer-size);
  margin-right: calc(var(--sd-timer-size)/144*32);
  display: flex;
  border-radius: 100%;
  padding: calc(var(--sd-timer-size)/144*8);
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  box-sizing: border-box;
}
.sd-timer--top {
  top: calc(var(--sd-timer-size)/144*32);
  margin-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1*var(--sd-timer-size));
}
.sd-timer--bottom {
  bottom: calc(var(--sd-timer-size)/144*32);
  margin-top: calc(var(--sd-timer-size)*-1.2222222222);
}
.sd-timer__progress {
  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);
  --sd-timer-stroke-background-width: 2px;
  stroke-linecap: round;
  height: 100%;
  width: 100%;
  transform: rotate(-90deg);
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  stroke-dashoffset: 0;
  fill: none;
  stroke-width: 4px;
}
.sd-timer__progress--animation {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
}
.sd-timer__text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 700;
  font-size: calc(var(--sd-timer-size)/144*32);
}
.sd-timer__text--major {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 700;
  font-size: calc(var(--sd-timer-size)/144*32);
}
.sd-timer__text--minor {
  color: var(--lbr-timer-text-color-secondary, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--lbr-font-default-size, var(--sjs-font-size, 16px));
  font-style: normal;
  font-weight: 600;
  line-height: var(--lbr-font-default-line-height, calc(1.5 * (var(--sjs-font-size, 16px))));
  margin-top: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header {
  position: relative;
  background-color: var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sv-header__overlap {
  padding-bottom: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sv-header__overlap ~ div .sd-body,
.sv-header__overlap ~ div .sv-body {
  margin-top: calc(-14*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sv-header__overlap {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sv-header__overlap ~ div .sd-body,
.sd-root-modern--mobile .sv-header__overlap ~ div .sv-body {
  margin-top: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__overlap.sv-header__without-background {
  margin-bottom: 0;
  padding-bottom: 0;
}
.sv-header__overlap.sv-header__without-background ~ div .sd-body,
.sv-header__overlap.sv-header__without-background ~ div .sv-body {
  margin-top: 0;
}
.sv-header__without-background .sv-header--mobile,
.sv-header__without-background .sv-header__content {
  padding-bottom: 0;
}
.sv-header__content {
  padding: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  height: 100%;
  position: relative;
  display: grid;
  gap: 0;
  grid-auto-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr 1fr 1fr;
}
.sv-header__content--static {
  max-width: calc(90*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
}
.sv-header__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  background-position-x: center;
}
.sv-header__background-image--contain {
  background-repeat: no-repeat;
}
.sv-header__cell {
  position: relative;
}
.sv-header__cell-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: max-content;
  top: 0;
  bottom: 0;
}
.sv-header__cell--left .sv-header__cell-content {
  left: 0;
}
.sv-header__cell--center .sv-header__cell-content {
  min-width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.sv-header__cell--right .sv-header__cell-content {
  right: 0;
}
.sv-header__logo {
  display: flex;
}
.sv-header__logo img {
  display: block;
}
.sv-header__title {
  display: flex;
}
.sv-header__title .sd-title {
  --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));
  font-size: var(--header-title-font-size);
  line-height: calc(1.25*(var(--header-title-font-size)));
  color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-headertitle-weight, 700);
  margin: 0;
}
.sv-header__logo ~ .sv-header__title {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__logo ~ .sv-header__description {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__title ~ .sv-header__description {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-header__description {
  display: flex;
}
.sv-header__description .sd-description {
  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));
  font-size: var(--header-description-font-size);
  line-height: calc(1.5*(var(--header-description-font-size)));
  color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-headerdescription-weight, 600);
  margin: 0;
}
.sv-header__content .sd-header__text h3 {
  margin: 0;
}
.sv-header--mobile {
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
  z-index: 1;
}
.sv-header--mobile .sv-header__logo img {
  max-width: 100%;
}
.sv-header__background-color--none .sv-header__title .sd-title,
.sv-header__background-color--custom .sv-header__title .sd-title {
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sv-header__background-color--none .sv-header__description .sd-description,
.sv-header__background-color--custom .sv-header__description .sd-description {
  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));
  font-size: var(--header-description-font-size);
  line-height: calc(1.5*(var(--header-description-font-size)));
  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
@keyframes rotationAnimation {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
.sd-loading-indicator {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-loading-indicator .sv-svg-icon {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  animation-name: rotationAnimation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}
sv-components-container,
.sd-components-container {
  display: flex;
}
.sv-components-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sv-components-column {
  display: flex;
  flex-direction: column;
}
.sv-components-column--expandable {
  flex-grow: 1;
}
.sv-components-row > .sv-components-column--expandable {
  width: 1px;
}
.sjs_sp_container {
  position: relative;
  max-width: 100%;
}
.sjs_sp_controls {
  position: absolute;
  left: 0;
  bottom: 0;
}
.sjs_sp_controls > button {
  -webkit-user-select: none;
  user-select: none;
}
.sjs_sp_container > div > canvas:focus {
  outline: none;
}
.sjs_sp_placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.sjs_sp_canvas {
  position: relative;
  max-width: 100%;
  display: block;
}
.sjs_sp__background-image {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.sd-root-modern,
.sd-container-modern {
  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-root-modern.sd-root-modern--mobile,
.sd-root-modern--mobile .sd-container-modern {
  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sjs-mobile-font-editorfont-size: Max(16px, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num {
  float: none;
  margin-inline-start: 0;
  width: auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-root-modern.sd-root-modern--mobile .sd-element__title-expandable-svg {
  inset-inline-start: calc(-2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {
  flex-direction: column;
}
.sd-root-modern.sd-root-modern--mobile .sd-header__text {
  min-width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__cell {
  display: block;
}
.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {
  padding-left: 0;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__item-container {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__item-title {
  max-width: none;
  border-right: none;
  width: 100%;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  margin: 0;
}
.sd-multipletext--mobile .sd-multipletext__item {
  flex-basis: 0;
  min-width: 0;
}
.sd-multipletext--mobile .sd-multipletext__item .sd-input {
  padding: 0;
  margin: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within {
  flex-direction: column;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title {
  padding: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {
  font-size: calc(0.75*(var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {
  flex-basis: auto;
  min-width: auto;
  width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input {
  width: 100%;
}
.sd-selectbase--mobile .sd-selectbase--multi-column {
  flex-direction: column;
}
.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
body {
  --sv-defaultV2-mark: true;
}
.sd-root-modern {
  -webkit-font-smoothing: antialiased;
  --sd-mobile-width: 600px;
  --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));
  width: 100%;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  position: relative;
}
@-moz-document url-prefix() {
  .sd-root-modern,
  .sd-root-modern * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
.sd-root-modern::-webkit-scrollbar,
.sd-root-modern *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
.sd-root-modern::-webkit-scrollbar-thumb,
.sd-root-modern *::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-root-modern::-webkit-scrollbar-track,
.sd-root-modern *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.sd-root-modern::-webkit-scrollbar-thumb:hover,
.sd-root-modern *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-root-modern form {
  position: relative;
}
.sd-root-modern--animation-disabled * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.sd-root-modern.sd-root-modern--full-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.sd-root-modern--mobile {
  --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-root-modern__wrapper {
  position: relative;
}
.sd-root-modern__wrapper--has-image {
  min-height: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {
  position: static;
  width: 100%;
  height: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {
  overflow: auto;
  width: 100%;
  max-height: 100%;
}
.sv-popup .sv-popup__scrolling-content {
  box-sizing: content-box;
}
@-moz-document url-prefix() {
  .sv-popup .sv-popup__scrolling-content,
  .sv-popup .sv-popup__scrolling-content * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-components-container-center {
  position: sticky;
  top: 0;
}
.sv-root--sticky-top .sv-components-container-center {
  z-index: 15;
}
.sv-root--sticky-top.sd-progress--pages .sv-components-container-center,
.sv-root--sticky-top.sd-progress--buttons .sv-components-container-center {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.sv-components-container-right,
.sv-components-container-left {
  width: fit-content;
}

/* node_modules/survey-creator-core/survey-creator-core.fontless.min.css */
/*!
 * SurveyJS Creator v1.12.60
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-context-container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  width: max-content;
}
.svc-context-button {
  display: flex;
  box-sizing: border-box;
  background-color: var(--ctr-survey-contextual-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-radius: var(--ctr-survey-contextual-button-corner-radius, 50%);
  width: var(--ctr-survey-contextual-button-width, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-contextual-button-height, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-survey-contextual-button-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  cursor: pointer;
  outline: none;
}
.svc-context-button .sv-svg-icon {
  --thm-button-contextual-button-icon-width: calc( var(--ctr-survey-contextual-button-width) - var(--ctr-survey-contextual-button-padding-right) - var(--ctr-survey-contextual-button-padding-left) );
  --thm-button-contextual-button-icon-height: calc( var(--ctr-survey-contextual-button-height) - var(--ctr-survey-contextual-button-padding-top) - var(--ctr-survey-contextual-button-padding-bottom) );
  width: var(--thm-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--thm-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-context-button use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.svc-context-button:hover use,
.svc-context-button:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-context-button--danger:hover use,
.svc-context-button--danger:focus use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-list {
  width: 100%;
  padding: var(--ctr-list-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-list-padding-right, 0) var(--ctr-list-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-list-padding-left, 0);
  margin: 0;
  overflow-y: auto;
  list-style-type: none;
  box-sizing: border-box;
}
.svc-list__item {
  width: 100%;
  outline: none;
}
.svc-list__item-body {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  text-align: start;
  color: var(--ctr-list-item-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  transition: color var(--sjs-creator-transition-duration, 150ms);
  --thm-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-list-item-padding-delta: var(--ctr-list-item-padding-left, var(--thm-list-item-padding-left-default));
  --thm-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--thm-list-item-padding-delta));
  display: flex;
  flex: 1 0 0;
  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--thm-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-item-padding-right, calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
  gap: var(--ctr-list-item-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-list-item-corner-radius, 0px);
  cursor: pointer;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-list__item-body > span,
.svc-list__item-body > sv-ng-string {
  flex: 1 0 0;
}
.svc-list__item:disabled,
.svc-list__item--disabled {
  opacity: var(--ctr-list-item-opacity-disabled, 0.25);
  pointer-events: none;
}
.svc-list__item:focus > .svc-list__item-body,
.svc-list__item:hover > .svc-list__item-body,
.svc-list__item--focused > .svc-list__item-body,
.svc-list__item--hovered > .svc-list__item-body {
  background: var(--ctr-list-item-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
  color: var(--ctr-list-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-list__item:focus > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item:hover > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--focused > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--hovered > .svc-list__item-body .svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item:focus > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item:hover > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--focused > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--hovered > .svc-list__item-body .svc-list-item__marker-icon use {
  fill: var(--ctr-list-item-submenu-arrow-color-hovered-item, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item--selected > .svc-list__item-body,
.svc-list__item--selected:hover > .svc-list__item-body,
.svc-list__item--selected:focus > .svc-list__item-body,
.svc-list__item.svc-list__item--selected:hover > .svc-list__item-body {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-list-item-text-color-selected, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-list__item--selected > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--selected:hover > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--selected:focus > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item.svc-list__item--selected:hover > .svc-list__item-body .svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-list__item--group-selected > .svc-list__item-body,
.svc-list__item--group-selected:hover > .svc-list__item-body,
.svc-list__item--group-selected:focus > .svc-list__item-body {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-list-item-text-color-selected-submenu, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background: var(--ctr-list-item-background-color-selected-submenu, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-list__item--group-selected > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--group-selected:hover > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--group-selected:focus > .svc-list__item-body .svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color-selected-submenu, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item--group-selected > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--group-selected:hover > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--group-selected:focus > .svc-list__item-body .svc-list-item__marker-icon use {
  fill: var(--ctr-list-item-submenu-arrow-color-selected-item-submenu, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item--with-icon > .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--thm-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-item-padding-right, calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-list__item--group > .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--thm-list-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-list__item--with-icon.svc-list__item--group > .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--thm-list-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-list__item--with-icon.svc-list__item--group .sv-popup-inner > .sv-popup__container {
  --thm-inner-popup-margin-top: calc(var(--ctr-list-item-padding-top) - var(--ctr-list-item-padding-top-with-icon) - var(--ctr-list-padding-top));
  --thm-inner-popup-margin-top-default: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: var(--thm-inner-popup-margin-top, var(--thm-inner-popup-margin-top-default, -4px));
}
.svc-list__item-separator {
  width: 100%;
  height: var(--ctr-separator-width, 1px);
  margin: var(--ctr-separator-margin-vertical-small, var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
  background-color: var(--ctr-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-list__item-icon {
  display: flex;
  width: var(--ctr-list-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list-item__marker-icon {
  display: flex;
  padding: var(--ctr-list-item-submenu-arrow-padding, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: flex-start;
  width: var(--ctr-list-item-submenu-arrow-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-submenu-arrow-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: content-box;
  justify-content: center;
}
.svc-list-item__marker-icon use {
  fill: var(--ctr-list-item-submenu-arrow-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list-item__marker-icon + * {
  --thm-list-item-gap: var(--ctr-list-item-gap, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-inline-start: calc(0px - var(--thm-list-item-gap));
}
.svc-list__container {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.svc-list__filter {
  display: flex;
  align-items: flex-start;
  align-items: center;
  gap: var(--ctr-list-search-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-list-search-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-start: var(--ctr-list-search-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--ctr-list-search-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-toolbox-search-corner-radius, 0px);
  border-bottom: var(--ctr-list-search-border-width-bottom, 1px) solid var(--ctr-list-search-border-color, rgba(0, 0, 0, 0.16));
}
.svc-list__filter-icon {
  opacity: var(--ctr-list-search-icon-opacity, 1);
  display: flex;
  width: var(--ctr-list-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
}
.svc-list__filter-icon .sv-svg-icon {
  width: var(--ctr-list-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-list__filter-icon use {
  fill: var(--ctr-list-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  background-color: rgba(0, 0, 0, 0);
  color: var(--ctr-list-search-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
}
.svc-list__input::placeholder {
  color: var(--ctr-list-search-text-color-placeholder, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.svc-list__filter-clear-button {
  display: flex;
  padding: var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  border-radius: var(--ctr-search-button-corner-radius, 1024px);
}
.svc-list__filter-clear-button:hover {
  background: var(--ctr-search-button-background-color-clear-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.svc-list__filter-clear-button:hover use {
  fill: var(--ctr-search-button-icon-color-clear-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-list__empty-container {
  padding: var(--ctr-list-padding-top-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-list-padding-right-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-list-padding-bottom-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-list-padding-left-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-list__empty-text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  color: var(--ctr-list-no-data-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sv-popup--overlay .svc-list-item__marker-icon {
  display: none;
}
.sv-popup--overlay .svc-list__item-body {
  pointer-events: none;
}
.sv-popup--overlay .svc-list__item--group-selected > .svc-list__item-body {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-popup--overlay .svc-list__item--group-selected > .svc-list__item-body use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
svc-tab-json-editor-ace {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.svc-json-editor-tab__ace-editor {
  height: 100%;
}
svc-tab-json-editor-textarea {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
}
.svc-json-editor-tab__content-area {
  font-family: var(--ctr-font-family-code, monospace);
  font-size: var(--ctr-font-code-size, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-code-line-height, 24px);
  color: var(--ctr-code-viewer-text-color, #505050);
  background: var(--ctr-code-viewer-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.svc-json-editor-tab__errros_button {
  position: absolute;
  top: 0%;
  right: calc(0% + 2*var(--sjs-base-unit, var(--base-unit, 8px)));
  min-height: calc(2.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  max-height: calc(2.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  border: none;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: bold;
}
.svc-json-editor-tab__content-errors {
  position: absolute;
  right: 0%;
  top: calc(0% + 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  max-width: calc(100% - 2*var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  background-image:
    linear-gradient(
      to bottom,
      transparent,
      var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-radius: 1px;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: monospace;
}
.svc-json-editor-tab__content-errors span {
  white-space: pre-line;
}
.svc-json-editor-tab__content-errors span > b {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-json-editor-tab__content-errors:empty {
  display: none;
}
.svc-json-errors {
  display: flex;
  max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px))*25 + 5px);
  overflow-y: auto;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-json-errors__item {
  pointer-events: none;
  display: block;
}
.svc-json-error {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  display: flex;
  align-items: center;
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-json-errors__item:not(:first-of-type) .svc-json-error {
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-json-error .sv-string-viewer {
  pointer-events: all;
  cursor: pointer;
}
.svc-json-error .sv-string-viewer:hover {
  text-decoration: underline;
}
.svc-json-error__icon {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
  width: var(--ctr-code-viewer-code-error-row-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-code-viewer-code-error-row-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-json-error__container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-json-error__title {
  flex: 1 1 auto;
}
.svc-json-error__fix-button {
  appearance: none;
  flex-grow: 0;
  flex-shrink: 0;
  pointer-events: all;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
  cursor: pointer;
}
.svc-json-error__fix-button svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: .75;
}
.svc-json-error__fix-button:hover svg {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svd-simulator {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  transform-origin: 0 0;
  top: 50%;
  left: 50%;
  transform: scale(1.26) translate(-50%, -50%);
  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svd-simulator-wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: var(--ctr-preview-device-corner-radius, 32px);
  border: var(--ctr-preview-device-border-width, 4px) solid var(--ctr-preview-device-border-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  background: var(--ctr-preview-device-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1), 0px 8px 16px 0px var(--ctr-preview-device-shadow-2-color, rgba(0, 0, 0, 0.05));
}
.svd-simulator-main {
  min-height: 100%;
}
.svd-simulator-main.svd-simulator-main--desktop {
  min-height: auto;
}
.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {
  height: 100%;
}
.svd-simulator-main.svd-simulator-main--frame {
  display: flex;
  align-items: center;
}
.svd-simulator-main:not(.svd-simulator-main--frame) {
  background-color: rgba(0, 0, 0, 0);
}
.svd-simulator-main .sd-root-modern {
  min-height: 100%;
}
.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {
  width: auto;
  right: 0;
}
.svd-simulator-content {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  position: relative;
}
.svd-simulator .sv-popup--overlay {
  --sv-popup-overlay-height: 100%;
}
svc-tab-test {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  gap: 0px;
}
.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
  margin: 0;
  border: 0;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
  border: 0;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
  width: calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 8px;
}
.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
  height: calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-test-tab__content-actions {
  position: relative;
}
.svc-test-tab__content-actions .sv-action-bar {
  padding: var(--ctr-preview-pager-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-padding-right, 0px) var(--ctr-preview-pager-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-padding-left, 0px);
  box-shadow: inset 0 var(--ctr-preview-pager-border-width-top, 1px) 0 0 var(--ctr-preview-pager-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-preview-pager-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  width: 100%;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
  left: 0;
  right: 0;
  justify-content: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
  padding: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
  margin: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item__title {
  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-test-tab__content-actions .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  width: 100%;
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}
.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: inline-block;
}
.svc-page-invisible .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-item-padding-right-with-label-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-invisible .svc-list-item__marker-icon {
  padding: 0;
  opacity: var(--ctr-list-item-icon-opacity-label, 0.5);
  width: var(--ctr-list-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-test-tab__content .sd-body--empty {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  text-align: center;
  overflow: hidden;
  position: static;
  display: flex;
  flex-direction: column;
}
.svc-preview-pager__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  max-width: 100%;
  padding: var(--ctr-preview-pager-item-padding-top-with-text, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-item-padding-right-with-text, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-item-padding-bottom-with-text, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-item-padding-left-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: center;
  align-items: center;
  border-radius: var(--ctr-preview-pager-item-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: rgba(0, 0, 0, 0);
}
.svc-preview-pager__item:hover {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item:disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-preview-pager__item.svc-preview-pager__item--pressed {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item.svc-preview-pager__item--active {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
}
.svc-preview-pager__item--icon {
  padding: var(--ctr-preview-pager-item-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-preview-pager__item--icon:hover {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item--icon:disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-preview-pager__item--icon:disabled use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.svc-preview-pager__item--icon.svc-preview-pager__item--pressed {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item--icon.svc-preview-pager__item--pressed use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-pressed, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.svc-preview-pager__item--icon.svc-preview-pager__item--active {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
}
.svc-preview-pager-item__icon {
  box-sizing: border-box;
  display: flex;
  width: var(--ctr-preview-pager-item-icon-container-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-preview-pager-item-icon-container-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-preview-pager-item-icon-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-icon-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-icon-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-icon-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
}
.svc-preview-pager-item__icon use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-preview-pager-item__title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-footer-bar .svc-preview-pager__item {
  --thm-menu-toolbar-button-gap: calc(var(--ctr-menu-toolbar-gap) / 2);
  margin: 0 var(--thm-menu-toolbar-button-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-footer-bar .svc-preview-pager-item__icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: content-box;
}
.svc-footer-bar .svc-preview-pager-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sl-table {
  width: 50%;
  margin: 0 25%;
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table__row {
  position: relative;
}
.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {
  margin-top: var(--ctr-collapse-button-margin-top, calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-right: var(--ctr-collapse-button-margin-right, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table .sl-table__detail-button.sl-table__detail-button {
  box-sizing: border-box;
  border-radius: var(--ctr-collapse-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-collapse-button-padding, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:focus:enabled {
  background-color: rgba(0, 0, 0, 0);
}
.sl-table .sl-table__detail-button.sl-table__detail-button use {
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled,
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key {
  background-color: var(--ctr-collapse-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  outline: none;
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use,
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key use {
  fill: var(--ctr-collapse-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sl-table .sl-table__detail-button.sl-table__detail-button .sv-action-bar-item__icon {
  width: var(--ctr-collapse-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-collapse-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table__remove-button .sv-action-bar-item {
  padding: var(--ctr-expression-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-right-icon-only, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-left-icon-only, var(--sjs-base-unit, var(--base-unit, 8px)));
  cursor: pointer;
  border: none;
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table__remove-button .sv-action-bar-item:focus:enabled {
  background-color: rgba(0, 0, 0, 0);
}
.sl-table__remove-button .sv-action-bar-item use {
  fill: var(--ctr-expression-item-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled,
.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key.sv-focused--by-key {
  background-color: var(--ctr-expression-item-background-color-remove-button-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
  outline: none;
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled use,
.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key.sv-focused--by-key use {
  fill: var(--ctr-expression-item-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.sl-table__remove-button .sv-action-bar-item .sv-action-bar-item__icon {
  width: var(--ctr-expression-item-icon-width, 24px);
  height: var(--ctr-expression-item-icon-height, 24px);
}
.sl-table__remove-button .sv-action-bar-item__icon {
  width: var(--ctr-survey-action-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-action-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table__cell .sv-action-bar-item__icon {
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,
.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {
  opacity: 1;
}
.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
  color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.sl-table .svc-action-button {
  padding: var(--ctr-survey-page-header-padding-vertical-with-button, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0px;
  margin-left: 0;
}
.sl-table__cell .svc-action-button,
.sl-table__cell .svc-action-button:hover,
.sl-table__cell .svc-action-button:focus,
.sl-table__cell .svc-action-button:hover:enabled,
.sl-table__cell .svc-action-button:focus:enabled {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  --thm-logic-header-max-height: var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, calcSize(4)));
  background: rgba(0, 0, 0, 0);
  outline: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  box-sizing: content-box;
  max-height: calc(3*var(--thm-logic-header-max-height));
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sl-table__cell {
  vertical-align: top;
  padding: 0;
  width: 100%;
}
.sl-table__row .sl-table__cell {
  --animation-padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table__cell--actions {
  position: absolute;
  width: max-content;
}
.sl-table__cell--actions:first-of-type {
  transform: translateX(-100%);
}
.sl-table__cell--detail-button {
  overflow: hidden;
  appearance: none;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.sl-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.sl-table thead th:first-child {
  position: absolute;
  left: 0;
  transform: translateX(-100%);
}
.sl-table thead th:last-child {
  position: absolute;
  right: 0;
  transform: translateX(100%);
}
.sl-table thead .sl-table__cell.st-table__cell--header {
  text-align: left;
}
.sl-table td:first-of-type,
.sl-table th:first-of-type {
  padding-left: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table td:first-of-type .sv-action-bar,
.sl-table th:first-of-type .sv-action-bar {
  justify-content: flex-end;
}
.sl-table td:last-of-type,
.sl-table th:last-of-type {
  padding-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-panel .sl-panel__footer {
  padding: 0;
}
.sl-panel .sl-panel__footer .sv-action {
  width: 100%;
}
.sl-panel .sl-panel__footer .sv-action__content {
  width: 100%;
}
.sl-panel .sl-panel__footer button.sl-panel__done-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  width: auto;
  margin: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0 0 0;
  color: var(--ctr-expression-item-text-color-button, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  background-color: var(--ctr-expression-item-background-color-button, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-expression-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-right-button, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-expression-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-left-button, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  align-items: center;
  vertical-align: baseline;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--sjs-creator-transition-duration, 150ms), color var(--sjs-creator-transition-duration, 150ms);
}
.sl-panel .sl-panel__footer button:hover:enabled {
  background-color: var(--ctr-expression-item-background-color-button-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  color: var(--ctr-expression-item-text-color-button-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.sl-panel .sl-panel__footer .sv-action-bar-item__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: inherit;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sl-element .sd-paneldynamic__buttons-container {
  padding: 0;
}
.sl-question {
  display: flex;
  align-items: center;
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-row {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}
.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {
  margin-top: 0;
}
.sl-row--multiple .sl-panel {
  padding-bottom: 0;
}
.sl-question__header--left {
  margin-right: var(--ctr-expression-items-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {
  overflow-x: auto;
  padding: 2px;
  margin: -2px;
}
.sl-question__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-expression-item-text-color-function, var(--sjs-general-forecolor, var(--foreground, #161616)));
  margin: 0;
}
.sl-question__title span + span {
  display: none;
}
.sl-row--multiple .sl-question {
  padding-right: var(--ctr-expression-items-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-logic-question-text-editor {
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic-question-value {
  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic_trigger-editor {
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic_trigger-editor .svc-logic-question-value {
  margin-top: 0;
}
.sv-popup.svc-property-editor .sl-row {
  flex-flow: nowrap;
}
.spg-comment.sl-comment {
  height: calc(17*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-body .sd-row--leave,
.sl-body .sd-row--enter {
  animation: none;
}
.sl-body .sd-element-wrapper--leave,
.sl-body .sd-element-wrapper--enter {
  animation: none;
}
.sl-body .sd-element__content--enter,
.sl-body .sd-element__content--leave {
  animation: none;
}
.sl-body .sd-paneldynamic__panel-wrapper--enter,
.sl-body .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.sl-body .sd-item--enter {
  animation: none;
}
.sl-body .sd-item--leave {
  animation: none;
}
.sl-body .sd-table__row--leave,
.sl-body .sd-table__row--enter {
  animation: none;
}
.sl-panel-wrapper--list.sl-panel-wrapper--leave,
.sl-panel-wrapper--list.sl-panel-wrapper--enter {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  min-height: 0 !important;
}
.sl-panel-wrapper--list.sl-panel-wrapper--enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: var(--sl-pd-list-fade-in-duration, 250ms), var(--sl-pd-list-move-in-duration, 150ms);
  animation-delay: var(--sl-pd-list-fade-in-delay, 150ms), 0s;
}
.sl-panel-wrapper--list.sl-panel-wrapper--leave {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sl-pd-list-fade-out-duration, 100ms), var(--sl-pd-list-move-out-duration, 250ms);
  animation-delay: 0s, var(--sl-pd-list-move-out-delay, 100ms);
}
.sl-table__row--leave,
.sl-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.sl-table__row--leave > td,
.sl-table__row--enter > td {
  animation-name: paddingFadeIn;
  animation-duration: var(--move-animation-duration);
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-fill-mode: forwards;
  animation-timing-function: var(--animation-timing-function);
}
.sl-table__row--leave > td > div,
.sl-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration:
    var(--fade-animation-duration),
    var(--move-animation-duration),
    var(--move-animation-duration);
  animation-delay:
    var(--fade-animation-delay),
    var(--move-animation-delay),
    var(--move-animation-delay);
}
.sl-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sl-table__row--leave {
  --move-animation-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sl-table__row--detail.sl-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sl-table__row--detail.sl-table__row--leave {
  --move-animation-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sl-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay:
    var(--sjs-sl-row-fade-in-delay, 150ms),
    0s,
    0s;
  animation-duration:
    var(--sjs-sl-row-fade-in-duration, 500ms),
    var(--sjs-sl-row-move-in-duration, 150ms),
    var(--sjs-sl-row-move-in-duration, 150ms);
}
.sl-row--delayed-enter {
  overflow: hidden;
  height: 0;
  animation-delay:
    calc(var(--sjs-sl-row-fade-in-delay, 150ms) + var(--sjs-sl-row-fade-in-animation-delay, 400ms)),
    var(--sjs-sl-row-fade-in-animation-delay, 400ms),
    var(--sjs-sl-row-fade-in-animation-delay, 400ms);
}
.sl-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay:
    0s,
    var(--sjs-sl-row-move-out-delay, 100ms),
    var(--sjs-sl-row-move-out-delay, 100ms);
  animation-duration:
    var(--sjs-sl-row-fade-out-duration, 150ms),
    var(--sjs-sl-row-move-out-duration, 250ms),
    var(--sjs-sl-row-move-out-duration, 250ms);
}
.sl-element-wrapper--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(--sjs-sl-element-fade-in-delay, 150ms), 0s;
  animation-duration: var(--sjs-sl-element-fade-in-duration, 500ms), var(--sjs-sl-element-move-in-duration, 150ms);
}
.sl-element-wrapper--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay: 0s, var(--sjs-sl-element-move-out-delay, 100ms);
  animation-duration: var(--sjs-sl-element-fade-out-duration, 150ms), var(--sjs-sl-element-move-out-duration, 250ms);
}
.svc-creator--disable-animations .sl-row--enter,
.svc-creator--disable-animations .sl-row--leave,
.svc-creator--disable-animations .sl-element-wrapper--enter,
.svc-creator--disable-animations .sl-element-wrapper--leave,
.svc-creator--disable-animations .sl-table__row--enter,
.svc-creator--disable-animations .sl-table__row--leave,
.svc-creator--disable-animations .sl-panel-wrapper--leave,
.svc-creator--disable-animations .sl-panel-wrapper--enter {
  animation: none;
}
.svc-tab-translation {
  width: 100%;
  height: 100%;
  background-color: var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-translation-tab {
  --sjs-transition-duration: 0ms;
}
.svc-translation-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  gap: 0px;
}
.st-properties {
  background-color: var(--ctr-property-grid-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  flex-grow: 1;
  padding-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__cell:first-of-type {
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__cell:nth-of-type(2) {
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__question-wrapper {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--ctr-checkbox-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {
  margin: 0;
}
.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {
  gap: 0;
}
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__caption {
  color: var(--ctr-checkbox-text-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {
  border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, rgba(0, 0, 0, 0.16));
  background: var(--ctr-checkbox-background-color-disabled, #f3f3f3);
}
.st-properties .spg-matrixdynamic__dragged-row {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-checkbox-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.st-properties .spg-matrixdynamic__dragged-row .spg-table__cell:nth-child(3) {
  flex: 1;
}
.st-content {
  display: flex;
  height: 100%;
}
.st-strings {
  overflow-y: auto;
  overflow-x: hidden;
}
.st-strings-wrapper {
  flex-grow: 1;
}
.st-property-panel {
  flex-shrink: 0;
  flex-grow: 0;
  width: 450px;
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.st-property-panel .spg-panel__content .spg-row {
  margin-top: 0;
}
.st-property-panel .spg-panel__content .spg-row:first-child {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-strings-header .st-table__cell {
  background-color: var(--ctr-string-table-header-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  height: auto;
}
.st-root-modern {
  width: 100%;
  height: fit-content;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--ctr-string-table-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.st-title.st-panel__title,
.st-table__cell.st-table__cell--header {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  text-align: left;
}
.st-table__cell.st-table__cell--header {
  color: var(--ctr-string-table-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.st-title.st-panel__title {
  margin: 0;
  color: var(--ctr-string-table-group-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  background-color: var(--ctr-string-table-group-header-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));
  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  padding: var(--ctr-string-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-right, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.st-table tr {
  display: flex;
  align-items: stretch;
}
.st-table__cell {
  display: block;
  flex: 1 1;
  box-sizing: border-box;
  background-color: var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
td.st-table__cell:first-of-type {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-string-table-row-text-color-title, var(--sjs-general-forecolor, var(--foreground, #161616)));
  max-width: 300px;
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
td.st-table__cell:first-of-type span {
  display: inline-block;
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-panel-indent .st-table__cell:first-of-type span {
  padding-left: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.st-comment {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: block;
  width: calc(100% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  border: unset;
  outline: none;
  background-color: var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-string-table-row-text-color-title, var(--sjs-general-forecolor, var(--foreground, #161616)));
  resize: none;
  padding: 0;
}
.sd-translation-line-skeleton {
  min-height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.st-navigation-btn {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  padding-left: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
}
.st-navigation-btn .sd-action__icon {
  margin-left: 0;
}
.st-navigation-btn.sd-action--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):hover,
.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.st-navigation-btn.sd-action--icon svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-translation-machine {
  margin-right: auto;
}
.st-translation-machine-from {
  margin-right: auto;
}
.st-translation-machine-from__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.st-translation-machine-from__container--disabled {
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-translation-machine-from__btn {
  flex-direction: row-reverse;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
}
.st-translation-machine-from__btn .sd-action__icon {
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: 0;
}
.st-translation-machine-from__btn.sd-action--pressed:not(.sd-action--active) {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.st-translation-machine-from__btn:disabled {
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
}
.st-translation-machine-from__btn:disabled .sd-action__title,
.st-translation-machine-from__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.st-body__footer {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
}
.st-translation-dialog .st-strings-wrapper {
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
  overflow: hidden;
}
.st-container-modern .sv-components-column--expandable {
  width: auto;
}
.st-body .sd-row--leave,
.st-body .sd-row--enter {
  animation: none;
}
.st-body .sd-element-wrapper--leave,
.st-body .sd-element-wrapper--enter {
  animation: none;
}
.st-body .sd-element__content--enter,
.st-body .sd-element__content--leave {
  animation: none;
}
.st-body .sd-paneldynamic__panel-wrapper--enter,
.st-body .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.st-body .sd-item--enter {
  animation: none;
}
.st-body .sd-item--leave {
  animation: none;
}
.st-body .sd-table__row--leave,
.st-body .sd-table__row--enter {
  animation: none;
}
.svc-tab-logic-edit {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-logic-edit__content {
  height: calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)));
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 16%;
  padding-right: 16%;
}
.svc-tab-logic-edit__content .sd-row {
  flex-wrap: wrap;
}
.svc-logic_trigger-editor .sd-row {
  margin-top: 0;
}
.svc-tab-logic-edit__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
}
.svc-logic-paneldynamic div.svc-logic-operator {
  box-sizing: content-box;
  max-width: calc(40*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-paneldynamic .svc-logic-operator {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-expression-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-expression-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border: none;
  outline: none;
  cursor: pointer;
}
.svc-logic-paneldynamic .svc-logic-operator option {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-logic-operator:focus {
  outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-logic-operator.svc-logic-operator {
  transition: background-color var(--sjs-creator-transition-duration, 150ms), color var(--sjs-creator-transition-duration, 150ms);
}
.svc-logic-operator.svc-logic-operator:hover,
.svc-logic-operator.svc-logic-operator:focus {
  color: var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  outline: none;
  box-shadow: none;
}
.svc-logic-operator.svc-logic-operator--question {
  background-color: var(--ctr-expression-item-background-color-parameter, var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1))));
  color: var(--ctr-expression-item-text-color-parameter-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--question:hover,
.svc-logic-operator.svc-logic-operator--question:focus {
  background-color: var(--ctr-expression-item-background-color-parameter-hovered, var(--sjs-special-blue, #437fd9));
  color: var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-logic-operator.svc-logic-operator--conjunction {
  background-color: var(--ctr-expression-item-background-color-conjunction, var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))));
  color: var(--ctr-expression-item-text-color-conjunction-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--conjunction:hover,
.svc-logic-operator.svc-logic-operator--conjunction:focus {
  background-color: var(--ctr-expression-item-background-color-conjunction-hovered, var(--sjs-special-yellow, var(--yellow, #ff9814)));
  color: var(--ctr-expression-item-text-color-conjunction-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-logic-operator.svc-logic-operator--operator {
  background-color: var(--ctr-expression-item-background-color-operator, var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))));
  color: var(--ctr-expression-item-text-color-operator-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--operator:hover,
.svc-logic-operator.svc-logic-operator--operator:focus {
  background-color: var(--ctr-expression-item-background-color-operator-hovered, var(--sjs-special-yellow, var(--yellow, #ff9814)));
  color: var(--ctr-expression-item-text-color-operator-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-logic-operator.svc-logic-operator--action {
  background-color: var(--ctr-expression-item-background-color-action, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
  color: var(--ctr-expression-item-text-color-action-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--action:hover,
.svc-logic-operator.svc-logic-operator--action:focus {
  background-color: var(--ctr-expression-item-background-color-action-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
  color: var(--ctr-expression-item-text-color-action-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-logic-operator--action.sl-paneldynamic__add-btn,
.svc-logic-operator--operator.sl-paneldynamic__add-btn {
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic-operator--action.sl-paneldynamic__add-btn {
  color: var(--ctr-expression-item-text-color-action, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-operator--operator.sl-paneldynamic__add-btn {
  color: var(--ctr-expression-item-text-color-operator, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--question {
  color: var(--ctr-expression-item-text-color-parameter, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--conjunction {
  color: var(--ctr-expression-item-text-color-conjunction, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--operator {
  color: var(--ctr-expression-item-text-color-operator, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--action {
  color: var(--ctr-expression-item-text-color-action, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-operator.svc-logic-operator--error {
  background-color: var(--ctr-expression-item-background-color-parameter-error, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-expression-item-text-color-parameter-error, var(--sjs-special-red, var(--red, #e60a3e)));
  box-shadow: inset 0 0 0 2px var(--ctr-expression-item-text-color-parameter-error, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-logic-operator__error {
  display: none;
}
.svc-logic-paneldynamic .sd-paneldynamic__separator {
  display: none;
}
.svc-action-button--icon.svc-icon-remove {
  display: none;
  padding: var(--ctr-expression-item-padding-top, 8px) var(--ctr-expression-item-padding-right-icon-only, 8px) var(--ctr-expression-item-padding-bottom, 8px) var(--ctr-expression-item-padding-left-icon-only, 8px);
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background: none;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
}
.svc-action-button--icon.svc-icon-remove .sv-svg-icon {
  width: var(--ctr-expression-item-icon-width, 24px);
  height: var(--ctr-expression-item-icon-height, 24px);
}
.svc-action-button--icon.svc-icon-remove use {
  fill: var(--ctr-expression-item-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-action-button--icon.svc-icon-remove:focus,
.svc-action-button--icon.svc-icon-remove:hover {
  background-color: var(--ctr-expression-item-background-color-remove-button-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.svc-action-button--icon.svc-icon-remove.svc-action-button--disabled {
  fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sl-panel-wrapper--in-row:hover .svc-icon-remove,
.sl-panel-wrapper--in-row:focus-within .svc-icon-remove {
  display: flex;
}
.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}
.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}
.svc-logic-tab__content {
  --sjs-transition-duration: 0ms;
}
.svc-logic-tab__content.svc-logic-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  gap: 0px;
}
.svc-logic-tab__content.svc-logic-tab--empty .svc-logic-tab__content-action {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-logic-tab__content .svc-logic-tab__content-action {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: var(--ctr-surface-gap, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-bottom: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled {
  cursor: default;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus,
.svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
  background-color: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-btn__text {
  color: var(--ctr-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-button-text-opacity-disabled, 0.25);
}
.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
  margin-top: 0;
  align-items: start;
}
.svc-logic-tab__content-empty .svc-btn__text {
  color: var(--ctr-surface-placeholder-text-description-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-paneldynamic .sd-row--multiple {
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.svc-logic-paneldynamic .sd-question__content {
  margin-top: 0;
}
.svc-logic-paneldynamic .sd-row__panel {
  width: calc(100% - 5*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {
  margin-top: 0;
  flex-flow: row wrap;
}
.sl-table__cell.sd-table__cell-action--show-detail use {
  fill: var(--ctr-collapse-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sl-table__cell--detail-panel {
  padding: 0;
}
.sl-table__cell--detail-panel .sd-body {
  margin: 0;
  min-width: none;
  max-width: none;
}
.sl-table__cell--detail-panel .sd-page.sd-body__page {
  padding: 0;
}
.sl-table__cell--detail-panel .sl-panel__footer {
  margin: 0;
}
.sl-dropdown {
  max-width: 45vw;
}
.sl-dropdown__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.svc-logic-placeholder {
  width: calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--overlay .svc-logic-placeholder {
  width: initial;
}
.svc-logic-placeholder__text.svc-logic-placeholder__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  text-align: center;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  display: block;
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__leave-apply-button {
  background-color: var(--ctr-button-background-color-danger, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-logic-question-value.sd-element--with-frame {
  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px) var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px) var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));
}
svc-tab-designer {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-designer {
  display: flex;
  flex-grow: 1;
  height: 100%;
  flex-direction: column;
  position: static;
  background: var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  width: 0;
}
.svc-tab-designer--with-placeholder .svc-designer-header {
  min-width: calc(84*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-content-wrapper {
  width: 100%;
  display: flex;
}
.svc-designer-header .svc-surface-header {
  background-color: rgba(0, 0, 0, 0);
  padding-inline-start: var(--lbr-header-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-survey-header-padding-right-logo-placeholder, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-start: var(--lbr-header-padding-top, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--lbr-page-header-padding-bottom, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-surface-header .sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--ctr-survey-header-text-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-surface-header .sd-description {
  color: var(--ctr-survey-header-text-description-color-placeholder, #909090);
}
.svc-tab-designer .svc-designer-header {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  position: relative;
}
.svc-tab-designer .sd-title {
  display: flex;
}
.svc-tab-designer .sd-container-modern {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--static {
  max-width: calc(84*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
  max-width: initial;
}
.svc-tab-designer .sd-question.sd-question--image {
  width: 100%;
}
.svc-tab-designer .sd-progress,
.svc-tab-designer .sd-progress__bar {
  background-color: rgba(0, 0, 0, 0);
}
.svc-tab-designer_content {
  padding-inline-start: var(--ctr-survey-page-margin-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-survey-page-margin-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-tab-designer--with-placeholder .svc-tab-designer_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
}
.svc-tab-designer--with-surface-tools .svc-tab-designer_content {
  padding-inline-start: var(--ctr-survey-page-margin-right-with-toolbar, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-survey-page-margin-left-with-toolbar, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator--mobile .svc-tab-designer_content {
  padding: 0;
}
.svc-designer__placeholder-container {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.svc-designer__placeholder-container .sd-page {
  display: none;
}
.svc-designer-placeholder-page .svc-page__footer {
  margin: auto;
}
.svc-designer-placeholder-page .svc-row--ghost {
  display: none;
}
.svc-designer-placeholder-page .svc-element__add-new-question {
  padding: var(--ctr-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-contextual-button, calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector {
  padding: var(--ctr-button-contextual-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin: var(--ctr-button-contextual-button-margin-vertical, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-margin-horizontal, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-button-contextual-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector-icon {
  width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector-icon .sv-svg-icon {
  width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector-icon use {
  fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-add-new-item-button__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  text-align: center;
}
.svc-tab-designer__tools {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--ctr-surface-toolbar-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-direction: column;
  align-items: center;
}
.svc-creator__toolbox--right .svc-tab-designer__tools,
[dir=rtl] .svc-tab-designer__tools,
[style*="direction:rtl"] .svc-tab-designer__tools,
[style*="direction: rtl"] .svc-tab-designer__tools {
  right: unset;
  left: 0;
}
.svc-tab-designer__toolbar {
  display: flex;
  flex-direction: column;
}
.svc-tab-designer__surface-toolbar {
  gap: var(--ctr-surface-toolbar-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-direction: column;
}
.svc-tab-designer__surface-toolbar .sv-action-bar-separator {
  height: var(--ctr-separator-width, 1px);
  width: var(--ctr-page-navigator-button-icon-width, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: 0px var(--ctr-separator-margin-vertical-small, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-bottom: var(--ctr-surface-toolbar-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-right: 0;
}
.svc-tab-designer__surface-toolbar .sv-action__content {
  flex-direction: column;
}
.sv-action-bar-separator {
  background: var(--ctr-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-creator--mobile .sd-root-modern,
.svc-creator--mobile .sd-container-modern {
  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) .sd-question__content {
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) .sd-question__content .sd-selectbase__column {
  max-width: initial;
  display: block;
  margin-left: 0;
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + 6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__drag-area {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
  bottom: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-page {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content {
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.svc-creator--mobile .svc-page__content .sd-page__title {
  margin: 0;
}
.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
  margin: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;
}
.svc-creator--mobile .svc-page__footer {
  margin-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-designer-placeholder-page .svc-page__footer {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer {
  justify-content: initial;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
  padding: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-direction: column-reverse;
  align-items: flex-start;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-container-modern {
  padding: 0;
}
.svc-creator--mobile .svc-properties-wrapper {
  width: 100%;
}
.svc-creator--mobile .svc-question__content-actions {
  width: calc(100% + 3*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-creator--mobile .svc-question__content-actions .svc-survey-element-toolbar__item {
  border: 0;
}
.svc-creator--mobile .svc-page__content-actions .svc-page-toolbar {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content-actions .svc-page-toolbar .sv-action .sv-action__content {
  padding-right: 0;
}
.svc-creator--mobile .svc-page-toolbar-item__title--with-icon {
  display: none;
}
.svc-switcher.spg-action-button {
  align-items: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  pointer-events: auto;
}
.svc-switcher__title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-property-grid-switcher-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-switcher__icon {
  width: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  transition-duration: .2s;
  transition-property: background;
  transition-timing-function: linear;
}
.svc-switcher__icon:hover {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-switcher__icon:focus {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-switcher__icon:hover:focus {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-switcher__icon--checked,
.svc-switcher__icon--checked:hover {
  justify-content: center;
  align-items: center;
  border: unset;
  border-radius: 100px;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-switcher__icon--checked:focus {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.svc-switcher__icon-thumb {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  transform: translateX(0);
  margin-left: 0%;
  transition-duration: .2s;
  transition-property:
    margin-left,
    transform,
    background-color;
  transition-timing-function: linear;
}
.svc-switcher__icon--checked .svc-switcher__icon-thumb {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  margin-left: 100%;
  transform: translateX(-100%);
}
.svc-switcher__icon:focus .svc-switcher__icon-thumb,
.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,
.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-notifier.svc-notifier--shown {
  visibility: visible;
  opacity: var(--ctr-notification-opacity, 0.75);
}
.svc-notifier {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  position: absolute;
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
  background: var(--ctr-notification-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  opacity: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--ctr-notification-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  min-width: calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  z-index: 1600;
  visibility: hidden;
}
.svc-notifier.svc-notifier--error {
  background-color: var(--ctr-notification-background-color-error, var(--sjs-special-red, var(--red, #e60a3e)));
  color: var(--ctr-notification-text-color-error, var(--sjs-special-red-forecolor, #ffffff));
  opacity: var(--ctr-notification-opacity-error, 1);
}
.svc-creator--mobile .svc-notifier {
  left: 0;
  bottom: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
  opacity: 1;
  z-index: 1000;
}
.svc-creator-popup.sv-popup--modal {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
}
.svc-creator-popup.sv-popup--modal > .sv-popup__container {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));
  border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));
  box-shadow:
    var(--ctr-popup-shadow-1-offset-x, 0px) var(--ctr-popup-shadow-1-offset-y, 2px) var(--ctr-popup-shadow-1-blur, 8px) var(--ctr-popup-shadow-1-spread, 0px) var(--ctr-popup-shadow-1-color, rgba(0, 76, 68, 0.1)),
    var(--ctr-popup-shadow-2-offset-x, 0px) var(--ctr-popup-shadow-2-offset-y, 16px) var(--ctr-popup-shadow-2-blur, 32px) var(--ctr-popup-shadow-2-spread, 0px) var(--ctr-popup-shadow-2-color, rgba(0, 76, 68, 0.1)),
    var(--ctr-popup-shadow-3-offset-x, 0px) var(--ctr-popup-shadow-3-offset-y, 32px) var(--ctr-popup-shadow-3-blur, 64px) var(--ctr-popup-shadow-3-spread, 0px) var(--ctr-popup-shadow-3-color, rgba(0, 76, 68, 0.1));
}
.svc-creator-popup.sv-popup--modal > .sv-popup__container .sv-footer-action-bar {
  gap: var(--ctr-popup-buttons-gap, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator-popup.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));
  border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));
  padding: var(--ctr-popup-padding-top, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-right, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-bottom, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-left, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  gap: var(--ctr-popup-gap, 32px);
  box-shadow: unset;
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__scrolling-content {
  height: auto;
}
.svc-creator-popup.sv-popup--overlay.sv-popup--tablet {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
}
.svc-creator-popup.sv-popup--overlay {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
}
.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__button.sv-popup__button {
  background-color: var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border: 2px solid var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  color: var(--ctr-button-text-color-cta, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-creator-popup .sv-popup__pointer:after {
  content: " ";
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--ctr-popup-menu-pointer-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-creator-popup .sv-popup__container {
  background-color: rgba(0, 0, 0, 0);
  border-radius: var(--ctr-popup-menu-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: var(--ctr-popup-menu-shadow-1-offset-x, 0px) var(--ctr-popup-menu-shadow-1-offset-y, 2px) var(--ctr-popup-menu-shadow-1-blur, 6px) var(--ctr-popup-menu-shadow-1-spread, 0px) var(--ctr-popup-menu-shadow-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-popup-menu-shadow-2-offset-x, 0px) var(--ctr-popup-menu-shadow-2-offset-y, 8px) var(--ctr-popup-menu-shadow-2-blur, 16px) var(--ctr-popup-menu-shadow-2-spread, 0px) var(--ctr-popup-menu-shadow-2-color, rgba(0, 0, 0, 0.1));
}
.svc-creator-popup .sv-popup__body-header {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  color: var(--ctr-popup-title-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-creator-popup.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content,
.svc-creator-popup .sv-popup__body-content {
  border-radius: var(--ctr-popup-menu-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator-popup.svc-property-editor.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-radius: calc(4*(var(--ctr-popup-menu-corner-radius, 4px))) calc(4*(var(--ctr-popup-menu-corner-radius, 4px))) 0px 0px;
}
.svc-creator-popup.sv-popup--dropdown .sv-popup__body-content,
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__body-content {
  background-color: var(--ctr-popup-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  padding: 0;
}
.svc-creator-popup.sv-popup--dropdown.svc-toolbox-subtypes .sv-popup__body-content {
  background: unset;
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-actionbar-button-padding-top-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-right-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-bottom-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-left-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {
  background-color: var(--ctr-popup-menu-footer-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-top: 1px solid var(--ctr-popup-menu-footer-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  padding: var(--ctr-popup-menu-footer-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-popup-menu-footer-padding-right, 0) var(--ctr-popup-menu-footer-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-popup-menu-footer-padding-left, 0);
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button:disabled {
  color: var(--ctr-actionbar-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);
}
.svc-creator-popup.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {
  background-color: var(--ctr-contextual-menu-footer-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-creator-popup .sv-popup__content {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-popup-message-color, #404040);
}
.svc-creator-popup.sv-popup--modal .sd-btn.sv-popup__button {
  border-radius: var(--ctr-button-corner-radius-small, var(--sjs-corner-radius, 4px));
  padding: var(--ctr-button-padding-vertical-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-small, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-vertical-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-small, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  flex-direction: row;
  gap: var(--ctr-button-gap, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15));
}
.svc-creator-popup.sv-popup--modal .sd-btn.sv-popup__button span {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svc-creator-popup.sv-popup--modal .sv-popup__button {
  background: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-creator-popup.sv-popup--modal .sv-popup__button:hover {
  background: var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
}
.svc-creator-popup.sv-popup--modal .sv-popup__button--apply {
  background: var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  color: var(--ctr-button-text-color-cta, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-creator-popup.sv-popup--modal .sv-popup__button--apply:hover {
  background: var(--ctr-button-background-color-cta-hovered, var(--sjs-primary-backcolor-dark, rgb(20, 164, 139)));
}
.svc-creator-popup.sv-popup--modal .sd-btn--danger {
  background: var(--ctr-button-background-color-danger, var(--sjs-special-red, var(--red, #e60a3e)));
  color: var(--ctr-button-text-color-danger, var(--sjs-special-red-forecolor, #ffffff));
}
.svc-creator-popup.sv-popup--modal .sd-btn--danger:hover {
  background: var(--ctr-button-background-color-danger-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-surface-placeholder {
  display: flex;
  width: 100%;
  max-width: var(--ctr-surface-placeholder-max-width, 720px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.svc-creator--mobile .svc-surface-placeholder {
  padding: var(--ctr-surface-placeholder-padding-top, 0px) var(--ctr-surface-placeholder-padding-right, 48px) var(--ctr-surface-placeholder-padding-bottom, 0px) var(--ctr-surface-placeholder-padding-left, 48px);
}
.svc-creator--mobile .svc-surface-placeholder__text {
  padding: var(--ctr-surface-placeholder-text-margin-top, 32px) var(--ctr-surface-placeholder-text-margin-right, 32px) var(--ctr-surface-placeholder-text-margin-bottom, 24px) var(--ctr-surface-placeholder-text-margin-left, 32px);
}
.svc-surface-placeholder__image {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  padding: 135px 170px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
}
.svc-surface-placeholder__image--designer {
  background: url(data:image/png;base64,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) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--preview {
  background: url(data:image/png;base64,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) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--theme {
  background: url(data:image/png;base64,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) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--logic {
  background: url(data:image/png;base64,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) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--translation {
  background: url(data:image/png;base64,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) 50%/contain no-repeat;
}
.svc-surface-placeholder__text {
  padding: var(--ctr-surface-placeholder-text-margin-top, 32px) 0px var(--ctr-surface-placeholder-text-margin-bottom, 24px) 0px;
  display: flex;
  flex-direction: column;
  gap: var(--ctr-surface-placeholder-text-gap, 8px);
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  width: 100%;
}
.svc-surface-placeholder__title {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  color: var(--ctr-surface-placeholder-text-title-color, rgba(0, 0, 0, 0.91));
  text-align: center;
  align-self: stretch;
}
.svc-surface-placeholder__description {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-surface-placeholder-text-description-color, rgba(0, 0, 0, 0.45));
  text-align: center;
  align-self: stretch;
}
.svc-designer__placeholder-container {
  padding-bottom: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab--empty > :last-child {
  margin-bottom: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-test-tab--empty .svc-surface-placeholder,
.svc-translation-tab--empty .svc-surface-placeholder {
  padding-bottom: calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-designer__placeholder-container {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-logic-tab--empty > :last-child {
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-test-tab--empty .svc-surface-placeholder,
.svc-creator--mobile .svc-translation-tab--empty .svc-surface-placeholder {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator {
  --lbr-line-height-x8: calc(var(--lbr-line-height-unit, 8px) * 8);
  --lbr-line-height-x7: calc(var(--lbr-line-height-unit, 8px) * 7);
  --lbr-line-height-x6: calc(var(--lbr-line-height-unit, 8px) * 6);
  --lbr-line-height-x5: calc(var(--lbr-line-height-unit, 8px) * 5);
  --lbr-line-height-x4: calc(var(--lbr-line-height-unit, 8px) * 4);
  --lbr-line-height-x3: calc(var(--lbr-line-height-unit, 8px) * 3);
  --lbr-line-height-x2: calc(var(--lbr-line-height-unit, 8px) * 2);
  --lbr-line-height-x150: calc(var(--lbr-line-height-unit, 8px) * 1.5);
  --lbr-line-height-x1: calc(var(--lbr-line-height-unit, 8px) * 1);
  --lbr-font-size-x8: calc(var(--lbr-font-unit, 8px) * 8);
  --lbr-font-size-x7: calc(var(--lbr-font-unit, 8px) * 7);
  --lbr-font-size-x6: calc(var(--lbr-font-unit, 8px) * 6);
  --lbr-font-size-x5: calc(var(--lbr-font-unit, 8px) * 5);
  --lbr-font-size-x4: calc(var(--lbr-font-unit, 8px) * 4);
  --lbr-font-size-x3: calc(var(--lbr-font-unit, 8px) * 3);
  --lbr-font-size-x2: calc(var(--lbr-font-unit, 8px) * 2);
  --lbr-font-size-x1: calc(var(--lbr-font-unit, 8px) * 1);
  --lbr-font-size-x150: calc(var(--lbr-font-unit, 8px) * 1.5);
}
.svc-creator {
  --lbr-spacing-x16: calc(var(--lbr-spacing-unit, 8px) * 16);
  --lbr-spacing-x15: calc(var(--lbr-spacing-unit, 8px) * 15);
  --lbr-spacing-x14: calc(var(--lbr-spacing-unit, 8px) * 14);
  --lbr-spacing-x13: calc(var(--lbr-spacing-unit, 8px) * 13);
  --lbr-spacing-x12: calc(var(--lbr-spacing-unit, 8px) * 12);
  --lbr-spacing-x11: calc(var(--lbr-spacing-unit, 8px) * 11);
  --lbr-spacing-x1050: calc(var(--lbr-spacing-unit, 8px) * 10.5);
  --lbr-spacing-x10: calc(var(--lbr-spacing-unit, 8px) * 10);
  --lbr-spacing-x9: calc(var(--lbr-spacing-unit, 8px) * 9);
  --lbr-spacing-x850: calc(var(--lbr-spacing-unit, 8px) * 8.5);
  --lbr-spacing-x8: calc(var(--lbr-spacing-unit, 8px) * 8);
  --lbr-spacing-x7: calc(var(--lbr-spacing-unit, 8px) * 7);
  --lbr-spacing-x6: calc(var(--lbr-spacing-unit, 8px) * 6);
  --lbr-spacing-x5: calc(var(--lbr-spacing-unit, 8px) * 5);
  --lbr-spacing-x4: calc(var(--lbr-spacing-unit, 8px) * 4);
  --lbr-spacing-x350: calc(var(--lbr-spacing-unit, 8px) * 3.5);
  --lbr-spacing-x3: calc(var(--lbr-spacing-unit, 8px) * 3);
  --lbr-spacing-x2: calc(var(--lbr-spacing-unit, 8px) * 2);
  --lbr-spacing-x1: calc(var(--lbr-spacing-unit, 8px) * 1);
  --lbr-spacing-x0375: calc(var(--lbr-spacing-unit, 8px) * 0.375);
  --lbr-spacing-x05: calc(var(--lbr-spacing-unit, 8px) * 0.5);
  --lbr-spacing-x250: calc(var(--lbr-spacing-unit, 8px) * 2.5);
  --lbr-spacing-x150: calc(var(--lbr-spacing-unit, 8px) * 1.5);
  --lbr-spacing-x125: calc(var(--lbr-spacing-unit, 8px) * 1.25);
  --lbr-spacing-x075: calc(var(--lbr-spacing-unit, 8px) * 0.75);
  --lbr-spacing-x025: calc(var(--lbr-spacing-unit, 8px) * 0.25);
  --lbr-spacing-x0125: calc(var(--lbr-spacing-unit, 8px) * 0.125);
  --lbr-spacing-x025n: calc(var(--lbr-spacing-unit, 8px) * -0.25);
  --lbr-spacing-x05n: calc(var(--lbr-spacing-unit, 8px) * -0.5);
  --lbr-spacing-x1n: calc(var(--lbr-spacing-unit, 8px) * -1);
  --lbr-spacing-x150n: calc(var(--lbr-spacing-unit, 8px) * -1.5);
  --lbr-spacing-x2n: calc(var(--lbr-spacing-unit, 8px) * -2);
  --lbr-spacing-x250n: calc(var(--lbr-spacing-unit, 8px) * -2.5);
  --lbr-spacing-x3n: calc(var(--lbr-spacing-unit, 8px) * -3);
  --lbr-spacing-x4n: calc(var(--lbr-spacing-unit, 8px) * -4);
  --lbr-spacing-x5n: calc(var(--lbr-spacing-unit, 8px) * -5);
  --lbr-spacing-x6n: calc(var(--lbr-spacing-unit, 8px) * -6);
  --lbr-spacing-x7n: calc(var(--lbr-spacing-unit, 8px) * -7);
  --lbr-spacing-x8n: calc(var(--lbr-spacing-unit, 8px) * -8);
  --lbr-corner-radius-x0125: calc(var(--lbr-corner-radius-unit, 8px) * 0.125);
  --lbr-corner-radius-x025: calc(var(--lbr-corner-radius-unit, 8px) * 0.25);
  --lbr-corner-radius-x0375: calc(var(--lbr-corner-radius-unit, 8px) * 0.375);
  --lbr-corner-radius-x05: calc(var(--lbr-corner-radius-unit, 8px) * 0.5);
  --lbr-corner-radius-x075: calc(var(--lbr-corner-radius-unit, 8px) * 0.75);
  --lbr-corner-radius-x1: calc(var(--lbr-corner-radius-unit, 8px) * 1);
  --lbr-corner-radius-x125: calc(var(--lbr-corner-radius-unit, 8px) * 1.25);
  --lbr-corner-radius-x150: calc(var(--lbr-corner-radius-unit, 8px) * 1.5);
  --lbr-corner-radius-x2: calc(var(--lbr-corner-radius-unit, 8px) * 2);
  --lbr-corner-radius-x250: calc(var(--lbr-corner-radius-unit, 8px) * 2.5);
  --lbr-corner-radius-x3: calc(var(--lbr-corner-radius-unit, 8px) * 3);
  --lbr-corner-radius-x350: calc(var(--lbr-corner-radius-unit, 8px) * 3.5);
  --lbr-corner-radius-x4: calc(var(--lbr-corner-radius-unit, 8px) * 4);
  --lbr-corner-radius-x5: calc(var(--lbr-corner-radius-unit, 8px) * 5);
  --lbr-corner-radius-x6: calc(var(--lbr-corner-radius-unit, 8px) * 6);
  --lbr-corner-radius-x7: calc(var(--lbr-corner-radius-unit, 8px) * 7);
  --lbr-corner-radius-x8: calc(var(--lbr-corner-radius-unit, 8px) * 8);
  --lbr-corner-radius-round: 1024px;
  --lbr-stroke-x1: calc(var(--lbr-stroke-unit, 1px) * 1);
  --lbr-stroke-x2: calc(var(--lbr-stroke-unit, 1px) * 2);
  --lbr-stroke-x3: calc(var(--lbr-stroke-unit, 1px) * 3);
  --lbr-stroke-x4: calc(var(--lbr-stroke-unit, 1px) * 4);
  --lbr-stroke-x6: calc(var(--lbr-stroke-unit, 1px) * 6);
  --lbr-stroke-x8: calc(var(--lbr-stroke-unit, 1px) * 8);
  --lbr-size-x0125: calc(var(--lbr-size-unit, 8px) * 0.125);
  --lbr-size-x025: calc(var(--lbr-size-unit, 8px) * 0.25);
  --lbr-size-x05: calc(var(--lbr-size-unit, 8px) * 0.5);
  --lbr-size-x075: calc(var(--lbr-size-unit, 8px) * 0.75);
  --lbr-size-x1: calc(var(--lbr-size-unit, 8px) * 1);
  --lbr-size-x125: calc(var(--lbr-size-unit, 8px) * 12.5);
  --lbr-size-x150: calc(var(--lbr-size-unit, 8px) * 1.5);
  --lbr-size-x2: calc(var(--lbr-size-unit, 8px) * 2);
  --lbr-size-x250: calc(var(--lbr-size-unit, 8px) * 2.5);
  --lbr-size-x3: calc(var(--lbr-size-unit, 8px) * 3);
  --lbr-size-x350: calc(var(--lbr-size-unit, 8px) * 3.5);
  --lbr-size-x4: calc(var(--lbr-size-unit, 8px) * 4);
  --lbr-size-x450: calc(var(--lbr-size-unit, 8px) * 4.5);
  --lbr-size-x5: calc(var(--lbr-size-unit, 8px) * 5);
  --lbr-size-x550: calc(var(--lbr-size-unit, 8px) * 5.5);
  --lbr-size-x6: calc(var(--lbr-size-unit, 8px) * 6);
  --lbr-size-x7: calc(var(--lbr-size-unit, 8px) * 7);
  --lbr-size-x8: calc(var(--lbr-size-unit, 8px) * 8);
  --lbr-size-x9: calc(var(--lbr-size-unit, 8px) * 9);
  --lbr-size-x10: calc(var(--lbr-size-unit, 8px) * 10);
  --lbr-size-x11: calc(var(--lbr-size-unit, 8px) * 11);
  --lbr-size-x12: calc(var(--lbr-size-unit, 8px) * 12);
  --lbr-size-x13: calc(var(--lbr-size-unit, 8px) * 13);
  --lbr-size-x14: calc(var(--lbr-size-unit, 8px) * 14);
  --lbr-size-x15: calc(var(--lbr-size-unit, 8px) * 15);
  --lbr-size-x16: calc(var(--lbr-size-unit, 8px) * 16);
  --lbr-size-x17: calc(var(--lbr-size-unit, 8px) * 17);
  --lbr-size-x18: calc(var(--lbr-size-unit, 8px) * 18);
  --lbr-size-x20: calc(var(--lbr-size-unit, 8px) * 20);
  --lbr-size-x28: calc(var(--lbr-size-unit, 8px) * 28);
  --lbr-size-x32: calc(var(--lbr-size-unit, 8px) * 32);
  --lbr-size-x40: calc(var(--lbr-size-unit, 8px) * 40);
  --lbr-size-x50: calc(var(--lbr-size-unit, 8px) * 50);
  --lbr-size-x60: calc(var(--lbr-size-unit, 8px) * 60);
  --lbr-size-x64: calc(var(--lbr-size-unit, 8px) * 64);
  --lbr-size-x80: calc(var(--lbr-size-unit, 8px) * 80);
  --lbr-size-x86: calc(var(--lbr-size-unit, 8px) * 86);
  --lbr-size-x90: calc(var(--lbr-size-unit, 8px) * 90);
  --lbr-size-max: 10000px;
}
.svc-creator {
  --sjs-font-size-x05: calc(var(--ctr-font-unit, 8px) * 0.5);
  --sjs-font-size-x075: calc(var(--ctr-font-unit, 8px) * 0.75);
  --sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);
  --sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);
  --sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);
  --sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);
  --sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);
  --sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);
  --sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);
  --sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);
  --sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);
  --sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);
  --sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);
  --sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);
  --sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);
  --sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);
  --sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);
  --sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);
  --sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);
  --sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8);
}
.svc-creator {
  --sjs-spacing-x2: calc(var(--ctr-spacing-unit, 8px) * 2);
  --sjs-spacing-x3: calc(var(--ctr-spacing-unit, 8px) * 3);
  --sjs-spacing-x1: calc(var(--ctr-spacing-unit, 8px) * 1);
  --sjs-spacing-x05: calc(var(--ctr-spacing-unit, 8px) * 0.5);
  --sjs-spacing-x025: calc(var(--ctr-spacing-unit, 8px) * 0.25);
  --sjs-spacing-x0125: calc(var(--ctr-spacing-unit, 8px) * 0.125);
  --sjs-spacing-x150: calc(var(--ctr-spacing-unit, 8px) * 1.5);
  --sjs-spacing-x250: calc(var(--ctr-spacing-unit, 8px) * 2.5);
  --sjs-spacing-x4: calc(var(--ctr-spacing-unit, 8px) * 4);
  --sjs-spacing-x350: calc(var(--ctr-spacing-unit, 8px) * 3.5);
  --sjs-spacing-x5: calc(var(--ctr-spacing-unit, 8px) * 5);
  --sjs-spacing-x6: calc(var(--ctr-spacing-unit, 8px) * 6);
  --sjs-spacing-x7: calc(var(--ctr-spacing-unit, 8px) * 7);
  --sjs-spacing-x8: calc(var(--ctr-spacing-unit, 8px) * 8);
  --sjs-spacing-x9: calc(var(--ctr-spacing-unit, 8px) * 9);
  --sjs-spacing-x10: calc(var(--ctr-spacing-unit, 8px) * 10);
  --sjs-spacing-x11: calc(var(--ctr-spacing-unit, 8px) * 11);
  --sjs-spacing-x12: calc(var(--ctr-spacing-unit, 8px) * 12);
  --sjs-spacing-x13: calc(var(--ctr-spacing-unit, 8px) * 13);
  --sjs-spacing-x14: calc(var(--ctr-spacing-unit, 8px) * 14);
  --sjs-spacing-x15: calc(var(--ctr-spacing-unit, 8px) * 15);
  --sjs-spacing-x16: calc(var(--ctr-spacing-unit, 8px) * 16);
  --sjs-spacing-x075: calc(var(--ctr-spacing-unit, 8px) * 0.75);
  --sjs-spacing-x125: calc(var(--ctr-spacing-unit, 8px) * 1.25);
  --sjs-spacing-x1050: calc(var(--ctr-spacing-unit, 8px) * 10.5);
  --sjs-spacing-x0375: calc(var(--ctr-spacing-unit, 8px) * 0.375);
  --sjs-spacing-x850: calc(var(--ctr-spacing-unit, 8px) * 8.5);
  --sjs-spacing-x025n: calc(var(--ctr-spacing-unit, 8px) * -0.25);
  --sjs-spacing-x3n: calc(var(--ctr-spacing-unit, 8px) * -3);
  --sjs-spacing-x4n: calc(var(--ctr-spacing-unit, 8px) * -4);
  --sjs-spacing-x05n: calc(var(--ctr-spacing-unit, 8px) * -0.5);
  --sjs-spacing-x1n: calc(var(--ctr-spacing-unit, 8px) * -1);
  --sjs-spacing-x150n: calc(var(--ctr-spacing-unit, 8px) * -1.5);
  --sjs-spacing-x2n: calc(var(--ctr-spacing-unit, 8px) * -2);
  --sjs-spacing-x5n: calc(var(--ctr-spacing-unit, 8px) * -5);
  --sjs-spacing-x6n: calc(var(--ctr-spacing-unit, 8px) * -6);
  --sjs-spacing-x7n: calc(var(--ctr-spacing-unit, 8px) * -7);
  --sjs-spacing-x8n: calc(var(--ctr-spacing-unit, 8px) * -8);
  --sjs-corner-radius-x0125: calc(var(--ctr-corner-radius-unit, 8px) * 0.125);
  --sjs-corner-radius-x025: calc(var(--ctr-corner-radius-unit, 8px) * 0.25);
  --sjs-corner-radius-x05: calc(var(--ctr-corner-radius-unit, 8px) * 0.5);
  --sjs-corner-radius-x075: calc(var(--ctr-corner-radius-unit, 8px) * 0.75);
  --sjs-corner-radius-x1: calc(var(--ctr-corner-radius-unit, 8px) * 1);
  --sjs-corner-radius-x125: calc(var(--ctr-corner-radius-unit, 8px) * 1.25);
  --sjs-corner-radius-x150: calc(var(--ctr-corner-radius-unit, 8px) * 1.5);
  --sjs-corner-radius-x2: calc(var(--ctr-corner-radius-unit, 8px) * 2);
  --sjs-corner-radius-x250: calc(var(--ctr-corner-radius-unit, 8px) * 2.5);
  --sjs-corner-radius-x3: calc(var(--ctr-corner-radius-unit, 8px) * 3);
  --sjs-corner-radius-x350: calc(var(--ctr-corner-radius-unit, 8px) * 3.5);
  --sjs-corner-radius-x4: calc(var(--ctr-corner-radius-unit, 8px) * 4);
  --sjs-corner-radius-x5: calc(var(--ctr-corner-radius-unit, 8px) * 5);
  --sjs-corner-radius-x6: calc(var(--ctr-corner-radius-unit, 8px) * 6);
  --sjs-corner-radius-x7: calc(var(--ctr-corner-radius-unit, 8px) * 7);
  --sjs-corner-radius-x8: calc(var(--ctr-corner-radius-unit, 8px) * 8);
  --sjs-corner-radius-round: calc(var(--ctr-corner-radius-unit, 8px) * 128);
  --sjs-corner-radius-x0375: calc(var(--ctr-corner-radius-unit, 8px) * 0.375);
  --sjs-stroke-x1: calc(var(--ctr-stroke-unit, 1px) * 1);
  --sjs-stroke-x2: calc(var(--ctr-stroke-unit, 1px) * 2);
  --sjs-stroke-x3: calc(var(--ctr-stroke-unit, 1px) * 3);
  --sjs-stroke-x4: calc(var(--ctr-stroke-unit, 1px) * 4);
  --sjs-stroke-x6: calc(var(--ctr-stroke-unit, 1px) * 6);
  --sjs-stroke-x8: calc(var(--ctr-stroke-unit, 1px) * 8);
  --sjs-size-x0125: calc(var(--ctr-size-unit, 8px) * 0.125);
  --sjs-size-x025: calc(var(--ctr-size-unit, 8px) * 0.25);
  --sjs-size-x05: calc(var(--ctr-size-unit, 8px) * 0.5);
  --sjs-size-x075: calc(var(--ctr-size-unit, 8px) * 0.75);
  --sjs-size-x1: calc(var(--ctr-size-unit, 8px) * 1);
  --sjs-size-x125: calc(var(--ctr-size-unit, 8px) * 1.25);
  --sjs-size-x150: calc(var(--ctr-size-unit, 8px) * 1.5);
  --sjs-size-x2: calc(var(--ctr-size-unit, 8px) * 2);
  --sjs-size-x250: calc(var(--ctr-size-unit, 8px) * 2.5);
  --sjs-size-x3: calc(var(--ctr-size-unit, 8px) * 3);
  --sjs-size-x350: calc(var(--ctr-size-unit, 8px) * 3.5);
  --sjs-size-x4: calc(var(--ctr-size-unit, 8px) * 4);
  --sjs-size-x5: calc(var(--ctr-size-unit, 8px) * 5);
  --sjs-size-x6: calc(var(--ctr-size-unit, 8px) * 6);
  --sjs-size-x7: calc(var(--ctr-size-unit, 8px) * 7);
  --sjs-size-x8: calc(var(--ctr-size-unit, 8px) * 8);
  --sjs-size-x9: calc(var(--ctr-size-unit, 8px) * 9);
  --sjs-size-x10: calc(var(--ctr-size-unit, 8px) * 10);
  --sjs-size-x11: calc(var(--ctr-size-unit, 8px) * 11);
  --sjs-size-x12: calc(var(--ctr-size-unit, 8px) * 12);
  --sjs-size-x13: calc(var(--ctr-size-unit, 8px) * 13);
  --sjs-size-x14: calc(var(--ctr-size-unit, 8px) * 14);
  --sjs-size-x15: calc(var(--ctr-size-unit, 8px) * 15);
  --sjs-size-x16: calc(var(--ctr-size-unit, 8px) * 16);
  --sjs-size-x550: calc(var(--ctr-size-unit, 8px) * 5.5);
  --sjs-size-max: 10000px;
  --sjs-size-x17: calc(var(--ctr-size-unit, 8px) * 17);
  --sjs-size-x18: calc(var(--ctr-size-unit, 8px) * 18);
  --sjs-size-x64: calc(var(--ctr-size-unit, 8px) * 64);
  --sjs-size-x90: calc(var(--ctr-size-unit, 8px) * 90);
  --sjs-size-x80: calc(var(--ctr-size-unit, 8px) * 80);
  --sjs-size-x40: calc(var(--ctr-size-unit, 8px) * 40);
  --sjs-size-x32: calc(var(--ctr-size-unit, 8px) * 32);
  --sjs-size-x20: calc(var(--ctr-size-unit, 8px) * 20);
  --sjs-size-x86: calc(var(--ctr-size-unit, 8px) * 86);
  --sjs-size-x60: calc(var(--ctr-size-unit, 8px) * 60);
  --sjs-size-x28: calc(var(--ctr-size-unit, 8px) * 28);
  --sjs-size-x50: calc(var(--ctr-size-unit, 8px) * 50);
}
survey-creator,
.svc-creator {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
@-moz-document url-prefix() {
  survey-creator,
  .svc-creator {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
survey-creator ::-webkit-scrollbar,
.svc-creator ::-webkit-scrollbar {
  width: var(--ctr-scrollbar-width, 12px);
  height: var(--ctr-scrollbar-width, 12px);
  background-color: rgba(0, 0, 0, 0);
}
survey-creator ::-webkit-scrollbar-thumb,
.svc-creator ::-webkit-scrollbar-thumb {
  border: var(--ctr-scrollbar-padding-vertical, 4px) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 1024px;
  background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
survey-creator ::-webkit-scrollbar-track,
.svc-creator ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
survey-creator ::-webkit-scrollbar-thumb:hover,
.svc-creator ::-webkit-scrollbar-thumb:hover {
  border: var(--ctr-scrollbar-padding-vertical-hovered, 2px) solid rgba(0, 0, 0, 0);
  background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
survey-creator .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover,
.svc-creator .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover {
  background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content {
  background: var(--ctr-survey-radio-button-group-item-background-color-floating, var(--sjs-general-backcolor, var(--background, #fff)));
  border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-x, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-y, 2px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-blur, 8px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-spread, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-color, rgba(0, 76, 68, 0.1)), var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-x, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-y, 16px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-blur, 32px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-spread, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-color, rgba(0, 76, 68, 0.1));
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item {
  overflow: hidden;
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor {
  white-space: nowrap;
}
.svc-creator__area {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-creator__content-wrapper {
  width: 100%;
  height: 0;
  flex-grow: 1;
}
.svc-creator__content-holder {
  width: 100%;
  height: 100%;
}
.svc-creator-tab {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: var(--tab-min-height, auto);
}
.svc-creator__toolbox--right.svc-creator-tab {
  flex-direction: row-reverse;
}
.svc-creator-tab__content {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.svc-plugin-tab__content {
  flex-basis: 0;
  max-height: 100%;
  overflow-y: auto;
  flex-grow: 1;
}
.sv-popup__content .svc-plugin-tab__content {
  flex-basis: 100%;
  height: 100%;
}
.svc-plugin-tab__content-actions sv-action-bar {
  padding: 0;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-creator__banner {
  width: 100%;
  line-height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--ctr-page-banner-background-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  text-align: center;
}
.svc-item__banner {
  position: relative;
  max-width: 0;
  overflow: hidden;
  height: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1));
  transition: max-width .1s ease-in-out, padding .2s ease-in-out;
}
.svc-creator__non-commercial-text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-page-banner-text-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  vertical-align: middle;
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(16*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.svc-creator__non-commercial-text a {
  color: var(--ctr-page-banner-text-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-creator--mobile .svc-creator__non-commercial-text {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-drag-drop-ghost {
  top: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  position: absolute;
}
.sv-drag-drop-ghost--vertical {
  height: 10000px;
  width: 4px;
}
.sv-drag-drop-ghost--item-value-bottom {
  top: initial;
  bottom: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--disable-animations {
  --sjs-creator-transition-duration: 0ms;
}
.sd-element__header .svc-string-editor {
  display: inline-block;
  max-width: 100%;
}
.svc-string-editor {
  position: static;
}
.svc-string-editor [contenteditable=true] {
  user-select: text;
  -webkit-user-select: text;
}
.svc-string-editor .sv-string-editor {
  position: relative;
  outline: none;
  z-index: 12;
  max-width: 100%;
}
.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
  content: attr(aria-placeholder);
  color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  transition: color var(--sjs-creator-transition-duration, 150ms);
}
.svc-string-editor .sv-string-editor--html,
.svc-string-editor .sv-string-editor:focus-within {
  white-space: pre-wrap;
}
.svc-string-editor.svc-string-editor--hidden {
  display: none;
}
.svc-string-editor__content {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 100%;
}
.svc-matrix-cell .svc-string-editor__content {
  width: auto;
}
.svc-string-editor__content:focus-within .svc-remaining-character-counter {
  display: inline-block;
}
.svc-string-editor__input {
  display: flex;
}
.svc-remaining-character-counter {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  display: none;
  position: relative;
  outline: none;
  z-index: 20;
  padding: 0px;
  vertical-align: top;
  margin-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-string-editor__border {
  position: absolute;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: right;
  line-height: 0px;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  box-shadow: 0px 0px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  border-radius: 3px;
  opacity: 0;
}
.svc-string-editor__border.svc-string-editor__border--hover {
  top: 0;
  bottom: 0;
  left: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  transition-delay: 0ms;
}
.svc-string-editor__border.svc-string-editor__border--focus {
  top: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-string-editor__error {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  color: red;
  display: none;
}
.svc-string-editor__controls {
  position: absolute;
  left: 100%;
  height: 100%;
  width: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: 0;
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 12;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 0px;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  opacity: 1;
  transition-delay: 0ms;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--focus {
  transition: none;
}
.svc-creator--disable-animations .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  transition-delay: 0ms;
}
.svc-string-editor:focus-within .svc-string-editor__border--focus {
  opacity: 1;
}
.svc-string-editor:focus-within .svc-string-editor__border--hover {
  transition: none;
}
.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border--focus {
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-boolean .sv-string-editor:focus-within {
  white-space: nowrap;
}
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border,
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {
  left: calc(-0.7*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.7*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-string-editor:hover ~ .sd-question__required-text,
.svc-string-editor:focus-within ~ .sd-question__required-text {
  visibility: hidden;
}
.svc-string-editor--multiline .sv-string-editor {
  white-space: pre-wrap;
}
.svc-btn {
  display: flex;
  padding: var(--ctr-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  background-color: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-radius: var(--ctr-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
  box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15)));
}
.svc-btn__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-btn:hover {
  background-color: var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
}
.svc-btn:focus {
  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-action-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  display: inline-block;
  padding-top: var(--ctr-actionbar-button-padding-top-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0, 0, 0, 0);
}
.svc-action-button:focus,
.svc-action-button:hover {
  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  outline: none;
}
.svc-action-button--selected {
  border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-action-button--disabled {
  opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);
  color: var(--ctr-survey-action-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
svc-page-navigator,
.svc-page-navigator {
  display: flex;
  flex-direction: column;
  gap: var(--ctr-page-navigator-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-navigator__button-icon {
  display: block;
  width: var(--ctr-page-navigator-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-page-navigator-button-padding, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-page-navigator-button-corner-radius, 50%);
  overflow: visible;
  cursor: pointer;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-page-navigator__button-icon .sv-svg-icon {
  width: var(--ctr-page-navigator-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.svc-page-navigator__button {
  --ctr-page-navigator-button-double-padding: calc(2 * var(--ctr-page-navigator-button-padding));
  --ctr-page-navigator-button-width: calc(var(--ctr-page-navigator-button-icon-width) + var(--ctr-page-navigator-button-double-padding));
  --ctr-page-navigator-button-height: calc(var(--ctr-page-navigator-button-icon-height) + var(--ctr-page-navigator-button-double-padding));
  width: var(--ctr-page-navigator-button-width, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-button-height, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.svc-page-navigator__button:hover,
.svc-page-navigator__button:focus-visible {
  outline: none;
}
.svc-page-navigator__button:hover .svc-page-navigator__button-icon,
.svc-page-navigator__button:focus-visible .svc-page-navigator__button-icon {
  background-color: var(--ctr-page-navigator-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-page-navigator__button:hover .svc-page-navigator__button-icon use,
.svc-page-navigator__button:focus-visible .svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator__button--pressed .svc-page-navigator__button-icon,
.svc-page-navigator__button:active .svc-page-navigator__button-icon {
  background: var(--ctr-page-navigator-button-background-color-pressed, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  opacity: var(--ctr-page-navigator-button-opacity-pressed, 0.5);
}
.svc-page-navigator__button--pressed .svc-page-navigator__button-icon use,
.svc-page-navigator__button:active .svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator__button--active .svc-page-navigator__button-icon,
.svc-page-navigator__button--active:hover .svc-page-navigator__button-icon {
  background: var(--ctr-page-navigator-button-background-color-checked, transparent);
}
.svc-page-navigator__button--active .svc-page-navigator__button-icon use,
.svc-page-navigator__button--active:hover .svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color-checked, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator__popup {
  min-width: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer__page-navigator {
  display: flex;
  flex-grow: 1;
}
svc-page-navigator-item,
.svc-page-navigator-item {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.svc-page-navigator-item-content {
  display: flex;
  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  gap: var(--ctr-page-navigator-item-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.svc-page-navigator-item-content:hover,
.svc-page-navigator-item-content:focus {
  outline: none;
}
.svc-page-navigator__items--up .svc-page-navigator-item-content {
  transition: .25s ease-in-out;
  transform: translateY(-100%);
}
.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {
  opacity: 0;
}
.svc-page-navigator__items--down .svc-page-navigator-item-content {
  transition: .25s ease-in-out;
  transform: translateY(100%);
}
.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {
  opacity: 0;
}
.svc-page-navigator-item__dot {
  display: flex;
  width: var(--ctr-page-navigator-item-dot-container-width, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-item-dot-container-height, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
}
.svc-page-navigator-item__dot-content {
  width: var(--ctr-page-navigator-item-dot-radius-small, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-item-dot-radius-small, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-shrink: 0;
  background: var(--ctr-page-navigator-item-dot-color-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  border-radius: var(--ctr-page-navigator-item-dot-radius-small, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-navigator-item__banner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left-hovered, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: flex-end;
  align-items: center;
  gap: var(--ctr-page-navigator-item-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-page-navigator-item-corner-radius, 1024px);
  background: var(--ctr-page-navigator-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px) var(--ctr-page-navigator-item-shadow-hovered-1-blur, 6px) var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-blur, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-color, transparent);
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: none;
}
.svc-page-navigator-item__banner .svc-page-navigator-item__dot-content {
  width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-shrink: 0;
  background: var(--ctr-page-navigator-item-dot-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: 100%;
}
.svc-page-navigator-item__text {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-page-navigator-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-page-navigator-item--selected .svc-page-navigator-item__dot-content {
  width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-shrink: 0;
  background: var(--ctr-page-navigator-item-dot-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
  border-style: solid;
  border-width: 2px;
  border-color: var(--ctr-page-navigator-item-dot-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
  display: flex;
  opacity: 1;
}
.svc-creator__toolbox--right .svc-page-navigator-item__banner,
[dir=rtl] .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item__banner {
  right: unset;
  left: 0;
  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left-hovered, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  direction: rtl;
}
.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
svc-page {
  display: block;
}
.svc-page {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page .sd-page__title {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page .sd-page__description {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-page .sd-page__num {
  color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page .svc-panel__placeholder {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-survey-page-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page__content {
  position: relative;
  border-radius: var(--ctr-survey-page-corner-radius, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  width: 100%;
  outline-color: rgba(0, 0, 0, 0);
  outline: 2px rgba(0, 0, 0, 0) dashed;
  transition-property:
    background-color,
    box-shadow,
    outline-color;
  transition-duration: var(--sjs-creator-transition-duration, 150ms);
}
.svc-page__content .sd-page {
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.svc-page__content > .svc-question__drag-area {
  padding-top: calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-page__content.svc-page__content--no-header .sd-page {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--ctr-survey-page-content-margin-top-no-header, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-page__content--dragged {
  opacity: .25;
}
.svc-page__content-actions {
  position: absolute;
  opacity: 0;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  inset-inline-end: 0;
  padding: 0 calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 1;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-page__content-actions .sv-action-bar-separator {
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-page__content-actions h4.sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page-toolbar__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  --thm-survey-question-panel-toolbar-item-padding-top: calc(var(--ctr-survey-question-panel-toolbar-item-padding-top) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-top));
  --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));
  --thm-survey-question-panel-toolbar-item-padding-bottom: calc(var(--ctr-survey-question-panel-toolbar-item-padding-bottom) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));
  --thm-survey-question-panel-toolbar-item-padding-left: calc(var(--ctr-survey-question-panel-toolbar-item-padding-left) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));
  --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);
  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--thm-survey-question-panel-toolbar-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-page-toolbar__item use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-page-toolbar__item:hover,
.svc-page-toolbar__item:focus-visible {
  background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-page-toolbar__item:active,
.svc-page-toolbar__item.svc-page-toolbar__item--pressed {
  background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
}
.svc-page-toolbar__item:active use,
.svc-page-toolbar__item.svc-page-toolbar__item--pressed use {
  fill: #000;
  opacity: .5;
}
.svc-page-toolbar__item.svc-survey-element-toolbar__item--active {
  background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-page-toolbar__item.svc-survey-element-toolbar__item--active .svc-survey-element-toolbar-item__title {
  color: var(--ctr-survey-page-toolbar-item-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-page-toolbar__item.svc-survey-element-toolbar__item--active use {
  fill: var(--ctr-survey-page-toolbar-item-icon-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-page-toolbar__item :disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-page-toolbar__item--with-text {
  --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));
  --thm-survey-question-panel-toolbar-item-gap: calc(var(--ctr-survey-question-panel-toolbar-item-gap) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));
  padding-inline-end: var(--thm-survey-question-panel-toolbar-item-padding-right-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  gap: var(--thm-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-toolbar .sv-action:last-of-type .svc-page-toolbar__item {
  margin-inline-end: 0;
}
.svc-page-toolbar .sv-action:first-of-type .svc-page-toolbar__item {
  margin-inline-start: 0;
}
.svc-page-toolbar-item__icon {
  --thm-survey-page-toolbar-item-icon-width: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-width) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));
  --thm-survey-page-toolbar-item-icon-height: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-height) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));
  width: var(--thm-survey-page-toolbar-item-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--thm-survey-page-toolbar-item-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-toolbar-item__title {
  --thm-small-line-height: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-small-font-size: calc(0.75 * var(--thm-small-line-height));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-small-size, var(--thm-small-font-size, 12px));
  font-style: normal;
  line-height: var(--lbr-font-small-line-height, var(--thm-small-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-survey-page-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-page__content-actions .sv-action-bar-item-dropdown {
  border-radius: calcCornerRadius(0.5);
  background-color: rgba(0, 0, 0, 0);
}
.svc-page__content:focus,
.svc-hovered.svc-page__content {
  box-shadow: 0 0 0 var(--ctr-survey-page-border-width-hovered, 2px) var(--ctr-survey-page-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
  background: var(--ctr-survey-page-background-color-hovered, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-page__content--new.svc-page__content--new {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  padding-top: var(--ctr-survey-page-margin-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-survey-page-margin-bottom-new-page, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page__content--selected .svc-page__content-actions,
.svc-hovered.svc-page__content .svc-page__content-actions {
  opacity: 1;
}
.svc-page__content--selected > .svc-question__drag-area,
.svc-hovered.svc-page__content > .svc-question__drag-area {
  z-index: 1;
}
.svc-page__content--selected > .svc-question__drag-area .svc-question__drag-element,
.svc-hovered.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  width: var(--ctr-survey-page-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-page-drag-indicator-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  opacity: var(--ctr-survey-page-drag-indicator-opacity, 0.5);
}
.svc-page__content--selected.svc-page__content--selected {
  box-shadow: 0 0 0 var(--ctr-survey-page-border-width-selected, 2px) var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  background: var(--ctr-survey-page-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-page__content--animation-running .svc-row .svc-question--enter {
  animation: none;
}
.svc-page__content--animation-running .svc-row .svc-question--leave {
  animation-name: moveInWithOverflow;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);
  animation-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);
}
.svc-creator--disable-animations .svc-row .svc-question--leave {
  animation: none;
}
.svc-page__content--collapse-onhover,
.svc-page__content--collapse-always {
  outline: 2px rgba(0, 0, 0, 0) dashed;
}
.svc-page__content--collapse-onhover.svc-page__content--selected,
.svc-page__content--collapse-onhover.svc-page__content.svc-hovered,
.svc-page__content--collapse-always.svc-page__content--selected,
.svc-page__content--collapse-always.svc-page__content.svc-hovered {
  outline-color: rgba(0, 0, 0, 0);
}
.svc-page__content--collapse-onhover.svc-page__content--collapsed-drag-over-inside,
.svc-page__content--collapse-always.svc-page__content--collapsed-drag-over-inside {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  animation: collapsed-drag-over-inside-blinking 1s infinite;
  outline-color: rgba(0, 0, 0, 0);
}
.svc-page__content--collapsed {
  outline-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-creator--mobile .svc-page__content::after {
  margin: 0;
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected {
  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  box-shadow: 0 0 0 2px inset var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  background: var(--ctr-survey-page-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected .svc-page__content-actions {
  display: block;
}
.svc-creator--mobile .svc-page__content:not(.svc-page__content--new):focus,
.svc-creator--mobile .svc-hovered.svc-page__content:not(.svc-page__content--new) {
  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
}
.svc-page__footer {
  overflow: visible;
  margin-left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__footer .sv-action {
  flex: 1 1 0;
}
.svc-page__footer .svc-btn {
  flex-grow: 1;
  border: none;
}
.svc-add-new-item-button__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  text-align: center;
}
.svc-element__add-new-question {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: auto;
  padding: var(--ctr-surface-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-button-padding-horizontal-contextual-button, calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-surface-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-element__add-new-question:focus {
  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-element__question-type-selector {
  position: absolute;
  inset-inline-end: 0;
  appearance: none;
  display: flex;
  padding: var(--ctr-surface-button-contextual-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-surface-button-contextual-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  border: none;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin: var(--ctr-surface-button-contextual-button-margin-vertical, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-margin-horizontal, var(--sjs-base-unit, var(--base-unit, 8px)));
  outline: none;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-element__question-type-selector:hover {
  background-color: var(--ctr-button-contextual-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-element__question-type-selector:focus {
  background: var(--ctr-button-contextual-button-background-color-focused, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-element__question-type-selector-icon {
  width: var(--ctr-surface-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-surface-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  align-items: center;
}
.svc-element__question-type-selector-icon .sv-svg-icon {
  width: var(--ctr-surface-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-surface-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  align-items: center;
}
.svc-element__question-type-selector-icon use {
  fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page--drag-over-empty .svc-page__footer:after {
  content: " ";
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  left: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(11.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: 0;
  top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-page--drag-over-empty-no-add-button:after {
  bottom: auto;
}
.svc-page__placeholder_frame {
  min-width: auto;
  max-width: 100%;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0 calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__placeholder_frame .svc-panel__placeholder_frame {
  padding: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
}
.svc-page__content--collapsed > .sv-action-bar {
  display: none;
}
.svc-page__content--collapsed .sd-page__title {
  margin-bottom: 0;
}
.svc-page__content--collapsed .svc-page__placeholder_frame {
  display: none;
}
.svc-page__content--collapsed .svc-page__content-actions {
  display: block;
}
.svc-page__content--collapsed .sd-page {
  display: flex;
}
.svc-page__content--collapsed .sd-page > * {
  display: none;
}
.svc-page__content--collapsed .sd-page .sd-title {
  display: block;
}
.svc-page__content.svc-page__content--collapsed .sd-page {
  padding-bottom: 0;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions {
  opacity: 1;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse {
  visibility: visible;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse .sv-action-bar-separator {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action,
.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action {
  visibility: visible;
}
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action .sv-action-bar-separator,
.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action .sv-action-bar-separator {
  visibility: visible;
}
.svc-page--enter,
.svc-page--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}
.svc-page--enter {
  opacity: 0;
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  --fade-animation-duration: var(--sjs-svc-page-fade-in-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-page-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-page-fade-in-delay, 100ms);
  --move-animation-delay: 0s;
}
.svc-page--leave {
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  --fade-animation-duration: var(--sjs-svc-page-fade-out-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-page-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-page-move-out-delay, 100ms);
}
.svc-creator--disable-animations .svc-page--enter,
.svc-creator--disable-animations .svc-page--leave {
  animation: none;
}
.svc-page--enter.svc-page--enter .svc-page__content-actions {
  opacity: 0;
}
.svc-page--enter.svc-page--enter .svc-page__content {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}
.svc-page--enter.svc-page--enter .svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  opacity: 0;
}
.svc-page {
  scroll-margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-row {
  width: 100%;
  position: relative;
}
.svc-row:not(.svc-row--ghost) > .sd-row {
  min-height: 50px;
}
.svc-row > .sd-row.sd-page__row {
  margin-top: calc(2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-row > .sd-row.sd-page__row.sd-row--delayed-enter {
  margin-top: 0;
}
.svc-row .sd-row.sd-row--multiple {
  overflow: auto;
  width: calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-wrap: nowrap;
  margin-top: 0;
  padding-top: calc(2*var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: 2px;
  margin-right: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: -2px;
}
.svc-row .sd-row.sd-row--multiple .sd-row--multiple {
  overflow: unset;
}
.sd-panel .svc-row .sd-row--multiple {
  padding: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: none;
  border-radius: 0;
  padding: 2px;
  margin: -2px;
  width: 100%;
}
.sd-panel .svc-row .sd-row--multiple > div {
  padding: 0;
}
.svc-row.svc-row--ghost .svc-question__content {
  padding: 0;
  border: none;
  box-shadow: none;
}
.svc-row.svc-row--ghost .sd-row {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row.svc-row--ghost:last-child .sd-row {
  height: initial;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row.svc-row--ghost + .svc-row .sd-page__row {
  margin-top: 0;
}
.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
  height: initial;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row__drop-indicator {
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-row__drop-indicator--top,
.svc-row__drop-indicator--bottom {
  left: 0;
  width: 100%;
  height: 0px;
}
.svc-row__drop-indicator--top {
  top: calc(var(--sjs-base-unit, var(--base-unit, 8px)) - 0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-row__drop-indicator--bottom {
  bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) - -0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-row--drag-over-top > .svc-row__drop-indicator--top {
  opacity: 1;
  height: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row--drag-over-bottom > .svc-row__drop-indicator--bottom {
  opacity: 1;
  height: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--panel .svc-row__drop-indicator--top,
.sd-panel__content .svc-row__drop-indicator--top {
  top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-question__content--panel .svc-row--drag-over-top:before,
.sd-panel__content .svc-row--drag-over-top:before {
  top: -4px;
}
.svc-question__content--panel .svc-row--drag-over-bottom:after,
.sd-panel__content .svc-row--drag-over-bottom:after {
  bottom: -4px;
}
.svc-creator--disable-animations .svc-row .sd-row--leave,
.svc-creator--disable-animations .svc-row .sd-row--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-element-wrapper--leave,
.svc-creator--disable-animations .svc-row .sd-element-wrapper--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-element__content--enter,
.svc-creator--disable-animations .svc-row .sd-element__content--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--enter,
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-item--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-item--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-table__row--leave,
.svc-creator--disable-animations .svc-row .sd-table__row--enter {
  animation: none;
}
.sd-panel .svc-row > .sd-row.sd-row--multiple {
  width: calc(100% + var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-left: 0;
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel .svc-row > .sd-row.sd-row--multiple > div {
  box-sizing: border-box;
  --animation-padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-row {
  --sjs-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);
  --sjs-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);
  --sjs-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);
  --sjs-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);
  --sjs-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);
  --sjs-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);
  --sjs-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s);
}
.svc-carry-forward-panel-wrapper {
  width: 100%;
  container-type: inline-size;
}
.svc-carry-forward-panel {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  box-sizing: border-box;
  width: 100%;
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  text-align: center;
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
@container (max-width: 176px) {
  .svc-carry-forward-panel {
    display: none;
  }
}
@container (max-width: 496px) {
  .svc-carry-forward-panel {
    padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.svc-carry-forward-panel__link .svc-action-button {
  padding: 0;
  border: none;
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.svc-carry-forward-panel__link .svc-action-button:hover,
.svc-carry-forward-panel__link .svc-action-button:focus {
  background-color: rgba(0, 0, 0, 0);
}
svc-question {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.svc-question__adorner {
  position: relative;
  height: auto;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
}
.svc-question__adorner > * {
  grid-row: 1;
  grid-column: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed {
  height: fit-content;
}
.svc-question__adorner .sv-action-bar {
  overflow: visible;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {
  border: none;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {
  opacity: .5;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-question__adorner:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: 0;
  right: 0;
}
.svc-survey-element-toolbar__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);
  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-survey-question-panel-toolbar-item-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  transition: background var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-survey-element-toolbar__item use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-survey-element-toolbar__item:hover,
.svc-survey-element-toolbar__item:focus-visible {
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-survey-element-toolbar__item:active,
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--pressed {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-survey-element-toolbar__item:active use,
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--pressed use {
  fill: #000;
  opacity: .45;
}
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active {
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active .svc-survey-element-toolbar-item__title {
  color: var(--ctr-survey-question-panel-toolbar-item-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-survey-element-toolbar__item :disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-survey-element-toolbar__item--with-text {
  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  gap: var(--ctr-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-survey-element-toolbar .sv-action:last-of-type .svc-survey-element-toolbar__item {
  margin-inline-end: 0;
}
.svc-survey-element-toolbar .sv-action:first-of-type .svc-survey-element-toolbar__item {
  margin-inline-start: 0;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--with-text {
  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right, 4px);
  padding-inline-start: var(--ctr-survey-question-panel-toolbar-item-padding-left-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-direction: row-reverse;
  gap: var(--ctr-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon .svc-survey-element-toolbar-item__icon {
  padding: 0;
  width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  display: block;
}
.svc-survey-element-toolbar-item__icon,
.svc-survey-element-toolbar__dots-item .sv-svg-icon.sv-action-bar-item__icon {
  box-sizing: border-box;
  display: block;
  padding: var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-survey-element-toolbar-item__title {
  --thm-small-line-height: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-small-font-size: calc(0.75 * var(--thm-small-line-height));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-small-size, var(--thm-small-font-size, 12px));
  font-style: normal;
  line-height: var(--lbr-font-small-line-height, var(--thm-small-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  transition: color var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__adorner .sv-action-bar-item-dropdown {
  background-color: rgba(0, 0, 0, 0);
}
.svc-question__adorner .sd-input:disabled {
  pointer-events: none;
}
.svc-question__content {
  scroll-margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-element {
  scroll-margin-top: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: auto;
  flex-grow: 1;
  box-sizing: border-box;
  padding: var(--lbr-question-panel-padding-top, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-question-panel-padding-right, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-padding-bottom-selected, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-question-panel-padding-left, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--lbr-question-panel-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background: var(--lbr-question-panel-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px) var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px) var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));
  outline: none;
  transition: background var(--sjs-creator-transition-duration, 150ms), box-shadow var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__content--title-bottom {
  padding-top: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-bottom .sd-question__content {
  margin-top: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-bottom .svc-question__content-actions {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-bottom .svc-question__content-actions > .sv-action-bar {
  margin-bottom: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-hidden {
  padding-top: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-selectbase:not(.sd-imagepicker) {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {
  overflow-x: visible;
  padding-left: 0;
  margin-left: 0;
}
.svc-question__content .sd-selectbase--multi-column {
  overflow: initial;
}
.svc-question__content .sd-question.sd-question--table {
  overflow-x: initial;
}
.svc-question__content .sd-multipletext__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: .25;
}
.svc-question__content .sjs_sp_placeholder {
  -webkit-user-select: all;
  user-select: all;
  pointer-events: all;
}
.svc-question__content > div,
.svc-question__placeholders > div {
  overflow: visible;
}
.svc-question--enter,
.svc-question--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}
.svc-question--enter {
  opacity: 0;
  --fade-animation-duration: var(--sjs-svc-expand-fade-in-duration, 150ms);
  --move-animation-duration: var(--sjs-svc-expand-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-expand-fade-in-delay, 250ms);
  --move-animation-delay: 0s;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  --animation-direction: normal;
}
.svc-question--leave {
  --fade-animation-duration: var(--sjs-svc-collapse-fade-out-duration, 150ms);
  --move-animation-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
@keyframes changeAlignSelf {
  from {
    align-self: flex-start;
  }
  to {
    align-self: stretch;
  }
}
.svc-question--enter.svc-question__adorner,
.svc-question--leave.svc-question__adorner {
  opacity: 1;
  animation-name: changeAlignSelf;
  animation-duration: 0s;
}
.svc-question--enter.svc-question__adorner {
  align-self: flex-start;
  animation-delay: var(--move-animation-duration);
}
.svc-question--leave.svc-question__adorner {
  animation-delay: var(--move-animation-delay);
}
.svc-creator--disable-animations .svc-question--enter,
.svc-creator--disable-animations .svc-question--leave {
  animation: none;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-panel__content {
  overflow: auto;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-table__cell--detail-panel .sd-panel__content {
  overflow: unset;
}
.svc-panel__placeholder {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-survey-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  text-wrap: wrap;
  text-align: center;
}
.svc-question__content-actions {
  position: relative;
  opacity: 0;
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: auto;
  width: calc(100% + 2.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__content-actions:focus-within {
  opacity: 1;
}
.svc-question__content-actions > .sv-action-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions .svc-action-bar-item--right:first-of-type {
  margin-inline-start: auto;
}
.svc-dropdown-action--convertTo {
  max-width: max-content;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item {
  flex-direction: row-reverse;
}
.svc-dropdown-action--convertTo .sv-action-bar-item--icon {
  max-width: 100%;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__title {
  display: inline-block;
  justify-content: left;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__icon:last-child {
  margin-inline-start: 0;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__icon:last-child use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-dropdown-action--convertTo.sv-action--hidden {
  min-width: 0;
}
.svc-dropdown-action--convertTo-last {
  margin-inline-end: auto;
}
.svc-survey-element-toolbar__dots-item {
  width: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-survey-element-toolbar__dots-item.sv-action--hidden {
  width: 0;
  margin: 0;
}
.svc-survey-element-toolbar__dots-item.sv-action--hidden .sv-action__content {
  display: none;
}
.svc-survey-element-toolbar__dots-item .sv-dots__item {
  margin-left: 0;
}
.svc-survey-element-toolbar__dots-item .svc-list__item-icon {
  --ctr-survey-question-toolbar-item-icon-width: calc( var(--ctr-survey-question-panel-toolbar-item-icon-container-width) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-left) );
  --ctr-survey-question-toolbar-item-icon-height: calc( var(--ctr-survey-question-panel-toolbar-item-icon-container-height) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom) );
  width: var(--ctr-survey-question-toolbar-item-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-toolbar-item-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-survey-element-toolbar__dots-item .svc-list__item:hover > .svc-list__item-body .sv-svg-icon use,
.svc-survey-element-toolbar__dots-item .sv-svg-icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.svc-question__content:focus,
.svc-hovered > .svc-question__content {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px) var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
}
.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px) var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  animation: collapsed-drag-over-inside-blinking 1s;
}
@keyframes collapsed-drag-over-inside-blinking {
  0% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  40% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  50% {
    background: rgba(0, 0, 0, 0);
  }
  55% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  65% {
    background: rgba(0, 0, 0, 0);
  }
  70% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  80% {
    background: rgba(0, 0, 0, 0);
  }
  85% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  100% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
}
.svc-question__content--selected > .svc-question__content-actions,
.svc-hovered > .svc-question__content > .svc-question__content-actions {
  opacity: 1;
}
.svc-question__content--selected > .svc-question__content-actions.svc-question--enter,
.svc-hovered > .svc-question__content > .svc-question__content-actions.svc-question--enter {
  opacity: 0;
}
.svc-question__content--dragged {
  opacity: var(--ctr-survey-question-panel-opacity-hidden, 0.25);
}
.svc-question__content--dragged > .svc-question__content-actions {
  opacity: 0;
}
.svc-creator--mobile .svc-question__content-actions {
  overflow: hidden;
  height: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-question__content-actions > .sv-action-bar {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-question__content-actions.svc-question--enter {
  animation-name: empty, moveInWithOverflow;
}
.svc-creator--mobile .svc-question__content {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-element__header--hidden {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0 calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__adorner--selected > .svc-element__header--hidden {
  margin-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected {
  padding-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: visible;
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions > .sv-action-bar {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions.svc-question--enter {
  animation-name: fadeIn, moveInWithOverflow;
}
.svc-creator--mobile.svc-creator--disable-animations .svc-question--enter {
  animation: none;
}
.svc-question__content .sd-question.sd-question--table {
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-dragged-element-shortcut {
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: var(--ctr-toolbox-item-background-color-floating, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
  padding: var(--ctr-toolbox-item-padding-top-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-bottom-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-left-submenu, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  cursor: grabbing;
  position: absolute;
  z-index: 1000;
  box-shadow: var(--ctr-toolbox-item-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-1-offset-y, 8px) var(--ctr-toolbox-item-shadow-floating-1-blur, 16px) var(--ctr-toolbox-item-shadow-floating-1-spread, 0px) var(--ctr-toolbox-item-shadow-floating-1-color, rgba(0, 76, 68, 0.1)), var(--ctr-toolbox-item-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-2-offset-y, 16px) var(--ctr-toolbox-item-shadow-floating-2-blur, 32px) var(--ctr-toolbox-item-shadow-floating-2-spread, 0px) var(--ctr-toolbox-item-shadow-floating-2-color, var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.1)));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: content-box;
}
.svc-dragged-element-shortcut .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-dragged-element-shortcut--selected {
  border: 2px solid var(--ctr-toolbox-item-border-color-floating, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-dragged-element-shortcut__text {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
}
.svc-dragged-element-shortcut--has-icon {
  padding: var(--ctr-toolbox-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-toolbox-item-padding-right, calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  gap: var(--ctr-toolbox-item-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: center;
  align-items: center;
}
.svc-dragged-element-shortcut--has-icon .svc-dragged-element-shortcut__text {
  display: block;
}
.svc-dragged-element-shortcut__icon {
  display: flex;
}
.svc-dragged-element-shortcut__icon svg {
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
  opacity: 1;
}
.svc-question__drop-indicator {
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__drop-indicator--left,
.svc-question__drop-indicator--right {
  top: 0;
  height: 100%;
  width: 0px;
}
.svc-question__drop-indicator--top,
.svc-question__drop-indicator--bottom {
  left: 0;
  width: 100%;
  height: 0px;
}
.svc-question__drop-indicator--left {
  left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-question__drop-indicator--right {
  right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-question__drop-indicator--top {
  top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-question__drop-indicator--bottom {
  bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))/2);
}
.svc-question__content--drag-over-left > .svc-question__drop-indicator--left {
  opacity: 1;
  width: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--drag-over-right > .svc-question__drop-indicator--right {
  opacity: 1;
  width: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--drag-over-top > .svc-question__drop-indicator--top {
  opacity: 1;
  height: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--drag-over-bottom > .svc-question__drop-indicator--bottom {
  opacity: 1;
  height: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel .svc-question__content--drag-over-left .svc-question__drop-indicator--left {
  left: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel .svc-question__content--drag-over-right .svc-question__drop-indicator--right {
  right: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {
  margin-left: 8px;
  width: calc(100% - 8px);
}
.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,
.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {
  margin-right: 8px;
  width: calc(100% - 8px);
}
.svc-question__content--panel .svc-question__content--drag-over-top .svc-question__drop-indicator--top,
.sd-panel__content .svc-question__content--drag-over-top .svc-question__drop-indicator--top {
  top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--panel .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom,
.sd-panel__content .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom {
  bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions > .sv-action-bar {
  box-sizing: border-box;
  padding: 0;
  justify-content: center;
}
svc-question sv-action-bar,
svc-question .sv-action-bar,
.svc-question sv-action-bar,
.svc-question .sv-action-bar {
  padding: 0;
}
.svc-panel__edge {
  position: absolute;
  border: 1px solid orange;
  height: 10px;
  width: 100%;
}
.svc-panel__edge--top {
  top: 0;
}
.svc-panel__edge--bottom {
  bottom: 0;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  height: 100%;
  overflow: hidden;
  min-width: 4px;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {
  border: 0;
  padding: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  border: none;
  height: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);
}
.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);
  z-index: 1;
}
.svc-element__header--hidden {
  display: block;
  box-sizing: border-box;
  padding: 0 calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  z-index: -1;
  width: 100%;
}
.svc-element__header--hidden .svc-string-editor,
.svc-element__header--hidden .svc-fake-title,
.svc-element__header--hidden sv-ng-string > .svc-string-editor {
  display: inline-flex;
}
.svc-element__header--hidden .svc-string-editor::before,
.svc-element__header--hidden .svc-fake-title::before,
.svc-element__header--hidden sv-ng-string > .svc-string-editor::before {
  content: "(";
}
.svc-element__header--hidden .svc-string-editor::after,
.svc-element__header--hidden .svc-fake-title::after,
.svc-element__header--hidden sv-ng-string > .svc-string-editor::after {
  content: ")";
}
.svc-element__header--hidden .svc-element__title--hidden {
  opacity: 0;
  transition: opacity 150ms;
}
.svc-element__header--lazy .svc-string-editor,
.svc-element__header--lazy sv-ng-string > .svc-string-editor,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor {
  display: inline-block;
}
.svc-element__header--lazy .svc-string-editor::before,
.svc-element__header--lazy .svc-string-editor::after,
.svc-element__header--lazy sv-ng-string > .svc-string-editor::before,
.svc-element__header--lazy sv-ng-string > .svc-string-editor::after,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::before,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::after,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::before,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::after {
  content: none;
}
.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden {
  z-index: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden > .svc-element__title--hidden {
  opacity: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__dropdown-choices--wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__placeholder_frame-wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__content-actions,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__add-new-question-container,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .sd-file,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > sv-ng-file-question {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drop-indicator {
  display: block;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drag-area {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-content-wrapper {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element > *:not(.sd-element__header) {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element__header > *:not(.sd-element__title) {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__header--location--left {
  display: none;
}
.svc-question__adorner .svc-question__content--collapsed {
  flex-grow: 0;
  padding-bottom: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__adorner .svc-question__content--collapsed .sd-element__header,
.svc-question__adorner .svc-question__content--collapsed .sd-element--complex > .sd-element__header {
  padding-top: 0;
  padding-bottom: 0;
}
.svc-creator--mobile .svc-question__top-actions {
  padding: 0;
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed {
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed.svc-question__content--selected {
  padding-top: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__drag-area {
  position: absolute;
  cursor: move;
  top: 0;
  left: 0;
  height: calc(3.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svc-question__drag-element {
  width: 100%;
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  width: var(--ctr-survey-question-panel-drag-area-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-panel-drag-area-drag-indicator-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question__drag-element use {
  fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {
  padding-left: 1px;
  padding-right: 1px;
}
.sd-panel .svc-question__content .sd-table-wrapper::before {
  left: calc(-1*var(--sd-base-padding) + 2px);
}
.sd-panel .svc-question__content .sd-table-wrapper::after {
  right: calc(-1*var(--sd-base-padding) + 2px);
}
.sd-panel .svc-question__content {
  border-radius: 0;
  box-shadow: none;
  outline: var(--ctr-survey-question-panel-border-width-nested, 1px) dashed var(--ctr-survey-question-panel-border-color-nested, var(--sjs-border-default, var(--border, #d6d6d6)));
  outline-offset: calc(-1*var(--ctr-survey-question-panel-border-width-nested, 1px));
}
.sd-panel .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px) var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)))) inset;
  outline: none;
}
.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px) var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814))) inset;
  outline: none;
}
.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
  border: none;
}
.svc-widget__content {
  width: 100%;
}
.svc-widget__content .sd-question__content {
  pointer-events: none;
}
.svc-question__content .sd-paneldynamic__footer,
.svc-question__content .sd-paneldynamic__separator {
  display: none;
}
.svc-panel__placeholder_frame-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}
.svc-question__content--empty-template .sd-question--paneldynamic,
.svc-question__content--empty-template .sd-question__content,
.svc-question__content--empty-template sv-ng-paneldynamic-question,
.svc-question__content--empty-template .sd-paneldynamic,
.svc-question__content--empty-template .sd-paneldynamic__panels-container,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,
.svc-question__content--empty-template .svc-question__adorner,
.svc-question__content--empty-template .svc-question__adorner > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,
.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panels-container .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {
  flex-grow: 1;
}
.sd-paneldynamic__panels-container {
  padding-bottom: 2px;
  margin-bottom: -2px;
}
.svc-panel__placeholder_frame {
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: calc(11*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
}
.svc-panel__add-new-question-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.svc-panel__add-new-question-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  justify-content: center;
}
.svc-panel__add-new-question-wrapper .svc-element__add-new-question {
  margin-top: var(--ctr-survey-panel-add-button-margin-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-panel__add-new-question-wrapper .svc-element__add-new-question-icon {
  margin: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-panel__add-new-question-wrapper .svc-element__add-new-question-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-panel__add-new-question-wrapper .svc-element__question-type-selector {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  margin: 0;
}
.svc-panel__add-new-question,
.svc-panel__add-new-question-wrapper .svc-element__add-new-question {
  display: flex;
  margin-top: var(--ctr-survey-placeholder-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-left: 0;
  margin-right: 0;
  width: auto;
  padding: var(--ctr-survey-action-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-action-button-padding-right, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-action-button-padding-left, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);
  justify-content: center;
  align-items: center;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--sjs-creator-transition-duration, 150ms), background var(--sjs-creator-transition-duration, 150ms);
  border: none;
  box-shadow: none;
}
.svc-panel__add-new-question:hover,
.svc-panel__add-new-question-wrapper .svc-element__add-new-question:hover {
  outline: none;
}
.svc-panel__add-new-question .svc-add-new-item-button__text,
.svc-panel__add-new-question-wrapper .svc-element__add-new-question .svc-add-new-item-button__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  text-wrap: nowrap;
}
.svc-panel__add-new-question-icon {
  margin: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-panel__add-new-question-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-panel__question-type-selector-popup {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: absolute;
  right: 0;
  bottom: 0;
}
@container (max-width: 496px) {
  .svc-panel__placeholder_frame {
    padding: calc(11*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
@container (max-width: 176px) {
  .svc-panel__placeholder {
    display: none;
  }
  .svc-panel__placeholder_frame {
    padding: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question,
  .svc-panel__placeholder_frame .svc-element__add-new-question {
    margin: 0;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,
  .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {
    display: block;
    width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  }
  .svc-panel__placeholder_frame .svc-element__question-type-selector,
  .svc-panel__add-new-question-container .svc-element__question-type-selector {
    display: none;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question,
  .svc-panel__placeholder_frame .svc-element__add-new-question,
  .svc-panel__add-new-question-container .svc-panel__add-new-question,
  .svc-panel__add-new-question-container .svc-element__add-new-question {
    padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-add-new-item-button__text,
  .svc-panel__placeholder_frame .svc-element__add-new-question .svc-add-new-item-button__text,
  .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-add-new-item-button__text,
  .svc-panel__add-new-question-container .svc-element__add-new-question .svc-add-new-item-button__text {
    display: none;
  }
}
.sd-panel .svc-row {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-panel .svc-row:first-of-type {
  margin-top: 0;
}
.sd-panel .svc-row .sd-row {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
  padding: 0;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-element--complex > .sd-element__header--location-top {
  padding-bottom: calc(.5*var(--sd-base-vertical-padding));
  padding-top: 0;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-panel__content {
  gap: 0;
  padding-top: 0;
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
  display: none;
}
.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-paneldynamic__panel-wrapper {
  padding: 0;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 1;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-question__content .sd-table__row-disabled > .sd-table__cell {
  opacity: 1;
}
.svc-question__content:not(.svc-question__content--composite-question) .svc-carry-forward-panel {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question__content {
  min-width: min(8*(var(--sjs-base-unit, var(--base-unit, 8px))), 100%);
  margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question--description-under-input .sd-question__content {
  margin-bottom: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-composite .sd-question__content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--paneldynamic .sd-question__content {
  padding-bottom: 2px;
  margin-bottom: -2px;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--paneldynamic .sd-paneldynamic__panels-container {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-top: calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__adorner .sv-ranking:not(.sv-ranking--select-to-rank) .svc-question__content--ranking .svc-carry-forward-panel {
  margin-top: 0;
}
.svc-question__adorner .sv-ranking .sv-ranking__container-placeholder {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  padding-top: 0;
  padding-bottom: 0;
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__top-actions {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}
.svc-survey-element-top-toolbar__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-muted, 0.5);
  background-color: rgba(0, 0, 0, 0);
}
.svc-survey-element-top-toolbar__item:hover,
.svc-survey-element-top-toolbar__item:focus-visible {
  opacity: initial;
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-survey-element-top-toolbar__item use {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.svc-question__adorner--collapse-onhover.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-onhover > .svc-question__content--selected > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-always > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions {
  visibility: visible;
}
.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
}
.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected .svc-question__content-actions {
  opacity: 0;
}
.sd-panel .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  border-radius: 0;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  box-shadow: none;
}
.svc-question__dropdown-choices {
  margin-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__dropdown-choice--collapsed:nth-last-child(1) {
  opacity: .25;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(2) {
  opacity: .5;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(3) {
  opacity: .75;
}
.svc-question__content > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + 8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
  margin: 0 calc(-4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: inline-block;
  min-width: calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  margin-left: var(--ctr-survey-radio-button-group-show-more-button-margin-left, calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: var(--ctr-survey-radio-button-group-show-more-button-margin-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--ctr-survey-action-button-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);
  cursor: pointer;
}
.svc-image-question-controls {
  position: absolute;
  top: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  display: none;
}
.svc-question__content--selected .svc-image-question-controls {
  display: flex;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {
  border-radius: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions {
  padding-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 2.5*var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions > .sv-action-bar {
  width: calc(100% - calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--image.svc-question__content--empty .sd-file,
.svc-question__content--image.svc-question__content--empty sv-ng-file-question {
  width: 100%;
}
.svc-question__content--image.svc-question__content--empty .sd-question--image {
  display: none;
}
.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
  display: none;
}
@container (max-width: 176px) {
  .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
    display: block;
  }
}
.svc-question__content--loading .sd-image {
  display: none;
}
.svc-image-question__loading-placeholder {
  position: relative;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  width: 100%;
  height: calc(27.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-image-question__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-rating-question-controls {
  position: absolute;
}
.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}
.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}
.svc-rating-question-controls.svc-rating-question-controls--labels-top {
  margin-top: calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating {
  margin-inline-start: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: calc(100% - 9*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
  min-width: 0;
}
.svc-question__content .sd-rating .sd-rating__item-text {
  max-width: 100%;
}
.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
  white-space: nowrap;
}
.svc-question__content .sd-rating .sd-rating__item-text::after {
  display: none;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
  text-overflow: initial;
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {
  padding-bottom: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-question--table .sd-rating {
  margin-inline-start: 0;
  width: fit-content;
  margin: auto;
  max-width: fit-content;
}
.svc-question__content .svc-rating-question-controls {
  display: flex;
  width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: auto;
  justify-content: flex-start;
}
.svc-question__content .sd-rating__item--fixed-size:focus-within {
  width: unset;
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .svc-rating-question-content .sd-question__content {
  overflow-x: visible;
}
.svc-creator--mobile .svc-rating-question-content {
  position: relative;
}
.svc-creator--mobile .svc-rating-question-controls {
  position: absolute;
  top: 0;
}
.svc-creator--mobile .svc-question__content .sd-rating {
  margin-inline-start: 0;
  width: 100%;
  max-width: 100%;
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
  margin-inline-start: calc(9*var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {
  margin-inline-start: calc(9*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-item-value-wrapper {
  position: relative;
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  align-items: center;
  margin-left: calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__dropdown-choice .svc-item-value-wrapper,
.sd-selectbase .svc-item-value-wrapper {
  align-items: flex-start;
}
.svc-question__dropdown-choice .svc-item-value__item,
.sd-selectbase .svc-item-value__item {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-selectbase__column {
  margin-left: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: initial;
}
.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
.svc-question__content .sd-selectbase__column:first-of-type,
.svc-question__content .sd-imagepicker__column {
  margin-left: 0;
}
.svc-question__content .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
.svc-item-value--dragging {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.1));
  border-radius: calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-item-value-controls {
  display: flex;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  align-self: flex-start;
}
.svc-item-value-controls__button {
  border-radius: var(--ctr-survey-action-button-corner-radius, 50%);
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
  display: inline-block;
  outline: none;
  width: var(--ctr-survey-action-button-icon-width-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-action-button-icon-height-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: content-box;
  transition: background var(--sjs-creator-transition-duration, 150ms), background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-item-value-controls__button .sv-svg-icon {
  display: block;
  width: var(--ctr-survey-action-button-icon-width-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-action-button-icon-height-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-item-value-controls__button > span {
  display: block;
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  display: block;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  width: var(--ctr-survey-item-actionbar-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-item-actionbar-drag-indicator-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon .sv-svg-icon {
  width: var(--ctr-survey-item-actionbar-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-item-actionbar-drag-indicator-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {
  opacity: 1;
}
.svc-item-value-controls__drag {
  padding: var(--ctr-survey-item-actionbar-drag-indicator-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-item-actionbar-drag-indicator-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-item-actionbar-drag-indicator-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-item-actionbar-drag-indicator-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: auto;
  width: auto;
  cursor: move;
  opacity: var(--ctr-survey-item-actionbar-drag-indicator-opacity, 0.25);
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  opacity: 0;
}
.svc-item-value-controls__drag use {
  fill: var(--ctr-survey-item-actionbar-drag-indicator-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-item-value-controls__button--disabled {
  fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  opacity: .25;
  cursor: default;
}
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--ctr-survey-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover,
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover,
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--ctr-survey-action-button-background-color-hovered-negative, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.sv-string-editor {
  cursor: text;
}
.svc-item-value--new .svc-item-value__item .sd-item__control-label,
.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-item-value--new .svc-item-value__item .sd-item__decorator {
  opacity: .35;
}
.svc-item-value--new .sv-ranking-item__index {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-item-value--new .sv-ranking-item__index svg {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-ranking .svc-item-value-wrapper {
  align-items: center;
}
.sv-ranking .svc-item-value__item {
  padding-right: 0;
  flex-grow: 1;
}
.svc-question__content .svc-item-value__item .sv-ranking-item__text {
  flex-grow: 1;
  width: 0;
  max-width: fit-content;
}
.svc-item-value__item .sv-ranking-item__content {
  padding-left: 0;
}
.svc-item-value__item .sv-ranking-item__icon-container {
  display: none;
}
.svc-item-value__item .sv-ranking-item__text {
  overflow: visible;
}
.svc-item-value__item .svc-string-editor {
  width: 100%;
  display: inline-block;
}
.svc-item-value__item .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv-drag-drop-choices-shortcut .sv-ranking-item__text {
  overflow: hidden;
}
.svc-item-value--ghost {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-item-value--ghost .svc-item-value__ghost {
  display: block;
}
.svc-item-value--ghost .svc-item-value-controls {
  visibility: hidden;
}
.svc-item-value--ghost .svc-item-value__item {
  display: none;
}
.svc-item-value--ghost .sv-string-viewer,
.svc-item-value--ghost .sv-string-editor {
  white-space: unset;
}
.svc-item-value--movedown {
  transform: translate(0, 0);
  animation: svdragdropmovedown .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmovedown {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value--moveup {
  transform: translate(0, 0);
  animation: svdragdropmoveup .1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmoveup {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value__ghost {
  display: none;
  background: var(--ctr-survey-radio-button-group-item-background-color-drop-spot, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: calc(25*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 11;
  position: absolute;
  left: 35px;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
  min-width: initial;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
  min-width: 64px;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-right: 0;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: 1;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: 1;
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: calc(-6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-left: 0;
  padding-right: 0;
}
.svc-image-item-value-wrapper {
  display: inline-block;
  position: relative;
}
.svc-image-item-value--new {
  display: none;
  height: max-content;
}
.svc-image-item-value--new .sd-imagepicker__image {
  box-sizing: border-box;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-image-item-value--file-dragging .sd-imagepicker__image {
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-image-item-value--file-dragging .svc-image-item-value__item {
  position: relative;
  z-index: 2;
}
.svc-question__content--selected .svc-image-item-value--new {
  display: inline-block;
}
.svc-image-item-value-controls {
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 2;
}
.svc-image-item-value--new .svc-image-item-value-controls {
  top: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-image-item-value--new .svc-image-item-value-controls__button {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-image-item-value-controls__add {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-image-item-value-controls__add use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.svc-image-item-value-controls__add:hover,
.svc-image-item-value-controls__add:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-choose-file-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
  width: 100%;
}
.svc-image-item-value-controls__drag-area-indicator {
  display: none;
  cursor: move;
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
  display: none;
}
.svc-image-item-value-wrapper__ghost {
  display: none;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-image-item-value--single {
  width: 100%;
}
.svc-image-item-value--single .sd-imagepicker__image {
  height: calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-image-item-value__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-matrix-cell {
  position: relative;
}
.svc-question__adorner .sd-table .sd-table__cell--column-title {
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
  padding: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__adorner .sd-table .sd-table__cell--column-title.sd-table__cell--drag {
  padding-right: 0;
  padding-left: 0;
}
.svc-matrix-cell--selected {
  position: absolute;
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-matrix-cell--selected.svc-visible {
  display: block;
}
.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {
  border: calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
  border-radius: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.svc-matrix-cell__question-controls {
  opacity: 0;
  position: absolute;
  top: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 2;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-matrix-cell__question-controls-button {
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-matrix-cell:hover .svc-matrix-cell__question-controls {
  opacity: 1;
}
.svc-question__content--in-popup {
  min-width: calc(70*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-matrix-cell__popup .sv-popup__scrolling-content {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-top: 0;
}
.svc-matrix-cell__popup .svc-question__content {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-question__content .sd-table__cell--detail-panel {
  padding-left: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-drag-element__svg {
  visibility: visible;
  cursor: initial;
}
.svc-question__content .sd-drag-element__svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svd-test-results {
  border-radius: var(--ctr-string-table-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: inset 0px 1px 0px 0px var(--ctr-string-table-shadow-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  padding: calc(12*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-test-results__content {
  box-shadow: var(--ctr-string-table-shadow-offset-x, 0px) var(--ctr-string-table-shadow-offset-y, 1px) var(--ctr-string-table-shadow-blur, 2px) var(--ctr-string-table-shadow-spread, 0px) var(--ctr-string-table-shadow-color, rgba(0, 0, 0, 0.15));
}
.svd-test-results__header {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--ctr-string-table-title-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-title-padding-right, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-title-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-title-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-string-table-title-caption-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  border-bottom: var(--ctr-string-table-title-border-width-bottom, 2px) solid var(--ctr-string-table-title-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  background-color: var(--ctr-string-table-title-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svd-test-results__header .svd-test-results__header-text {
  margin: 0;
}
.svd-test-results__header .svd-test-results__header-types {
  display: flex;
  gap: var(--ctr-string-table-title-actionbar-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-test-results__header .svc-action-button {
  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: rgba(0, 0, 0, 0);
}
.svd-test-results__header .svc-action-button:focus,
.svd-test-results__header .svc-action-button:hover {
  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  outline: none;
}
.svd-test-results__header .svc-action-button.svc-action-button--selected {
  border: var(--ctr-actionbar-button-border-width-selected, calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))))) solid var(--ctr-actionbar-button-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svd-test-results__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  padding: var(--ctr-code-viewer-text-margin-top-results-table, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-code-viewer-text-margin-right-results-table, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-code-viewer-text-margin-bottom-results-table, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-code-viewer-text-margin-left-results-table, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: calc(100% - 6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  -webkit-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  background: var(--ctr-code-viewer-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-code-viewer-text-color, rgb(0, 0, 0));
}
.svd-test-results__table {
  width: 100%;
}
.svd-test-results__table table {
  width: 100%;
  border-collapse: collapse;
}
.svd-test-results__table table .svd-test-results__marker {
  position: absolute;
  top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon {
  transition: transform .2s ease-in-out;
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {
  fill: var(--ctr-string-table-row-expand-button-icon-color-default, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {
  transform-origin: center;
  transform: rotate(90deg);
}
.svd-test-results__table table th {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  padding: var(--ctr-string-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--ctr-string-table-header-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  text-align: left;
  color: var(--ctr-string-table-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svd-test-results__table table th:nth-child(1) {
  padding-left: var(--ctr-string-table-row-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svd-test-results__table table td {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: var(--ctr-string-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  max-width: calc(50*(var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  border-top: var(--ctr-string-table-row-border-width-bottom, 2px) solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  -webkit-user-select: text;
  user-select: text;
  background: var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svd-test-results__table table td:nth-child(1) {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  position: relative;
  width: 50%;
}
.svd-test-results__table table td:nth-child(2) {
  width: 50%;
  padding-right: var(--ctr-string-table-row-padding-right, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svd-test-results__table table .survey-result-value {
  word-break: break-all;
}
.svd-test-results__table table tr {
  vertical-align: top;
}
.svd-test-results__table table tr .svd-test-results__node-value {
  color: var(--ctr-string-table-row-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svd-dark-border-color {
  color: var(--ctr-string-table-row-text-color-title, rgb(0, 0, 0));
}
.svc-designer-header .sd-container-modern__title {
  gap: 0;
  column-gap: var(--lbr-header-gap, 32px);
}
.svc-logo-image {
  position: relative;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  padding: 0;
  cursor: pointer;
  max-width: 50%;
}
.svc-logo-image .sd-logo__image {
  max-width: 100%;
}
.svc-logo-image .svc-image-item-value-controls {
  display: block;
  top: calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image__loading {
  width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  margin-right: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image-placeholder {
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-large-size, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-large-line-height, 40px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: var(--ctr-survey-header-logo-placeholder-icon-opacity, 0.25);
  white-space: nowrap;
  word-break: keep-all;
  padding: 0;
  padding: var(--ctr-survey-header-logo-placeholder-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-header-logo-placeholder-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-header-logo-placeholder-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-header-logo-placeholder-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--ctr-survey-header-logo-placeholder-corner-radius, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  transition: background-color var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-logo-image-placeholder:hover {
  background-color: var(--ctr-survey-header-logo-placeholder-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  opacity: unset;
}
.svc-logo-image-placeholder:hover use {
  fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-logo-image-placeholder svg {
  width: var(--ctr-survey-header-logo-placeholder-icon-width, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-header-logo-placeholder-icon-height, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logo-image-placeholder use {
  transition: fill var(--sjs-creator-transition-duration, 150ms);
  fill: var(--ctr-survey-header-logo-placeholder-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logo-image-container {
  position: relative;
}
.svc-logo-image-container .sd-logo {
  margin: 0;
}
.svc-logo-image-controls {
  opacity: 0;
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-logo-image-container {
  cursor: default;
}
.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {
  display: none;
}
.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,
.svc-logo-image-container--editable:hover .svc-logo-image-controls {
  opacity: 1;
}
.svc-link__button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question-link__set-button {
  cursor: pointer;
}
.svc-link-value-button {
  --thm-margin-inline-start: calc(-1 * var(--ctr-actionbar-button-padding-left-medium-text));
  margin-inline-start: var(--thm-margin-inline-start, calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question-link__clear-button {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  cursor: pointer;
}
.svc-question-link__clear-button:focus,
.svc-question-link__clear-button:hover {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.svc-search {
  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);
  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);
}
.svc-search {
  display: flex;
  align-items: center;
}
.svc-search__input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  outline: none;
  padding: 0;
  width: 0;
  flex-grow: 1;
}
.svc-creator--mobile .svc-search__input {
  font-size: max(16px, var(--ctr-font-small-size, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))));
}
.svc-search__toolbar {
  display: flex;
  gap: var(--ctr-search-toolbar-gap, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}
.svc-search__toolbar .sv-action-bar {
  gap: var(--ctr-search-toolbar-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin: 0;
  flex-shrink: 0;
}
.svc-search__toolbar .sv-action--hidden {
  display: none;
}
.svc-search__toolbar .svc-search__bar-item {
  height: min-content;
  margin: 0;
  border-radius: var(--ctr-search-button-corner-radius, 100px);
  padding: var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-search__toolbar .svc-search__bar-item .sv-svg-icon {
  width: var(--ctr-search-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-search-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-search__toolbar-counter {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  display: flex;
  flex-shrink: 0;
}
.svc-scroll__wrapper {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  height: 0;
  display: flex;
  flex-direction: column;
}
.svc-scroll__scroller {
  box-sizing: border-box;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.svc-scroll__scroller::-webkit-scrollbar {
  display: none;
}
.svc-scroll__scrollbar {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  width: fit-content;
  margin-inline-start: -1px;
  visibility: hidden;
  z-index: 30;
  inset-inline-end: 0;
  inset-inline-start: initial;
}
@-moz-document url-prefix() {
  .svc-scroll__scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0, 0, 0, 0);
  }
}
.svc-scroll__wrapper:hover .svc-scroll__scrollbar {
  visibility: visible;
}
.svc-scroll__scrollbar-sizer {
  width: 1px;
}
.svc-scroll__container {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.svc-property-panel__item {
  margin: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  width: 100%;
}
.svc-property-grid-placeholder {
  display: flex;
  padding: var(--ctr-property-grid-placeholder-padding-top, 96px) var(--ctr-property-grid-placeholder-padding-right, 48px) var(--ctr-property-grid-placeholder-padding-bottom, 0px) var(--ctr-property-grid-placeholder-padding-left, 48px);
  flex-direction: column;
  align-items: center;
  gap: var(--ctr-property-grid-placeholder-image-margin-top, 24px);
  flex: 1 0 0;
  align-self: stretch;
  background: var(--ctr-property-grid-form-background-color, #f3f3f3);
}
.svc-property-grid-placeholder__header {
  display: flex;
  max-width: var(--ctr-property-grid-placeholder-text-max-width, 256px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--ctr-property-grid-placeholder-text-gap, 8px);
}
.svc-property-grid-placeholder__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));
  text-align: center;
  display: inline-block;
}
.svc-property-grid-placeholder__description {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));
  text-align: center;
  display: inline-block;
}
.svc-property-grid-placeholder__content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.svc-property-grid-placeholder__gap {
  max-width: 192px;
  flex: 1 0 0;
  width: 100%;
}
.svc-property-grid-placeholder__image {
  display: flex;
  max-width: 192px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: url(data:image/png;base64,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) 50%/contain no-repeat;
  width: 100%;
  overflow: hidden;
  height: 86px;
}
[dir=rtl] .svc-property-grid-placeholder__image,
[style*="direction:rtl"] .svc-property-grid-placeholder__image,
[style*="direction: rtl"] .svc-property-grid-placeholder__image,
.svc-creator__side-bar--left .svc-property-grid-placeholder__image {
  transform: rotateY(180deg);
}
.svc-creator__side-bar--left .svc-property-grid-placeholder__content {
  flex-direction: row-reverse;
}
.svc-tabbed-menu-item {
  display: flex;
  align-items: center;
  min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-item-padding-top) + var(--ctr-menu-item-padding-bottom));
  padding: var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px);
  box-sizing: border-box;
  cursor: pointer;
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms), background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-tabbed-menu-item:hover,
.svc-tabbed-menu-item:focus {
  background-color: var(--ctr-menu-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  outline: none;
}
.svc-tabbed-menu-item--icon {
  padding-right: var(--ctr-menu-item-padding-right-icon, 16px);
  padding-left: var(--ctr-menu-item-padding-left-icon, 16px);
  display: flex;
  align-items: center;
}
.svc-tabbed-menu-item--selected {
  background: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-tabbed-menu-item--selected:hover,
.svc-tabbed-menu-item--selected:focus {
  background: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-tabbed-menu-item--disabled {
  cursor: default;
  opacity: var(--ctr-menu-item-opacity-disabled, 0.25);
}
.svc-tabbed-menu-item--disabled:hover {
  background-color: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-tabbed-menu-item--hidden {
  visibility: hidden;
}
.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  white-space: nowrap;
  display: block;
  color: var(--ctr-menu-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
}
.svc-tabbed-menu-item__icon {
  width: var(--ctr-menu-item-icon-width, 24px);
  height: var(--ctr-menu-item-icon-height, 24px);
  fill: var(--ctr-menu-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-tabbed-menu-item-container .sv-dots__item {
  width: auto;
}
.svc-tabbed-menu-item-container .svc-list__item-icon {
  display: none;
}
.svc-tabbed-menu {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
}
.svc-tabbed-menu-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
.svc-toolbox__item {
  display: flex;
  position: relative;
  align-items: center;
  outline: none;
  padding-top: var(--ctr-toolbox-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-bottom: var(--ctr-toolbox-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-toolbox-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox__item-icon {
  display: block;
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  pointer-events: none;
}
.svc-toolbox__tool {
  cursor: default;
  align-items: var(--ctr-toolbox-item-align, flex-start);
  align-self: var(--ctr-toolbox-item-align, flex-start);
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content {
  padding-block-start: 0;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content .svc-toolbox__item-banner {
  top: 50%;
}
.svc-toolbox__tool-content {
  display: flex;
  padding-block-start: var(--ctr-toolbox-group-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-direction: column;
  align-items: var(--ctr-toolbox-item-align, flex-start);
  position: relative;
}
.svc-toolbox__item--has-subitems {
  padding-inline-end: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__tool--has-subitems {
  align-items: var(--ctr-toolbox-item-align, flex-start);
  align-self: var(--ctr-toolbox-item-align, flex-start);
}
.svc-toolbox__item-container {
  display: flex;
  outline: none;
}
.svc-toolbox__item-container use {
  fill: var(--ctr-toolbox-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-toolbox__item-banner {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  opacity: 0;
  box-sizing: border-box;
  align-items: center;
  inset-inline-start: var(--thm-toolbox-item-banner-left, calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  max-width: calc(100*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--ctr-tooltip-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-tooltip-padding-right, calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-tooltip-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-tooltip-padding-left, calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-end: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  color: var(--ctr-toolbox-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: var(--ctr-tooltip-corder-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px) var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px) var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px) var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px) var(--ctr-tooltip-shadow-2-color, transparent);
  background-color: var(--ctr-tooltip-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  overflow: visible;
  position: absolute;
  z-index: 200;
  top: calc(50% + var(--ctr-toolbox-group-gap, 4px)/2);
  transform: translate(0, -50%);
  pointer-events: none;
}
.svc-toolbox__item-banner .svc-toolbox__item-icon {
  position: absolute;
  display: var(--ctr-toolbox-item-banner-icon-display, block);
  inset-inline-start: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-toolbox__item-banner:after {
  content: " ";
  display: var(--ctr-toolbox-item-banner-beak-display, none);
  width: calc(var(--ctr-tooltip-pointer-height)*1.41);
  height: calc(var(--ctr-tooltip-pointer-height)*1.41);
  background: var(--ctr-tooltip-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-top-color: rgba(0, 0, 0, 0);
  border-inline-end-color: rgba(0, 0, 0, 0);
  box-shadow: var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px) var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px) var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px) var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px) var(--ctr-tooltip-shadow-2-color, transparent);
  align-self: center;
  position: absolute;
  inset-inline-end: 100%;
  top: 50%;
  z-index: 300;
  transform: translate(calc(var(--ctr-tooltip-pointer-height) / 1.41), calc(var(--ctr-tooltip-pointer-height) / -1.41)) rotate(45deg);
  clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);
}
.svc-toolbox__item-banner .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-toolbox__item-title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  display: block;
  padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-inline-end: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  color: var(--ctr-toolbox-item-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-toolbox__tool:hover .svc-toolbox__item-banner,
.svc-toolbox__tool:focus-within .svc-toolbox__item-banner {
  display: var(--ctr-toolbox-item-banner-display, flex);
  opacity: 1;
  pointer-events: initial;
}
.svc-toolbox__tool--disabled {
  pointer-events: none;
}
.svc-toolbox__tool--disabled use {
  opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);
  fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));
}
.svc-toolbox__tool--disabled .svc-toolbox__item-title {
  opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);
}
.svc-toolbox__item:focus,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__item:hover {
  overflow: visible;
  background-color: var(--ctr-toolbox-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px) var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px) var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-2-color, transparent);
  transition: .1s ease-in-out;
}
.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:hover {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.svc-toolbox__item:focus .svc-toolbox__item-title,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox__item-title,
.svc-toolbox__item:hover .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-toolbox__item:focus .sv-svg-icon use,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .sv-svg-icon use,
.svc-toolbox__item:hover .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-toolbox__tool .sv-dots__item:hover:enabled,
.svc-toolbox__tool .sv-dots__item:focus:enabled,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
  background-color: var(--ctr-toolbox-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: none;
}
.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-toolbox__item-submenu-button {
  position: absolute;
  inset-inline-end: var(--ctr-toolbox-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-end: var(--ctr-toolbox-item-submenu-button-margin-right, 0);
  top: calc(var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top)) + var(--ctr-toolbox-gap, var(--dft-toolbox-gap)));
  bottom: var(--ctr-toolbox-item-padding-bottom, var(--dft-toolbox-item-padding-bottom));
  display: inline-flex;
  padding: var(--ctr-toolbox-item-submenu-button-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-submenu-button-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-submenu-button-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-submenu-button-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  align-items: center;
  border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, 1024px);
  background-color: var(--ctr-toolbox-item-submenu-button-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-toolbox__item-submenu-button:hover {
  background-color: var(--ctr-toolbox-item-submenu-button-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-toolbox__item-submenu-button svg {
  fill: var(--ctr-toolbox-item-submenu-button-icon-color, var(--sjs-layer-1-foreground-50, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))));
  width: var(--ctr-toolbox-item-submenu-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-item-submenu-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox-popup .sv-list__item:first-of-type .sv-list__item-separator {
  display: none;
}
.svc-toolbox-popup .sv-list__item .sv-list__item-body {
  padding-top: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item {
  background: var(--ctr-toolbox-item-background-color-pressed, inherit);
  box-shadow: var(--ctr-toolbox-item-shadow-pressed-offset-x, 0px) var(--ctr-toolbox-item-shadow-pressed-offset-y, 1px) var(--ctr-toolbox-item-shadow-pressed-blur, 2px) var(--ctr-toolbox-item-shadow-pressed-spread, 0px) var(--ctr-toolbox-item-shadow-pressed-color, rgba(0, 0, 0, 0));
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-pressed, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-toolbox-item-text-opacity-pressed, 0.5);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-pressed, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-toolbox-item-icon-opacity-pressed, 0.5);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item.svc-toolbox__item-subtype {
  opacity: unset;
}
.svc-toolbox-subtypes .sv-popup__container {
  margin-top: calc(0px - var(--ctr-toolbox-submenu-group-margin-top, 0px) - var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top)));
  padding: 0;
  padding-inline-start: calc(var(--ctr-toolbox-item-padding-right, var(--dft-toolbox-item-padding-right)) + var(--ctr-toolbox-item-submenu-button-margin-right, 0px) + var(--ctr-toolbox-group-padding-right, var(--dft-toolbox-group-padding-right)) + var(--ctr-toolbox-border-width-right, 0px));
  box-shadow: unset;
  background: unset;
}
.svc-toolbox-subtypes .sv-list__container {
  flex-wrap: wrap;
  column-gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox-subtypes .sv-popup__body-content {
  border-radius: var(--ctr-toolbox-submenu-corner-radius, var(--sjs-base-unit, var(--base-unit, 8px)));
  box-shadow: var(--ctr-toolbox-submenu-shadow-1-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-1-offset-y, 2px) var(--ctr-toolbox-submenu-shadow-1-blur, 8px) var(--ctr-toolbox-submenu-shadow-1-spread, 0px) var(--ctr-toolbox-submenu-shadow-1-color, transparent), var(--ctr-toolbox-submenu-shadow-2-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-2-offset-y, 16px) var(--ctr-toolbox-submenu-shadow-2-blur, 32px) var(--ctr-toolbox-submenu-shadow-2-spread, 0px) var(--ctr-toolbox-submenu-shadow-2-color, transparent);
  background: var(--ctr-toolbox-submenu-background-color, unset);
  padding: 0;
}
.svc-toolbox-subtypes .sv-popup__scrolling-content {
  padding-top: calc(var(--ctr-toolbox-submenu-group-margin-top, 0px));
  padding-inline-end: var(--ctr-toolbox-submenu-group-margin-right, 0px);
  padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, 0px);
  padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, 0px);
  overflow: visible;
}
.svc-toolbox-subtypes .sv-list__item:hover > .sv-list__item-body,
.svc-toolbox-subtypes .sv-list__item:focus > .sv-list__item-body {
  background-color: unset;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype {
  opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);
  overflow: hidden;
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background: var(--ctr-toolbox-item-background-color-submenu, var(--sjs-layer-2-background-500, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  box-shadow: var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px) var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px) var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-2-color, rgba(0, 0, 0, 0));
  transition: .1s ease-in-out;
  padding: var(--ctr-toolbox-item-padding-top-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-bottom-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-left-submenu, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-self: flex-start;
  min-width: var(--ctr-toolbox-submenu-item-min-width, initial);
  box-sizing: border-box;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-submenu, var(--sjs-layer-2-foreground-100, rgba(0, 0, 0, 0.9098039216)));
}
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype,
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype {
  background: var(--ctr-toolbox-item-background-color-hovered, var(--sjs-layer-1-background-500, var(--sjs-general-backcolor, var(--background, #fff))));
  opacity: unset;
}
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype .svc-toolbox__item-title,
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, var(--sjs-general-forecolor, var(--foreground, #161616))));
}
.svc-toolbox-subtypes .svc-toolbox__item-title {
  padding: 0;
}
.svc-toolbox__tool--dots {
  align-self: flex-start;
}
.svc-toolbox__item--dots {
  padding-inline-end: var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox--compact .svc-toolbox__item-submenu-button {
  display: none;
}
.svc-toolbox--compact .svc-toolbox__tool {
  padding: 0px var(--ctr-toolbox-item-margin-horizontal-no-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-self: flex-start;
  pointer-events: all;
}
.svc-toolbox--compact .svc-toolbox__search-button {
  padding-inline-start: var(--ctr-toolbox-item-margin-horizontal-no-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox--compact .svc-toolbox__item {
  padding-inline-start: var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
  align-self: flex-start;
}
.svc-toolbox--compact .svc-toolbox__tool--dots {
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.svc-toolbox--compact .svc-toolbox__item--dots {
  padding-inline-end: var(--ctr-toolbox-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox {
  --dft-toolbox-item-padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-group-padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-item-padding-right: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-width-compact: calc(9 *var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-toolbox-width-compact: calc( var(--ctr-toolbox-item-icon-width) + var(--ctr-toolbox-item-padding-right-no-text) + var(--ctr-toolbox-item-padding-left-no-text) + var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 + var(--ctr-toolbox-group-padding-right) + var(--ctr-toolbox-group-padding-left) );
  --thm-toolbox-item-banner-left: calc( var(--ctr-toolbox-item-icon-width) + var(--ctr-toolbox-item-padding-right-no-text) + var(--ctr-toolbox-item-padding-left-no-text) + var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 + var(--ctr-toolbox-group-padding-right) + var(--ctr-tooltip-pointer-height) * 2 );
  --toolbox-width: var(--ctr-toolbox-min-width, 224.984375px );
  --toolbox-width-compact: var(--thm-toolbox-width-compact, var(--dft-toolbox-width-compact));
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.svc-toolbox__panel {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  height: 0;
  display: flex;
  flex-direction: column;
  border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid var(--ctr-toolbox-border-color, transparent);
  background: var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  min-width: var(--toolbox-width);
}
.svc-toolbox .svc-scroll__scroller {
  padding: var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: var(--ctr-toolbox-scroller-align-items, flex-end);
}
.svc-toolbox .svc-scroll__scrollbar {
  inset-inline-end: var(--ctr-toolbox-scrollbar-right, initial);
  inset-inline-start: var(--ctr-toolbox-scrollbar-left, 0);
  padding: var(--ctr-toolbox-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0;
}
.svc-toolbox--scrollable {
  --toolbox-width: var(--ctr-toolbox-min-width, 236.984375px);
}
.svc-toolbox--compact {
  margin-inline-end: var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox--compact .svc-toolbox__panel {
  overflow: visible;
  width: var(--toolbox-width-compact);
  min-width: var(--toolbox-width-compact);
}
.svc-toolbox--compact .svc-scroll__scroller {
  width: 100vw;
  padding: var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-right-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  pointer-events: none;
}
.svc-toolbox--compact .svc-search {
  opacity: 0;
  position: absolute;
}
.svc-toolbox--compact .svc-toolbox__search-container {
  padding-top: var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: calc(var(--ctr-toolbox-separator-padding-top, 8px) + var(--ctr-toolbox-gap, 4px));
}
.svc-toolbox--compact .svc-toolbox__category-separator {
  box-sizing: content-box;
  padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));
  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));
}
.svc-toolbox--compact .svc-toolbox__category-separator--search {
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.svc-toolbox__tool.svc-toolbox__search-button {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.svc-toolbox__tool.svc-toolbox__search-button svg {
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox--flyout {
  --toolbox-width: var(--ctr-toolbox-min-width, calc(32 *var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-inline-end: var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  overflow: visible;
  overflow: visible;
  width: var(--toolbox-width-compact);
  max-width: var(--thm-toolbox-width-compact, calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  overflow: visible;
  border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid rgba(0, 0, 0, 0);
}
.svc-toolbox--flyout .svc-search {
  opacity: 1;
  position: relative;
}
.svc-toolbox--flyout .svc-toolbox__panel {
  z-index: 200;
  width: fit-content;
  position: relative;
  box-shadow: var(--ctr-toolbox-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-shadow-floating-2-offset-y, 8px) var(--ctr-toolbox-shadow-floating-2-blur, 16px) var(--ctr-toolbox-shadow-floating-2-spread, 0px) var(--ctr-toolbox-shadow-floating-2-color, rgba(0, 0, 0, 0.1)), var(--ctr-toolbox-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-shadow-floating-1-offset-y, 2px) var(--ctr-toolbox-shadow-floating-1-blur, 6px) var(--ctr-toolbox-shadow-floating-1-spread, 0px) var(--ctr-toolbox-shadow-floating-1-color, rgba(0, 0, 0, 0.1));
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms);
}
.svc-toolbox--searchable .svc-toolbox__search-container {
  display: flex;
}
.svc-toolbox__search-container {
  position: sticky;
  top: 0;
  display: none;
  flex-direction: column;
  box-sizing: border-box;
  background: var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-bottom: var(--ctr-toolbox-search-border-width-bottom, 1px) solid rgba(0, 0, 0, 0);
}
.svc-toolbox__search-container svg {
  pointer-events: none;
}
.svc-toolbox__category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.svc-toolbox__category-separator {
  box-sizing: border-box;
  padding-top: var(--ctr-toolbox-separator-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-separator-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-toolbox-separator-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-toolbox-separator-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: var(--ctr-toolbox-gap, 0);
  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 12px));
  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 12px));
  max-width: var(--ctr-toolbox-separator-max-width, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox__category-separator:after {
  content: "";
  display: block;
  height: var(--ctr-toolbox-separator-height, 1px);
  background-color: var(--ctr-toolbox-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-toolbox__category-separator--search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-top: 0;
  max-width: initial;
}
.svc-toolbox--no-separators .svc-toolbox__category-separator {
  display: none;
}
.svc-toolbox--no-separators .svc-toolbox__category-separator--search {
  display: block;
}
.svc-toolbox__category-header-wrapper {
  padding: var(--ctr-toolbox-group-header-margin-top, 0px) var(--ctr-toolbox-group-header-margin-left, 0px) var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-left, 0px);
  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 0px));
  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 0px));
  align-self: stretch;
}
.svc-toolbox__category-header {
  padding-top: var(--ctr-toolbox-group-header-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-group-header-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-toolbox-group-header-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-group-header-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow:
    inset 0 var(--ctr-toolbox-group-header-border-width-top, 0px) var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6))),
    inset calc(0px - var(--ctr-toolbox-group-header-border-width-right, 0px)) 0 var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6))),
    inset 0 calc(0px - var(--ctr-toolbox-group-header-border-width-bottom, 1px)) var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6))),
    inset var(--ctr-toolbox-group-header-border-width-left, 0px) 0 var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  box-sizing: border-box;
  width: 100%;
  min-width: calc(20*(var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
  display: flex;
}
.svc-toolbox__category-header--collapsed {
  cursor: pointer;
}
.svc-toolbox__category-title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  vertical-align: middle;
  display: block;
  flex-grow: 1;
}
.svc-toolbox__category-header__controls {
  inset-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--ctr-category-header-controls-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  display: none;
  align-self: center;
  margin-top: -50%;
  margin-bottom: -50%;
}
.svc-toolbox__category-header__button {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {
  display: flex;
}
.svc-toolbox__category--collapsed .svc-toolbox__tool {
  height: 0;
  visibility: hidden;
}
.svc-toolbox__category--empty {
  height: 0;
  visibility: hidden;
}
.svc-toolbox__placeholder {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  padding-top: calc(13.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-inline-start: auto;
  margin-inline-end: auto;
  color: var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-toolbox .svc-search {
  padding-top: var(--ctr-toolbox-search-padding-top, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-toolbox-search-padding-bottom, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-search-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  gap: var(--ctr-toolbox-search-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: unset;
  width: unset;
  flex-grow: 1;
  border-bottom: none;
}
.svc-toolbox .svc-search__input {
  color: var(--ctr-toolbox-search-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-toolbox .svc-search__input::placeholder {
  color: var(--ctr-toolbox-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-toolbox .svc-search__bar-item:hover:enabled {
  background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.svc-toolbox .svc-search__bar-item:hover:enabled svg use {
  fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-toolbox .svc-search__search-icon {
  width: var(--ctr-toolbox-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox .svc-search__search-icon .sv-svg-icon {
  width: var(--ctr-toolbox-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox .svc-search__search-icon .sv-svg-icon use {
  fill: var(--ctr-toolbox-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-creator__toolbox--right .svc-toolbox,
[dir=rtl] .svc-toolbox,
[style*="direction:rtl"] .svc-toolbox,
[style*="direction: rtl"] .svc-toolbox {
  direction: rtl;
}
.svc-creator__toolbox--right .svc-toolbox__item-banner:after,
[dir=rtl] .svc-toolbox__item-banner:after,
[style*="direction:rtl"] .svc-toolbox__item-banner:after,
[style*="direction: rtl"] .svc-toolbox__item-banner:after {
  transform: translate(-2px, -2px) rotate(90deg);
}
.svc-creator__toolbox--right .svc-toolbox__item-submenu-button svg,
[dir=rtl] .svc-toolbox__item-submenu-button svg,
[style*="direction:rtl"] .svc-toolbox__item-submenu-button svg,
[style*="direction: rtl"] .svc-toolbox__item-submenu-button svg {
  transform: rotate(180deg);
}
.svc-creator__toolbox--right .sv-popup__body-content,
.svc-creator__toolbox--right .svc-search {
  direction: initial;
}
@keyframes toolboxFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes toolboxMoveIn {
  from {
    width: var(--toolbox-width-compact);
    overflow: hidden;
  }
  to {
    width: var(--animation-width);
    overflow: hidden;
  }
}
@keyframes toolboxSeparatorSearchMoveIn {
  from {
    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    overflow: hidden;
  }
  to {
    padding-inline-end: 0;
    padding-inline-start: 0;
    overflow: hidden;
  }
}
@keyframes toolboxSeparatorMoveIn {
  from {
    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    overflow: hidden;
  }
  to {
    padding-inline-end: var(--ctr-toolbox-separator-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    padding-inline-start: var(--ctr-toolbox-separator-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    overflow: hidden;
  }
}
.svc-toolbox__panel--enter,
.svc-toolbox__panel--leave {
  animation-fill-mode: forwards;
  animation-duration: var(--move-animation-duration), var(--animation-duration);
  animation-delay: var(--move-animation-delay), 0s;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxMoveIn, empty;
  animation-fill-mode: forwards;
  min-width: 0;
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator,
.svc-toolbox__panel--leave .svc-toolbox__category-separator {
  animation-duration: var(--move-animation-duration);
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxSeparatorMoveIn;
  animation-fill-mode: forwards;
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator--search,
.svc-toolbox__panel--leave .svc-toolbox__category-separator--search {
  animation-name: toolboxSeparatorSearchMoveIn;
}
.svc-toolbox__panel--enter .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--enter .svc-toolbox__item-title,
.svc-toolbox__panel--enter .svc-search__input,
.svc-toolbox__panel--leave .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--leave .svc-toolbox__item-title,
.svc-toolbox__panel--leave .svc-search__input {
  animation-duration: var(--fade-animation-duration);
  animation-delay: var(--fade-animation-delay);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxFadeIn;
  animation-fill-mode: forwards;
  opacity: 0;
  text-overflow: initial;
}
.svc-toolbox__panel--enter {
  --fade-animation-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);
  --move-animation-delay: 0s;
  --animation-direction: normal;
  --animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));
  --animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.svc-toolbox__panel--leave {
  --fade-animation-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);
  --animation-direction: reverse;
  --animation-duration: 0s;
  --animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
}
.svc-toolbox--flyout-to-compact-running {
  width: var(--toolbox-width-compact);
  margin-inline-end: var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  z-index: 200;
  border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid rgba(0, 0, 0, 0);
}
.svc-creator--disable-animations .svc-toolbox__panel--enter,
.svc-creator--disable-animations .svc-toolbox__panel--leave {
  animation: none;
}
.svc-side-bar__container {
  flex-direction: column;
  display: flex;
  position: relative;
  width: var(--ctr-property-grid-width, 450px);
  min-width: var(--ctr-property-grid-min-width, 370px);
  height: 100%;
  border-inline-start: 1px solid var(--ctr-property-grid-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-side-bar__wrapper {
  height: 100%;
}
.svc-side-bar__container .svc-resizer {
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
  cursor: e-resize;
}
.svc-resizer-west {
  left: 0;
}
.svc-resizer-east {
  right: 0;
}
.svc-side-bar__container-header {
  background: var(--ctr-property-grid-header-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  display: flex;
  padding: var(--ctr-property-grid-header-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-header-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-property-grid-header-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-header-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-side-bar__container-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  overflow-y: auto;
  background-color: var(--ctr-property-grid-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-side-bar__container-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0px calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-side-bar__container-title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-side-bar__container-actions {
  width: 100%;
  box-sizing: border-box;
}
.svc-side-bar__container-actions .sv-action-bar {
  justify-content: flex-end;
  padding: 0;
}
.svc-side-bar__container-actions .sv-action-bar-item {
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus {
  background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover {
  background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar__container-actions .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar__container-actions .sv-action-bar-item__title {
  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-side-bar__container-actions .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-flex-row.svc-side-bar__wrapper {
  width: auto;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}
.svc-side-bar__container {
  background-color: var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar {
  height: 100%;
}
.svc-side-bar--flyout .svc-side-bar__shadow {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  z-index: 900;
}
.svc-side-bar--flyout .svc-side-bar__container-wrapper {
  border-left: none;
  z-index: 1000;
  position: absolute;
  inset-inline-end: 0;
  height: 100%;
  max-width: 100%;
}
.svc-side-bar--flyout.svc-side-bar--side-area .svc-side-bar__container-wrapper {
  max-width: calc(100% - calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px)));
  inset-inline-end: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));
}
.svc-side-bar--flyout .svc-side-bar__container {
  display: flex;
  max-width: 100%;
}
.svc-side-bar--flyout .svc-sidebar-tabs {
  z-index: 1000;
}
.svc-side-bar--mobile .svc-side-bar__wrapper {
  position: absolute;
  width: 100%;
  position: absolute;
  inset-inline-end: 0;
  z-index: 1000;
}
.svc-side-bar--mobile .svc-side-bar__container-wrapper {
  position: static;
  flex-grow: 1;
}
.svc-side-bar--mobile .svc-side-bar__container {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}
@keyframes flyoutSideBarShadowFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: .75;
  }
}
@keyframes sideBarMoveIn {
  from {
    width: 0;
    overflow: hidden;
  }
  to {
    width: var(--animation-width);
    overflow: hidden;
  }
}
.svc-side-bar--enter,
.svc-side-bar--leave {
  animation-fill-mode: forwards;
  animation-name: empty;
  animation-duration: var(--animation-duration);
}
.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container {
  max-width: var(--animation-width);
}
.svc-side-bar--enter {
  --animation-duration: var(--svc-side-bar-enter-duration, 500ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.svc-side-bar--leave {
  --animation-duration: var(--svc-side-bar-leave-duration, 500ms);
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
}
.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-name: sideBarMoveIn;
}
.svc-side-bar--flyout.svc-side-bar--enter .svc-side-bar__shadow,
.svc-side-bar--flyout.svc-side-bar--leave .svc-side-bar__shadow {
  animation-name: flyoutSideBarShadowFadeIn;
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper {
  animation: none;
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper {
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__wrapper,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__wrapper {
  animation-name: sideBarMoveIn;
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.svc-creator--disable-animations .svc-side-bar--leave,
.svc-creator--disable-animations .svc-side-bar--enter {
  animation: none;
}
.sv-action--object-selector {
  max-width: 70%;
}
.sv-action--object-selector .sv-action-bar-item {
  flex-shrink: 1;
  height: auto;
}
.sv-action--object-selector .sv-action-bar-item__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-full-container.svc-creator__side-bar--left {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {
  justify-content: flex-start;
  flex: 1;
  display: flex;
}
[dir=rtl] .svd-grid-hide .sv-svg-icon,
[dir=rtl] .svd-grid-expand .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-hide .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-expand .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-hide .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-expand .sv-svg-icon,
.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon,
.svc-full-container.svc-creator__side-bar--left .svd-grid-expand .sv-svg-icon {
  transform: rotate(180deg);
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-wrapper,
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  inset-inline-start: 0;
  inset-inline-end: unset;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar--side-area .svc-side-bar__container-wrapper {
  inset-inline-start: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));
}
.svd-grid-hide {
  margin-inline-end: auto;
}
.svd-grid-hide .sv-action-bar-item--icon {
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-grid-hide .sv-svg-icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-toolbox {
  width: 100%;
}
.svc-side-bar .svc-toolbox .svc-scroll__scroller {
  direction: initial;
}
.svc-side-bar .svc-toolbox .svc-scroll__scrollbar {
  inset-inline-end: 0;
  inset-inline-start: initial;
}
.svc-side-bar .svc-toolbox__category-separator--search {
  display: none;
}
.svc-side-bar .svc-toolbox__panel {
  width: unset;
  border: none;
}
.svc-sidebar-tabs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-inline-start: var(--ctr-property-grid-tabs-border-width, 1px) solid var(--ctr-property-grid-tabs-border-color, rgba(0, 0, 0, 0.16));
  background: var(--ctr-property-grid-tabs-background-color, #fff);
  box-sizing: border-box;
}
.svc-sidebar-tabs__top-container {
  display: flex;
  padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px) var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--ctr-property-grid-tabs-separator-margin, 12px);
}
.svc-sidebar-tabs__collapse-button {
  display: flex;
  align-items: center;
}
[dir=rtl] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction:rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction: rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
.svc-creator__side-bar--left .svc-sidebar-tabs__collapse-button .sv-svg-icon {
  transform: rotateY(180deg);
}
.svc-sidebar-tabs__separator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  margin-top: -1px;
}
.svc-sidebar-tabs__separator > div {
  height: var(--ctr-separator-width, 1px);
  background: var(--ctr-separator-color, rgba(0, 0, 0, 0.16));
  width: 100%;
}
.svc-sidebar-tabs__items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--ctr-property-grid-tabs-gap, 12px);
}
.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {
  display: flex;
  padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--ctr-menu-toolbar-button-gap, 8px);
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);
  background: var(--ctr-menu-toolbar-button-background-color-selected, #fff);
}
.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected use {
  fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-creator--mobile .svc-sidebar-tabs--collapsed {
  display: none;
}
.svc-menu-action {
  display: flex;
  align-items: center;
}
.svc-menu-action__icon-container {
  flex: 1 0 0;
  align-self: stretch;
}
.svc-sidebar-tabs__bottom-container {
  display: flex;
  padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px) var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--ctr-property-grid-tabs-separator-margin, 12px);
}
.svc-sidebar__header.svc-sidebar__header--tabbed {
  display: flex;
  align-items: flex-start;
}
.svc-sidebar__header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  background: var(--ctr-property-grid-header-background-color, #fff);
  box-shadow: inset 0px calc(-1*var(--ctr-property-grid-header-border-width-bottom, 2px)) 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  box-sizing: border-box;
  width: 100%;
}
.svc-sidebar__header--tabbed,
.svc-sidebar__header-container {
  min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-toolbar-button-padding-top) + var(--ctr-menu-toolbar-button-padding-bottom) + var(--ctr-menu-toolbar-padding-vertical) + var(--ctr-menu-toolbar-padding-vertical));
}
.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {
  padding: var(--ctr-property-grid-header-padding-top-with-subtitle, 6px) var(--ctr-property-grid-header-padding-right, 16px) var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px);
}
.svc-sidebar__header-container .svc-side-bar__container-title {
  justify-content: center;
}
.svc-sidebar__header-content {
  display: flex;
  align-items: center;
}
.svc-menu-action__button {
  display: flex;
  padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--ctr-menu-toolbar-button-gap, 8px);
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);
  cursor: pointer;
}
.svc-menu-action__button:hover,
.svc-menu-action__button:focus,
.svc-menu-action__button:focus-within {
  background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  outline: unset;
}
.svc-menu-action__button.svc-menu-action__button--pressed {
  opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);
  background: var(--ctr-menu-toolbar-button-background-color-pressed, #f3f3f3);
}
.svc-menu-action__button.svc-menu-action__button--with-subtitle {
  padding: var(--ctr-menu-toolbar-button-padding-top-with-description, 4px) var(--ctr-menu-toolbar-button-padding-right-with-description, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left-with-description, 8px);
}
.svc-menu-action__icon {
  display: flex;
  width: var(--ctr-menu-toolbar-button-icon-width, 24px);
  height: var(--ctr-menu-toolbar-button-icon-height, 24px);
  justify-content: center;
  align-items: center;
}
.svc-menu-action__icon .sv-svg-icon {
  width: var(--ctr-menu-toolbar-button-icon-width, 24px);
  height: var(--ctr-menu-toolbar-button-icon-height, 24px);
  display: block;
}
.svc-menu-action__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-sidebar__header-caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.svc-sidebar__header-title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-menu-toolbar-button-text-color, rgba(0, 0, 0, 0.91));
  display: inline-block;
}
.svc-sidebar__header-subtitle {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-menu-toolbar-button-text-color-secondary, rgba(0, 0, 0, 0.45));
  display: inline-block;
}
.spg-action-bar {
  display: flex;
  box-sizing: content-box;
  position: relative;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
}
.spg-action-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
  border: none;
  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: background-color var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}
.spg-action-button:hover,
.spg-action-button:focus {
  opacity: 1;
  outline: none;
  background-color: var(--ctr-actionbar-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.spg-action-button:hover use,
.spg-action-button:focus use {
  fill: var(--ctr-actionbar-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-action-button--icon {
  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-action-button__icon {
  display: block;
  width: var(--ctr-actionbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-actionbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-action-button__icon use {
  fill: var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.spg-action-button--danger {
  color: var(--ctr-library-action-button-text-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));
}
.spg-action-button--danger:hover,
.spg-action-button--danger:focus {
  background-color: var(--ctr-library-action-button-background-color-negative-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.spg-action-button--danger:hover use,
.spg-action-button--danger:focus use {
  fill: var(--ctr-library-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));
}
button.spg-action-button--large {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-action-button:disabled {
  opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);
  pointer-events: none;
  cursor: default;
}
.spg-action-button--muted {
  opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);
}
.spg-action-button:active {
  opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);
}
.spg-action-button--text {
  padding: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  border-radius: var(--ctr-editor-corner-radius);
}
.spg-question.spg-question--disabled {
  background-color: var(--ctr-editor-background-color-disabled);
}
.spg-question__header {
  width: 100%;
}
.spg-question--disabled .spg-question__header {
  opacity: var(--ctr-editor-label-opacity-disabled, 0.25);
}
.spg-question__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  width: 100%;
  margin: 0;
  padding: var(--ctr-label-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-label-padding-right, 0px) var(--ctr-label-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-label-padding-left, 0px);
  color: var(--ctr-label-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  box-sizing: border-box;
}
.spg-question__title.sd-element__title--disabled {
  color: var(--ctr-caption-with-actions-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.spg-question__content {
  width: 100%;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  cursor: pointer;
}
.spg-text__content,
.spg-comment__content {
  position: relative;
}
.spg-question__content:focus-within .spg-remaining-character-counter {
  display: flex;
}
.spg-remaining-character-counter {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  position: absolute;
  inset-inline-end: calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-block-end: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question__description {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  padding-bottom: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: normal;
}
.spg-question--disabled .spg-question__description {
  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-row-narrow__question {
  --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: calc(-1*var(--thm-ctr-property-grid-form-gap));
}
.spg-row--multiple > div > .spg-row-narrow__question {
  --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(-1*var(--thm-ctr-editor-layout-gap));
}
.spg-question--location--left {
  flex-direction: row;
  background: var(--ctr-editor-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  line-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: middle;
  align-items: stretch;
  border-radius: var(--ctr-editor-corner-radius, 0px);
}
.spg-question--location--left:focus-within {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-question--disabled.spg-question--location--left .spg-question__title {
  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.spg-question__header--location--left {
  width: max-content;
  box-sizing: border-box;
  max-width: 50%;
  flex: 0 0;
  display: flex;
  align-items: center;
  padding-inline-start: var(--ctr-editor-padding-left, 0);
}
.spg-question__header--location--left .spg-question__title {
  padding: var(--ctr-editor-label-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-label-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-label-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-label-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-inline-end: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  display: inline-block;
  color: var(--ctr-editor-label-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spg-question__header--location--left .spg-question__title .sv-string-viewer {
  white-space: nowrap;
}
.spg-question__content--left {
  flex: 2;
}
.spg-question__content--left .spg-input.spg-input.spg-input {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: none;
}
.spg-question__content--left .spg-input.spg-input.spg-input:focus,
.spg-question__content--left .spg-input.spg-input.spg-input:focus-within {
  box-shadow: none;
}
.spg-row--multiple {
  display: flex;
  gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-wrap: wrap;
}
.spg-row--multiple > div {
  flex-grow: 1;
  min-width: calc(25.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-row--multiple > div input {
  min-width: max(17*var(--sjs-base-unit, var(--base-unit, 8px)), 100%);
  width: 0;
}
.spg-question__erbox {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: var(--ctr-error-message-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-error-message-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-error-message-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-error-message-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-error-message-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background-color: var(--ctr-error-message-background-color, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
  border-radius: var(--ctr-error-message-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__erbox > div,
.spg-question__erbox > svc-question-error > div,
sv-question-error > div {
  display: flex;
  gap: var(--ctr-error-message-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-question__erbox-icon {
  width: var(--ctr-error-message-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-error-message-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__erbox-icon .sv-svg-icon {
  vertical-align: top;
  width: var(--ctr-error-message-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-error-message-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__erbox-icon use {
  fill: var(--ctr-error-message-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.spg-question__erbox--location--bottom {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-restfull .spg-panel__content,
.spg-masksettings .spg-panel__content {
  gap: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-restfull .spg-panel__content .spg-row,
.spg-masksettings .spg-panel__content .spg-row {
  margin-top: 0;
}
.spg-question--highlighted .spg-input,
.spg-question--highlighted .spg-input-container,
.spg-question--highlighted .spg-question--location--left,
.spg-question--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-highlighed, 2px) var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-question--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content {
  outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  outline-offset: calc(-1*var(--ctr-editor-border-width-highlighed, 2px));
  border-radius: var(--ctr-data-table-corner-radius, 0px);
}
.spg-question--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {
  box-shadow: none;
}
.spg-question--highlighted .svc-action-button {
  border: var(--ctr-actionbar-button-border-width-highlighed, 2px) solid var(--ctr-actionbar-button-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-question--highlighted .sv-button-group {
  box-shadow: 0 0 0 1px var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  border-color: var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-question--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {
  outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  outline-offset: calc(-1*var(--ctr-editor-border-width-highlighed, 2px));
}
.spg-question--highlighted .spg-button-group::after {
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background-color: var(--ctr-editor-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: var(--ctr-editor-corner-radius);
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms);
  padding-top: calc(var(--ctr-editor-padding-top, 4px) + var(--ctr-editor-content-margin-top, 8px));
  padding-right: calc(var(--ctr-editor-padding-right, 4px) + var(--ctr-editor-content-margin-right, 12px));
  padding-bottom: calc(var(--ctr-editor-padding-bottom, 4px) + var(--ctr-editor-content-margin-bottom, 8px));
  padding-left: calc(var(--ctr-editor-padding-left, 4px) + var(--ctr-editor-content-margin-left, 12px));
  outline: none;
  color: var(--ctr-editor-content-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-input::placeholder {
  color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-input:focus:not(:disabled),
.spg-input.spg-dropdown:focus:not(:disabled),
.spg-input.spg-dropdown:focus-within:not(:disabled),
.spg-input-container:focus-within {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
input.spg-input:focus:read-only {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
}
.spg-input:disabled,
.spg-input:disabled::placeholder,
input.spg-input:read-only,
input.spg-input:read-only::placeholder {
  color: color-mix(in srgb, var(--ctr-editor-content-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))), transparent calc(100% - 100% * var(--ctr-editor-content-text-opacity-disabled, 0.25)));
  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-input[type=color] {
  padding-left: 0;
  padding-right: 0;
  min-width: calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-input__edit-button {
  position: relative;
  box-sizing: border-box;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  border-radius: var(--ctr-editor-button-corner-radius);
  padding: var(--ctr-editor-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  line-height: 0;
  transition: background var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spg-input__edit-button:focus,
.spg-input__edit-button:hover {
  background: var(--ctr-editor-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-input__edit-button:active {
  opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);
}
.spg-input__edit-button svg {
  width: var(--ctr-editor-button-icon-width, 24px);
  height: var(--ctr-editor-button-icon-height, 24px);
  fill: var(--ctr-editor-button-icon-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-input-container--multiline .spg-input__edit-button {
  align-self: flex-end;
}
.spg-input__edit-button--disabled,
.spg-input__edit-button:disabled {
  opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);
  background: rgba(0, 0, 0, 0);
}
.spg-input__edit-button--disabled svg,
.spg-input__edit-button:disabled svg {
  fill: var(--ctr-editor-button-icon-color-disabled, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-input.spg-input--error {
  box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, var(--sjs-special-red, var(--red, #e60a3e)));
}
.spg-input-container {
  display: flex;
  justify-content: space-between;
  cursor: default;
  padding: var(--ctr-editor-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
  gap: var(--ctr-editor-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
}
.spg-input-container--multiline {
  align-items: end;
  flex-direction: column;
  gap: 0;
  height: auto;
}
.spg-input-container--multiline sv-ng-question-comment {
  display: flex;
}
.spg-input-container--multiline .spg-input-container__input {
  box-sizing: border-box;
  resize: none;
}
.spg-input-container__input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  flex-grow: 1;
  width: 100%;
  padding: var(--ctr-editor-content-margin-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-content-margin-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-content-margin-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-content-margin-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-editor-content-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.spg-input-container__input::placeholder {
  color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-input-container__input:disabled,
.spg-input-container__input:disabled::placeholder {
  opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);
  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-input-container__buttons-container {
  display: flex;
  gap: var(--ctr-editor-buttons-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-self: stretch;
}
.spg-dropdown {
  display: flex;
  padding-right: calc(var(--ctr-editor-buttons-gap, 4px) + var(--ctr-editor-button-padding-right, 8px) + var(--ctr-editor-button-padding-left, 8px) + var(--ctr-editor-button-icon-width, 24px));
  min-height: calc(var(--ctr-editor-button-icon-height) + var(--ctr-editor-button-padding-top) + var(--ctr-editor-button-padding-bottom) + var(--ctr-editor-padding-top) + var(--ctr-editor-padding-bottom));
}
.spg-dropdown--empty .spg-dropdown__value {
  min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));
}
.spg-dropdown__value {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  align-items: center;
  min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));
}
.spg-dropdown__filter-string-input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
}
.spg-dropdown_chevron-button {
  width: var(--ctr-editor-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-editor-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  inset-block-start: var(--ctr-editor-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  inset-inline-end: var(--ctr-editor-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  inset-block-end: var(--ctr-editor-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-dropdown_chevron-button:hover,
.spg-dropdown_chevron-button:focus {
  border-radius: var(--ctr-editor-button-corner-radius);
  background: var(--ctr-editor-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-dropdown_chevron-button .spg-dropdown_chevron-button-svg use {
  fill: var(--ctr-editor-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-dropdown_chevron-button-svg {
  width: var(--ctr-editor-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-editor-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {
  height: 0;
}
.spg-dropdown__clean-button {
  --thm-ctr-editor-content-margin-top: var(--ctr-editor-content-margin-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-ctr-editor-content-margin-bottom: var(--ctr-editor-content-margin-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(-1*var(--thm-ctr-editor-content-margin-top));
  margin-bottom: calc(-1*var(--thm-ctr-editor-content-margin-bottom));
}
.spg-dropdown__clean-button use {
  fill: inherit;
}
.spg-comment {
  height: auto;
  max-width: 100%;
  min-width: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-panel__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  color: var(--ctr-property-grid-chapter-caption-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  cursor: pointer;
  background-color: var(--ctr-property-grid-chapter-caption-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  margin: 0;
  transition:
    color var(--sjs-creator-transition-duration, 150ms),
    background-color var(--sjs-creator-transition-duration, 150ms),
    opacity var(--sjs-creator-transition-duration, 150ms);
}
.spg-panel__title:disabled,
.spg-panel__title:disabled:hover {
  color: var(--ctr-property-grid-chapter-caption-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: .25;
  cursor: default;
}
.spg-panel__title--collapsed:hover {
  background-color: var(--ctr-property-grid-chapter-caption-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-panel__title--expandable:focus {
  background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-panel__title--expanded {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-property-grid-chapter-caption-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-panel__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: var(--ctr-property-grid-form-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-property-grid-form-padding-right, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-property-grid-form-padding-bottom, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-property-grid-form-padding-left, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  background: var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.spg-panel__content .spg-row {
  width: 100%;
  margin-top: var(--ctr-property-grid-form-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-panel__content .spg-row--multiple {
  margin-top: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-panel__content > .spg-row:first-of-type {
  margin-top: 0;
}
.svc-side-bar--mobile .spg-panel__content {
  padding-inline-end: var(--ctr-property-grid-form-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-property-grid-form-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__nopadding .spg-panel__content {
  padding: 0px;
  box-shadow: unset;
}
.spg-row--enter.spg-row.spg-row.spg-row {
  margin-top: 0;
}
.spg-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay:
    var(---sjs-spg-row-fade-in-delay, 150ms),
    0s,
    0s;
  animation-duration:
    var(--sjs-spg-row-fade-in-duration, 500ms),
    var(--sjs-spg-move-in-duration, 150ms),
    var(--sjs-spg-move-in-duration, 150ms);
}
.spg-row--delayed-enter {
  animation-delay:
    calc(var(---sjs-spg-row-fade-in-delay, 150ms) + var(--sjs-spg-row-fade-in-animation-delay, 400ms)),
    var(--sjs-spg-row-fade-in-animation-delay, 400ms),
    var(--sjs-spg-row-fade-in-animation-delay, 400ms);
}
.spg-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay:
    0s,
    var(--sjs-spg-row-move-out-delay, 100ms),
    var(--sjs-spg-row-move-out-delay, 100ms);
  animation-duration:
    var(--sjs-spg-row-fade-out-duration, 150ms),
    var(--sjs-spg-row-move-out-duration, 250ms),
    var(--sjs-spg-row-move-out-duration, 250ms);
}
.spg-panel__content--enter {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration:
    var(--sjs-spg-expand-fade-in-duration, 350ms),
    var(--sjs-spg-expand-move-in-duration, 350ms),
    var(--sjs-spg-expand-move-in-duration, 350ms);
  animation-delay:
    var(--sjs-spg-expand-fade-in-delay, 0ms),
    0s,
    0s;
}
.spg-panel__content--leave {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration:
    var(--sjs-spg-collapse-fade-out-duration, 350ms),
    var(--sjs-spg-collapse-move-out-duration, 350ms),
    var(--sjs-spg-collapse-move-out-duration, 350ms);
  animation-delay:
    0s,
    var(--sjs-spg-collapse-move-out-delay, 0ms),
    var(--sjs-spg-collapse-move-out-delay, 0ms);
}
.svc-creator--disable-animations .spg-row--enter,
.svc-creator--disable-animations .spg-row--leave,
.svc-creator--disable-animations .spg-panel__content--enter,
.svc-creator--disable-animations .spg-panel__content--leave {
  animation: none;
}
.spg-panel.spg-panel--group > .spg-panel__content {
  padding: 0;
  box-shadow: none;
}
.spg-panel.spg-panel--group .spg-panel__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-label-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  padding-top: var(--ctr-label-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-label-padding-right, 0px);
  padding-bottom: var(--ctr-label-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-label-padding-left, 0px);
  color: var(--ctr-label-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-panel.spg-panel--group .spg-row {
  margin-top: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-panel.spg-panel--group .spg-row:first-of-type {
  margin-top: 0;
}
.spg-checkbox {
  cursor: pointer;
  margin-top: var(--ctr-checkbox-list-gap-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-checkbox--disabled {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox__caption {
  color: var(--ctr-checkbox-text-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-checkbox--disabled .spg-checkbox__rectangle,
.spg-checkbox--disabled.spg-checkbox:active .spg-checkbox__rectangle,
.spg-checkbox--disabled.spg-checkbox__control:focus + .spg-checkbox__rectangle {
  border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  background: var(--ctr-checkbox-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  outline: none;
}
.spg-checkbox__caption {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-checkbox-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-checkbox__rectangle {
  background: var(--ctr-checkbox-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  border-radius: var(--ctr-checkbox-corner-radius);
  box-sizing: border-box;
  width: var(--ctr-checkbox-button-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-checkbox-button-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 1px 1px;
  outline: 2px solid rgba(0, 0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  transition:
    background var(--sjs-creator-transition-duration, 150ms),
    background-color var(--sjs-creator-transition-duration, 150ms),
    outline var(--sjs-creator-transition-duration, 150ms);
}
.spg-checkbox:not(.spg-checkbox--checked):hover .spg-checkbox__rectangle {
  background-color: var(--ctr-checkbox-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-checkbox:active .spg-checkbox__rectangle,
.spg-checkbox__control:focus:not(:disabled) + .spg-checkbox__rectangle {
  outline: 2px solid var(--ctr-checkbox-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  outline-offset: -2px;
}
.spg-checkbox .spg-checkbox__svg {
  display: block;
  opacity: 0;
  fill: rgba(0, 0, 0, 0);
  width: var(--ctr-checkbox-button-check-mark-width, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-checkbox-button-check-mark-height, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-repeat: no-repeat;
  background-size: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  transition: opacity var(--sjs-creator-transition-duration, 150ms), fill var(--sjs-creator-transition-duration, 150ms);
}
.spg-checkbox--checked .spg-checkbox__rectangle {
  background: var(--ctr-checkbox-background-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-checkbox--checked .spg-checkbox__svg {
  opacity: 1;
  fill: var(--ctr-checkbox-button-check-mark-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {
  fill: var(--ctr-checkbox-button-check-mark-color-disabled, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.spg-checkbox__control {
  position: fixed;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.spg-checkbox__hidden {
  display: none;
}
.spg-selectbase {
  border: none;
  padding: 0;
  margin: 0;
}
.spg-selectbase__label {
  display: flex;
  align-items: flex-start;
  gap: var(--ctr-checkbox-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-checkbox .spg-question__description {
  padding: 0;
  padding-top: var(--ctr-checkbox-description-text-margin-top, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-checkbox-description-text-margin-left, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-checkbox-description-text-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-checkbox .spg-help-action use {
  pointer-events: none;
}
.spg-matrixdynamic__drag-element {
  padding: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-matrixdynamic__drag-element:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-matrixdynamic__drag-element:after {
  content: " ";
  display: block;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-drag-element__svg {
  width: var(--ctr-data-table-row-drag-area-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-data-table-row-drag-area-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-top: var(--ctr-data-table-row-drag-area-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-data-table-row-drag-area-padding-right, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-bottom: var(--ctr-data-table-row-drag-area-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-data-table-row-drag-area-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  display: block;
  opacity: .5;
}
.spg-drag-element__svg use {
  fill: var(--ctr-data-table-row-drag-area-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-matrixdynamic__drag-drop-ghost-position-top,
.spg-matrixdynamic__drag-drop-ghost-position-bottom {
  position: relative;
}
.spg-matrixdynamic__drag-drop-ghost-position-top::after,
.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  content: "";
  width: 100%;
  height: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  position: absolute;
  left: 0;
}
.spg-matrixdynamic__drag-drop-ghost-position-top::after {
  top: 0;
}
.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  bottom: 0;
}
.spg-matrixdynamic__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--ctr-property-grid-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border: 1px solid var(--ctr-survey-placeholder-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  border-radius: var(--ctr-data-table-placeholder-corner-radius);
  box-sizing: border-box;
  padding: var(--ctr-data-table-placeholder-padding-top, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-placeholder-padding-right, 0) var(--ctr-data-table-placeholder-padding-bottom, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-placeholder-padding-left, 0);
  gap: var(--ctr-survey-placeholder-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
  display: initial;
  margin: 0;
}
.spg-matrixdynamic__placeholder-text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-survey-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  text-align: center;
}
.spg-matrixdynamic__add-btn {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  display: none;
  appearance: none;
  border: none;
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  background: rgba(0, 0, 0, 0);
  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-smiley-icon {
  width: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 100px;
  border: 1px solid var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-smiley-icon svg {
  width: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-matrixdynamic__dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
}
.spg-matrixdynamic__dragged-row .spg-table__row {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--ctr-data-table-row-corner-radius-floating, 0px);
  background: var(--ctr-data-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--ctr-data-table-row-shadow-floating-1-offset-x, 0px) var(--ctr-data-table-row-shadow-floating-1-offset-y, 2px) var(--ctr-data-table-row-shadow-floating-1-blur, 6px) var(--ctr-data-table-row-shadow-floating-1-spread, 0px) var(--ctr-data-table-row-shadow-floating-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-data-table-row-shadow-floating-2-offset-x, 0px) var(--ctr-data-table-row-shadow-floating-2-offset-y, 8px) var(--ctr-data-table-row-shadow-floating-2-blur, 16px) var(--ctr-data-table-row-shadow-floating-2-spread, 0px) var(--ctr-data-table-row-shadow-floating-2-color, rgba(0, 0, 0, 0.1));
}
.spg-table-wrapper {
  border: var(--ctr-data-table-border-width, 1px) solid var(--ctr-data-table-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  border-radius: var(--ctr-data-table-corner-radius, 0px);
  overflow: hidden;
}
.spg-table {
  width: 100%;
  background-color: var(--ctr-data-table-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-collapse: collapse;
}
.spg-table tr {
  border-bottom: var(--ctr-data-table-row-border-width, 1px) solid var(--ctr-data-table-row-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background-color: var(--ctr-data-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-table tbody > tr:last-of-type {
  border-bottom: var(--ctr-data-table-row-border-width-last-row, 0px);
}
.spg-table__cell {
  padding: 0;
}
.spg-table__cell .spg-checkbox {
  margin: 0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--detail-panel {
  background: var(--ctr-data-table-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-table__cell--detail-panel .spg-panel__content {
  box-shadow: none;
}
.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {
  padding-left: 8px;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
  appearance: none;
  box-shadow: none;
  border-radius: var(--ctr-data-table-cell-corner-radius-focused, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: var(--ctr-data-table-row-background-color, transparent);
  height: auto;
  padding: var(--ctr-data-table-cell-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-cell-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-cell-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-cell-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {
  padding-right: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus,
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {
  box-shadow: inset 0 0 0 2px var(--ctr-data-table-cell-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  position: static;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_select-wrapper {
  display: flex;
  align-items: center;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
  width: max-content;
  padding-right: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  --tmp-dropdown-button-margin: calc(-1 * var(--ctr-data-table-cell-drop-down-arrow-width));
  width: var(--ctr-data-table-cell-drop-down-arrow-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-data-table-cell-drop-down-arrow-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-start: var(--tmp-dropdown-button-margin, calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-data-table-cell-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--ctr-data-table-cell-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button:hover,
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button:focus {
  background: rgba(0, 0, 0, 0);
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown_chevron-button-svg {
  opacity: var(--ctr-data-table-cell-drop-down-arrow-opacity, 0.5);
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown_chevron-button-svg use {
  fill: var(--ctr-data-table-cell-drop-down-arrow-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
  padding-left: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--actions:first-of-type {
  width: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--actions:last-of-type .spg-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--ctr-data-table-row-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-table__cell--actions > .spg-matrixdynamic__drag-element {
  display: inline-block;
  margin-top: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: move;
}
.spg-table__cell--header {
  background: var(--ctr-data-table-row-background-color-header, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  padding: var(--ctr-data-table-row-padding-top-header, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-cell-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-row-padding-bottom-header, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-cell-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-data-table-cell-text-color-header, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-table__cell--header span {
  display: none;
}
.spg-table__cell--header .sv-string-viewer {
  display: inline;
  white-space: unset;
}
.spg-table__question-wrapper {
  box-sizing: border-box;
  padding: var(--ctr-data-table-row-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-row-padding-right, 0) var(--ctr-data-table-row-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-row-padding-left, 0);
}
.spg-table__row--leave,
.spg-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.spg-table__row--leave > td > div,
.spg-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration:
    var(--fade-animation-duration),
    var(--move-animation-duration),
    var(--move-animation-duration);
  animation-delay:
    var(--fade-animation-delay),
    var(--move-animation-delay),
    var(--move-animation-delay);
}
.spg-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-spg-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-spg-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-spg-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.spg-table__row--leave {
  --move-animation-delay: var(--sjs-spg-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-spg-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-spg-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.spg-table__row--detail.spg-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-spg-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-spg-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.spg-table__row--detail.spg-table__row--leave {
  --move-animation-delay: var(--sjs-spg-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-spg-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.svc-creator--disable-animations .spg-table__row--enter,
.svc-creator--disable-animations .spg-table__row--leave {
  animation: none;
}
.spg-question-group .spg-row {
  margin-top: 0;
}
.spg-question-group .spg-row:not(:first-of-type) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-color-editor__color-input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  top: 100%;
  transform: translateY(-50%);
}
.svc-list__item-body .spg-color-editor__color-swatch {
  margin-left: 0;
  flex: 0 1 auto;
}
.spg-color-editor__color-swatch {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: var(--ctr-list-item-color-swatch-corner-radius, 3px);
  width: var(--ctr-list-item-color-swatch-width, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-color-swatch-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  border: 1px solid var(--ctr-list-item-color-swatch-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  margin-left: var(--ctr-editor-color-swatch-margin-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-color-editor__color-swatch .sv-svg-icon {
  position: absolute;
  width: var(--ctr-editor-color-swatch-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-editor-color-swatch-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-question--disabled .spg-color-editor {
  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-color-editor__color-swatch--disabled .sv-svg-icon {
  opacity: .25;
}
.spg-color-editor__color-swatch--default .sv-svg-icon {
  opacity: 1;
}
.spg-color-editor .spg-input__edit-button + * {
  margin-inline-end: calc(0px - var(--ctr-editor-gap, 4px));
}
.spg-file-edit__choose-button {
  position: relative;
}
.spg-link {
  display: flex;
}
.sv-string-viewer .spg-link {
  display: initial;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  text-decoration-line: underline;
}
.spg-theme-builder-root .sv-skeleton-element {
  min-height: 50px;
}
.spg-theme-builder-root .spg-paneldynamic__separator {
  border: none;
  margin: 0;
  height: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-theme-builder-root .spg-panel__footer {
  justify-content: center;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;
  padding: 0;
}
.spg-theme-builder-root .spg-panel__content .spg-row.spg-row {
  animation: none;
}
.spg-theme-builder-root .spg-paneldynamic__add-btn {
  margin: 0 auto;
}
.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
  display: none;
}
.spg-theme-builder-root .spg-row--multiple > div {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px))*.5);
  min-width: auto;
}
.spg-theme-builder-root .spg-row--multiple > div input {
  min-width: 0;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {
  box-sizing: border-box;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {
  height: auto;
}
.spg-theme-builder-root .sv-button-group {
  overflow: hidden;
}
.spg-theme-builder-root .spg-panel-by-page,
.spg-theme-builder-root .spg-nested-panel {
  padding-bottom: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-panel-by-page::after,
.spg-theme-builder-root .spg-nested-panel::after {
  content: " ";
  display: block;
  position: relative;
  left: calc(-4*(var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(5*var(--sjs-base-unit, var(--base-unit, 8px)));
  width: calc(8*var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  height: 1px;
  background-color: var(--ctr-editor-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.spg-theme-builder-root .spg-panel-by-page__content > .spg-row:first-of-type,
.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {
  padding-bottom: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border::after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page::after,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {
  content: none;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--padding {
  padding-top: calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-theme-group-caption {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-property-grid-group-caption-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: relative;
  top: calc(4*var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: calc(1*var(--sjs-base-unit, var(--base-unit, 8px))) 0;
  cursor: auto;
}
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {
  background-color: unset;
}
.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {
  pointer-events: none;
}
.spg-theme-builder-root .spg-header {
  margin-top: calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .sd-question--title-top .spg-paneldynamic {
  --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(-1*var(--thm-ctr-editor-layout-gap));
}
.spg-theme-builder-root .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean),
.spg-theme-builder-root .spg-question__content-coloralpha {
  --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(var(--thm-ctr-editor-layout-gap) - var(--thm-ctr-property-grid-form-gap));
}
.spg-theme-builder-root .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {
  margin-top: 0;
}
.spg-theme-builder-root .spg-question-composite__content .spg-row:first-of-type {
  margin-top: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-side-bar--mobile .spg-theme-builder-root .spg-nested-panel__content::after {
  width: calc(4*var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  left: calc(-2*var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {
  min-width: 0;
  flex: 0 0 max-content;
}
.spg-link-wrapper--overriding {
  align-self: end;
}
.spg-link-wrapper--overriding .svc-action-button {
  text-decoration: underline;
  padding: 0;
  border: none;
  margin: 0;
}
.spg-link-wrapper--overriding .svc-action-button:focus,
.spg-link-wrapper--overriding .svc-action-button:hover {
  background-color: rgba(0, 0, 0, 0);
}
.svc-side-bar .svc-search {
  border-bottom: 1px solid var(--ctr-property-grid-search-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-property-grid-search-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  gap: var(--ctr-property-grid-search-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--ctr-property-grid-search-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-search__input {
  color: var(--ctr-property-grid-search-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-side-bar .svc-search__input::placeholder {
  color: var(--ctr-property-grid-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  background-color: var(--ctr-property-grid-search-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar .svc-search__toolbar .sv-action-bar-item__icon use {
  fill: var(--ctr-property-grid-search-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-side-bar .svc-search__toolbar-counter {
  color: var(--ctr-property-grid-search-count-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-side-bar .svc-search__search-icon {
  width: var(--ctr-property-grid-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-property-grid-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-search__search-icon .sv-svg-icon {
  width: var(--ctr-property-grid-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-property-grid-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-search__search-icon .sv-svg-icon use {
  fill: var(--ctr-property-grid-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-button-group {
  position: relative;
  display: flex;
  padding: var(--ctr-button-group-padding, 0px);
  align-items: center;
  align-self: stretch;
  border-radius: var(--ctr-button-group-corner-radius, 0px);
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width, 0px) var(--ctr-button-group-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background-color: var(--ctr-button-group-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-button-group::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--ctr-button-group-corner-radius, 0px);
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) rgba(0, 0, 0, 0);
  pointer-events: none;
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms);
}
.spg-button-group:focus-within::after {
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-button-group-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-button-group__item {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-button-group-item-text-color, rgba(0, 0, 0, 0.91));
  display: flex;
  padding: var(--ctr-button-group-item-padding-vertical, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-group-item-padding-horizontal, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-basis: 0;
  flex-grow: 1;
  width: 0;
  border-radius: var(--ctr-button-group-item-corner-radius, 0px);
  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background-color: var(--ctr-button-group-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  transition:
    background var(--sjs-creator-transition-duration, 150ms),
    background-color var(--sjs-creator-transition-duration, 150ms),
    color var(--sjs-creator-transition-duration, 150ms);
}
.spg-button-group__item:not(:last-of-type) {
  margin-right: var(--ctr-button-group-gap, -1px);
}
.spg-button-group__item--hover:hover {
  background-color: var(--ctr-button-group-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-button-group__item-icon use {
  fill: var(--ctr-button-group-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-button-group__item--selected {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-button-group-item-text-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-button-group-item-background-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-button-group__item--selected .spg-button-group__item-icon use {
  fill: var(--ctr-button-group-item-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-button-group__item-decorator {
  max-width: 100%;
}
.spg-button-group__item-caption {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spg-question--disabled .spg-button-group {
  background: var(--ctr-button-group-background-color-disabled);
}
.spg-button-group__item--disabled {
  color: var(--ctr-button-group-item-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background: var(--ctr-button-group-item-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-button-group__item--disabled .spg-button-group__item-icon use {
  fill: var(--ctr-button-group-item-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-button-group__item--disabled .spg-button-group__item-caption {
  opacity: var(--ctr-button-group-item-text-opacity-disabled, 0.25);
  color: var(--ctr-button-group-item-text-color-disabled, rgba(0, 0, 0, 0.91));
}
.spg-button-group__item--disabled:hover {
  background-color: var(--ctr-button-group-item-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-button-group__item--selected.spg-button-group__item--disabled {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected-disabled, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-button-group-item-background-color-selected-disabled, #f3f3f3);
}
.spg-root-modern {
  position: relative;
  width: 100%;
  border-inline-end: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  height: 0;
  flex-grow: 1;
  overflow: auto;
  --sjs-transition-duration: 0ms;
}
.spg-root-modern .sd-row--leave,
.spg-root-modern .sd-row--enter {
  animation: none;
}
.spg-root-modern .sd-element-wrapper--leave,
.spg-root-modern .sd-element-wrapper--enter {
  animation: none;
}
.spg-root-modern .sd-element__content--enter,
.spg-root-modern .sd-element__content--leave {
  animation: none;
}
.spg-root-modern .sd-paneldynamic__panel-wrapper--enter,
.spg-root-modern .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.spg-root-modern .sd-item--enter {
  animation: none;
}
.spg-root-modern .sd-item--leave {
  animation: none;
}
.spg-root-modern .sd-table__row--leave,
.spg-root-modern .sd-table__row--enter {
  animation: none;
}
.spg-root--one-category {
  min-height: fit-content;
  height: initial;
  overflow: initial;
}
.spg-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.spg-root-modern.spg-root--one-category {
  background-color: var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-right: unset;
}
.spg-root-modern.spg-root--one-category .spg-page.spg-body__page {
  box-shadow: unset;
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sv-popup_shadow {
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sd-root-modern {
  background-color: rgba(0, 0, 0, 0);
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sd-page {
  margin: 0;
  padding: 0;
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sv-components-column--expandable {
  min-width: calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-popup__footer {
  padding-bottom: 2px;
}
.sv-popup--modal .sd-body,
.sv-popup--modal .sl-body {
  min-width: calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
.sv-popup.svc-property-editor .sd-root-modern {
  --sd-mobile-width: 0;
}
.svc-object-selector .sv-popup__container {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-object-selector__content {
  position: relative;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.spg-action-title-bar {
  margin-inline-end: var(--ctr-data-table-border-width, 1px);
  padding-inline-end: var(--ctr-caption-with-actions-actionbar-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-body {
  width: 100%;
}
.spg-body--empty {
  margin: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolbar--single-help-action {
  justify-content: flex-start;
  padding-left: calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolbar--single-help-action .spg-help-action {
  flex-grow: 1;
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon {
  padding: var(--ctr-actionbar-button-padding-top-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-right-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-bottom-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-left-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon:focus,
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon:hover {
  opacity: 1;
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button:active {
  opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button__icon {
  width: var(--ctr-actionbar-button-icon-width-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-actionbar-button-icon-height-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-title-toolbar--single-help-action .spg-help-action svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.svc-flex-container {
  display: flex;
}
.svc-flex-row {
  display: flex;
  flex-direction: row;
  background: var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-full-container {
  height: 100%;
  width: 100%;
}
.svc-flex-row.svc-full-container {
  height: calc(60*(var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(60*(var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
  position: relative;
}
.svc-flex-row__element--growing {
  flex: 1;
  overflow: auto;
}
.svc-flex-column {
  display: flex;
  flex-direction: column;
}
.sv-action-bar--default-size-mode .sv-action-bar-separator {
  height: calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--default-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}
.sv-action-bar--small-size-mode .sv-action-bar-separator {
  height: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}
.svc-creator--mobile .sv-action-bar-separator {
  height: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  align-items: center;
  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);
}
.svc-top-bar {
  display: flex;
  background: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-sizing: border-box;
  box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-top-bar .svc-toolbar-wrapper {
  flex: 0 0 auto;
  display: flex;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {
  padding: var(--ctr-menu-toolbar-padding-vertical, 0) var(--ctr-menu-toolbar-padding-horizontal, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: flex-end;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {
  display: none;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {
  --thm-menu-toolbar-button-height: calc( var(--ctr-menu-toolbar-button-padding-top) + var(--ctr-menu-toolbar-button-padding-bottom) + var(--ctr-menu-toolbar-button-icon-width) );
  display: inline-block;
  margin: 0;
  margin-inline-start: var(--ctr-menu-toolbar-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--thm-menu-toolbar-button-height, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {
  margin: 0;
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item--active {
  background: var(--ctr-menu-toolbar-button-background-color-selected, transparent);
}
.svc-top-bar .svc-toolbar-wrapper .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden) .sv-action-bar-item {
  margin-inline-start: var(--ctr-menu-toolbar-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-top-bar .sv-action-bar-separator {
  background-color: var(--ctr-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-top-bar .sv-action-bar-item {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 2px);
  background-color: rgba(0, 0, 0, 0);
  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
  height: auto;
}
.svc-top-bar .sv-action-bar-item:hover,
.svc-top-bar .sv-action-bar-item:focus {
  background-color: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-top-bar .sv-action-bar-item:active,
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--pressed {
  opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);
  background-color: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-top-bar .sv-action-bar-item:active use,
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--pressed use {
  fill: #000;
  opacity: .45;
}
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--active {
  background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--active use {
  fill: var(--ctr-menu-toolbar-button-text-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-top-bar .sv-action-bar-item:disabled {
  background-color: rgba(0, 0, 0, 0);
  opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);
}
.svc-top-bar .sv-action-bar-item--icon {
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);
}
.svc-top-bar .sv-action-bar-item__icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-top-bar .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-top-bar .sv-action-bar-item-dropdown {
  border-radius: calcCornerRadius(0.5);
  background-color: rgba(0, 0, 0, 0);
}
.svc-footer-bar .svc-toolbar-wrapper {
  height: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {
  justify-content: center;
  padding: 0;
  width: 100%;
  height: calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--ctr-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-top: var(--ctr-menu-border-width, 1px) solid var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  box-sizing: border-box;
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item {
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  background-color: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active {
  background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item__icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-boolean-switch,
.spg-boolean-switch * {
  box-sizing: border-box;
}
.spg-boolean-switch {
  display: flex;
  flex-direction: row;
  gap: var(--ctr-toggle-button-gap-label, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__button {
  background: var(--ctr-toggle-button-background-color, #ffffff);
  outline: none;
  border-radius: var(--ctr-toggle-button-corner-radius, 1024px);
  box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));
  padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px) var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);
  display: flex;
  flex-direction: row;
  gap: var(--ctr-toggle-button-gap, 4px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__button:focus,
.spg-boolean-switch__button:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--ctr-toggle-button-border-color-focused, #19b394);
}
.spg-boolean-switch__button:hover {
  background: var(--ctr-toggle-button-background-color-hovered, #f8f8f8);
}
.spg-boolean-switch__button--checked {
  background: var(--ctr-toggle-button-background-color-checked, #19b394);
  box-shadow: none;
}
.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--left {
  background: none;
}
.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--right {
  background: var(--ctr-toggle-button-thumb-background-color-checked, #ffffff);
}
.spg-boolean-switch__button--checked:hover {
  background: var(--ctr-toggle-button-background-color-checked, #19b394);
}
.spg-boolean-switch__button--checked:focus {
  background: var(--ctr-toggle-button-background-color-checked-focused, #ffffff);
}
.spg-boolean-switch__button--checked:focus .spg-boolean-switch__thumb--right {
  background: var(--ctr-toggle-button-thumb-background-color-checked-focused, #19b394);
}
.spg-boolean-switch__thumb {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__thumb-circle {
  border-radius: var(--ctr-toggle-button-thumb-corner-radius, 1024px);
  border: var(--ctr-toggle-button-thumb-border-width, 0px) solid var(--ctr-toggle-button-thumb-border-color, rgba(0, 0, 0, 0.16));
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--ctr-toggle-button-thumb-width, 16px);
  height: var(--ctr-toggle-button-thumb-height, 16px);
  position: relative;
  overflow: hidden;
}
.spg-boolean-switch__thumb--left {
  background: var(--ctr-toggle-button-thumb-background-color-active, rgba(0, 0, 0, 0.45));
}
.spg-boolean-switch__caption {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-toggle-button-label-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* src/styles.scss */
.snotifyToast {
  animation-fill-mode: both;
}
.snotify-leftTop .fadeIn,
.snotify-leftCenter .fadeIn,
.snotify-leftBottom .fadeIn {
  animation-name: fadeInLeft;
}
.snotify-leftTop .fadeOut,
.snotify-leftCenter .fadeOut,
.snotify-leftBottom .fadeOut {
  animation-name: fadeOutLeft;
}
.snotify-rightTop .fadeIn,
.snotify-rightCenter .fadeIn,
.snotify-rightBottom .fadeIn {
  animation-name: fadeInRight;
}
.snotify-rightTop .fadeOut,
.snotify-rightCenter .fadeOut,
.snotify-rightBottom .fadeOut {
  animation-name: fadeOutRight;
}
.snotify-centerTop .fadeIn {
  animation-name: fadeInDown;
}
.snotify-centerTop .fadeOut {
  animation-name: fadeOutUp;
}
.snotify-centerCenter .fadeIn {
  animation-name: fadeIn;
}
.snotify-centerCenter .fadeOut {
  animation-name: fadeOut;
}
.snotify-centerBottom .fadeIn {
  animation-name: fadeInUp;
}
.snotify-centerBottom .fadeOut {
  animation-name: fadeOutDown;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes appear {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 50vh;
  }
}
@keyframes disappear {
  0% {
    max-height: 50vh;
  }
  100% {
    max-height: 0;
  }
}
.snotify {
  display: block;
  position: fixed;
  width: 300px;
  z-index: 9999;
  box-sizing: border-box;
  pointer-events: none;
}
.snotify * {
  box-sizing: border-box;
}
.snotify-leftTop,
.snotify-leftCenter,
.snotify-leftBottom {
  left: 10px;
}
.snotify-rightTop,
.snotify-rightCenter,
.snotify-rightBottom {
  right: 10px;
}
.snotify-centerTop,
.snotify-centerCenter,
.snotify-centerBottom {
  left: calc(50% - 300px / 2);
}
.snotify-leftTop,
.snotify-centerTop,
.snotify-rightTop {
  top: 10px;
}
.snotify-leftCenter,
.snotify-rightCenter,
.snotify-centerCenter {
  top: 50%;
  transform: translateY(-50%);
}
.snotify-leftBottom,
.snotify-rightBottom,
.snotify-centerBottom {
  bottom: 10px;
}
.snotify-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
  opacity: 0;
  z-index: 9998;
  transition: opacity 0.3s;
}
.snotifyToast {
  display: block;
  cursor: pointer;
  background-color: #fff;
  height: 100%;
  margin: 5px;
  opacity: 0;
  border-radius: 5px;
  overflow: hidden;
  pointer-events: auto;
}
.snotifyToast--in {
  animation-name: appear;
}
.snotifyToast--out {
  animation-name: disappear;
}
.snotifyToast__inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding: 5px 65px 5px 15px;
  min-height: 78px;
  font-size: 16px;
  color: #000;
}
.snotifyToast__progressBar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #c7c7c7;
}
.snotifyToast__progressBar__percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background-color: #4c4c4c;
  max-width: 100%;
}
.snotifyToast__title {
  font-size: 1.8em;
  line-height: 1.2em;
  margin-bottom: 5px;
  color: #fff;
}
.snotifyToast__body {
  font-size: 1em;
}
.snotifyToast-show {
  transform: translate(0, 0);
  opacity: 1;
}
.snotifyToast-remove {
  max-height: 0;
  overflow: hidden;
  transform: translate(0, 50%);
  opacity: 0;
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
.snotify-simple .snotifyToast__title,
.snotify-simple .snotifyToast__body {
  color: #000;
}
.snotify-success {
  background-color: #4caf50;
}
.snotify-success .snotifyToast__progressBar {
  background-color: #388e3c;
}
.snotify-success .snotifyToast__progressBar__percentage {
  background-color: #81c784;
}
.snotify-success .snotifyToast__body {
  color: #c8e6c9;
}
.snotify-info {
  background-color: #1e88e5;
}
.snotify-info .snotifyToast__progressBar {
  background-color: #1565c0;
}
.snotify-info .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}
.snotify-info .snotifyToast__body {
  color: #e3f2fd;
}
.snotify-warning {
  background-color: #ff9800;
}
.snotify-warning .snotifyToast__progressBar {
  background-color: #ef6c00;
}
.snotify-warning .snotifyToast__progressBar__percentage {
  background-color: #ffcc80;
}
.snotify-warning .snotifyToast__body {
  color: #fff3e0;
}
.snotify-error {
  background-color: #f44336;
}
.snotify-error .snotifyToast__progressBar {
  background-color: #c62828;
}
.snotify-error .snotifyToast__progressBar__percentage {
  background-color: #ef9a9a;
}
.snotify-error .snotifyToast__body {
  color: #ffebee;
}
.snotify-async {
  background-color: #1e88e5;
}
.snotify-async .snotifyToast__progressBar {
  background-color: #1565c0;
}
.snotify-async .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}
.snotify-async .snotifyToast__body {
  color: #e3f2fd;
}
.snotify-confirm {
  background-color: #009688;
}
.snotify-confirm .snotifyToast__progressBar {
  background-color: #4db6ac;
}
.snotify-confirm .snotifyToast__progressBar__percentage {
  background-color: #80cbc4;
}
.snotify-confirm .snotifyToast__body {
  color: #e0f2f1;
}
.snotify-prompt {
  background-color: #009688;
}
.snotify-prompt ng-snotify-prompt {
  width: 100%;
}
.snotify-prompt .snotifyToast__title {
  margin-bottom: 0;
}
.snotify-prompt .snotifyToast__body {
  color: #e0f2f1;
}
.snotify-confirm .snotifyToast__inner,
.snotify-prompt .snotifyToast__inner {
  padding: 10px 15px;
}
.snotifyToast__input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: 100%;
  vertical-align: top;
  transition: all 0.5s;
  transition-delay: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.snotifyToast__input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.85em 0.5em;
  width: 100%;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #333;
  font-weight: bold;
  -webkit-appearance: none;
  opacity: 0;
  transition: opacity 0.3s;
}
.snotifyToast__input__field:focus {
  outline: none;
}
.snotifyToast__input__label {
  display: inline-block;
  float: right;
  padding: 0 0.85em;
  width: 100%;
  color: #e0f2f1;
  font-weight: bold;
  font-size: 70.25%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  height: 100%;
  text-align: left;
  pointer-events: none;
}
.snotifyToast__input__label::before,
.snotifyToast__input__label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.snotifyToast__input__label::before {
  border-top: 2px solid #fff;
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transition-delay: 0.3s;
}
.snotifyToast__input__label::after {
  z-index: -1;
  background: #b2dfdb;
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 0;
}
.snotifyToast__input__labelContent {
  position: relative;
  display: block;
  padding: 1em 0;
  width: 100%;
  transition: transform 0.3s 0.3s;
}
.snotifyToast__input--filled {
  margin-top: 2.5em;
}
.snotifyToast__input--filled:focus,
.snotifyToast__input--filled .snotifyToast__input__field {
  opacity: 1;
  transition-delay: 0.3s;
}
.snotifyToast__input__field:focus + .snotifyToast__input__label .snotifyToast__input__labelContent,
.snotifyToast__input--filled .snotifyToast__input__labelContent {
  transform: translate(0, -80%);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transition-delay: 0s;
}
.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transform: translate(0, 0);
}
.snotifyToast__input__field:focus + .snotifyToast__input__label::after,
.snotifyToast__input--filled .snotifyToast__input__label::after {
  transform: scale(1, 1);
  transition-delay: 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.snotifyToast--invalid .snotifyToast__input__label::before {
  border-color: #f44336;
}
.snotifyToast--valid .snotifyToast__input__label::before {
  border-color: #4caf50;
}
.snotifyToast__buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.snotifyToast__buttons button {
  position: relative;
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-bottom: none;
  background: transparent;
  padding: 8px;
  text-transform: capitalize;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.snotifyToast__buttons button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.snotifyToast__buttons button:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
.snotifyToast__buttons button:hover,
.snotifyToast__buttons button:focus {
  background: rgba(0, 0, 0, 0.1);
  outline: none;
}
.snotifyToast__buttons button:active {
  background: rgba(0, 0, 0, 0.15);
}
.snotifyToast__buttons button:last-child {
  border-right: none;
}
.snotifyToast__buttons button:first-child {
  border-left: none;
}
.snotifyToast__buttons--bold {
  font-weight: 700;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
.snotify-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 0;
  transform: translate(0, -50%);
  max-height: 48px;
  max-width: 48px;
}
.snotify-icon--error {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffcdd2%22%3E%3Cg%3E%3Cpath%20d=%22M437,75A256,256,0,1,0,75,437,256,256,0,1,0,437,75ZM416.43,416.43a226.82,226.82,0,0,1-320.86,0C7.11,328,7.11,184,95.57,95.57a226.82,226.82,0,0,1,320.86,0C504.89,184,504.89,328,416.43,416.43Z%22/%3E%3Cpath%20d=%22M368.81,143.19a14.5,14.5,0,0,0-20.58,0L256,235.42l-92.23-92.23a14.55,14.55,0,0,0-20.58,20.58L235.42,256l-92.23,92.23a14.6,14.6,0,0,0,10.24,24.89,14.19,14.19,0,0,0,10.24-4.31l92.23-92.23,92.23,92.23a14.64,14.64,0,0,0,10.24,4.31,14,14,0,0,0,10.24-4.31,14.5,14.5,0,0,0,0-20.58l-92-92.23,92.23-92.23A14.5,14.5,0,0,0,368.81,143.19Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--warning {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffccbc%22%3E%3Cg%3E%3Cpath%20d=%22M256,512c141.15,0,256-114.84,256-256S397.15,0,256,0,0,114.84,0,256,114.85,512,256,512Zm0-480.49c123.79,0,224.49,100.71,224.49,224.49S379.79,480.49,256,480.49,31.51,379.79,31.51,256,132.21,31.51,256,31.51Z%22/%3E%3Ccircle%20cx=%22260.08%22%20cy=%22343.87%22%20r=%2226.35%22/%3E%3Cpath%20d=%22M254.68,278.39a15.76,15.76,0,0,0,15.75-15.75V128.72a15.75,15.75,0,1,0-31.51,0V262.63A15.76,15.76,0,0,0,254.68,278.39Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--info {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.84,0,0,114.84,0,256S114.84,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,478.43C133.35,478.43,33.57,378.64,33.57,256S133.35,33.58,256,33.58,478.42,133.36,478.42,256,378.64,478.43,256,478.43Z%22/%3E%3Cpath%20d=%22M251.26,161.24a22.39,22.39,0,1,0-22.38-22.39A22.39,22.39,0,0,0,251.26,161.24Z%22/%3E%3Cpath%20d=%22M286.84,357.87h-14v-160A16.79,16.79,0,0,0,256,181.05H225.17a16.79,16.79,0,0,0,0,33.58h14.05V357.87H225.17a16.79,16.79,0,0,0,0,33.57h61.67a16.79,16.79,0,1,0,0-33.57Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--success {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23c8e6c9%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.85,0,0,114.84,0,256S114.85,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,492.31c-130.29,0-236.31-106-236.31-236.31S125.71,19.69,256,19.69,492.31,125.71,492.31,256,386.29,492.31,256,492.31Z%22/%3E%3Cpath%20class=%22cls-1%22%20d=%22M376.64,151,225.31,321.24l-91.17-72.93a9.85,9.85,0,0,0-12.3,15.38l98.46,78.77a9.86,9.86,0,0,0,13.52-1.15L391.36,164.08A9.85,9.85,0,0,0,376.64,151Z%22/%3E%3C/g%3E%3C/svg%3E);
}
.snotify-icon--async {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0a32,32,0,0,0-32,32V96a32,32,0,0,0,64,0V32A32,32,0,0,0,256,0Zm0,384a32,32,0,0,0-32,32v64a32,32,0,0,0,64,0V416A32,32,0,0,0,256,384ZM391.74,165.5,437,120.22A32,32,0,0,0,391.74,75L346.5,120.22a32,32,0,0,0,45.25,45.28Zm-271.52,181L75,391.74A32,32,0,0,0,120.22,437l45.25-45.25a32,32,0,0,0-45.25-45.25Zm0-271.52A32,32,0,1,0,75,120.22l45.25,45.28a32,32,0,1,0,45.25-45.28ZM391.74,346.5a32,32,0,0,0-45.25,45.25L391.74,437A32,32,0,0,0,437,391.74ZM480,224H416a32,32,0,0,0,0,64h64a32,32,0,0,0,0-64ZM128,256a32,32,0,0,0-32-32H32a32,32,0,0,0,0,64H96A32,32,0,0,0,128,256Z%22/%3E%3C/g%3E%3C/svg%3E);
  animation: async 3s infinite linear;
  transform-origin: 50% 50%;
}
@keyframes async {
  0% {
    -webkit-transform: translate(0, -50%) rotate(0deg);
    transform: translate(0, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, -50%) rotate(360deg);
    transform: translate(0, -50%) rotate(360deg);
  }
}
:root {
  --rm-primaryColor: #0070d2;
  --rm-blackColor: #000000;
  --rm-whiteColor: #ffffff;
  --rm-unsafeColor: #f7931e;
  --rm-poorColor: #fcee21;
  --rm-fairColor: #d9e021;
  --rm-goodColor: #8cc63f;
  --rm-verygoodColor: #39b54a;
  --PureRedColor: #ff0000;
  --PureAmberColor: #ffa500;
  --PureGreenColor: #25d366;
  --LightPinkColor: #ff00ff;
  --rm-cardsValueFontWeight:700;
  --rm-cardsSubTextFontWeight:700;
  --rm-cardsValueFontColor:#0070D2;
  --rm-actualValueFontColor:#0070D2;
  --rm-navlinkCustomAnchorPadding:8px 20px 8px 65px;
  --rm-normalColorBg:#32C85A;
  --rm-warnColorBg: #FF9600;
  --rm-alarmColorBg: #FF3C2D;
  --rm-faultGreyBtnBg:#e2e2e2;
  --rm-faultGreenBtnBg: #25d366;
  --rm-faultRedBtnBg:#ff0000;
  --rm-pdGreenBtnBg:#25d366;
  --rm-pdAmberBtnBg: #ffa500;
  --rm-pdRedBtnBg:#ff0000;
  --rm-pdYellowBtnBg:#FCEE21;
  --rm-statusBtnMinWidth:85px;
  --rm-statusCenterBtnMinWidth:30px;
  --rm-addTrandTagsSectionWidth:300px;
  --rm-runningRightFontColor:#323438;
  --rm-txtBoldFontColor:#323438;
  --rm-strongTextFontWeight:600;
  --rm-cardSpace: 0px;
  --rm-fontFamily: "Roboto", sans-serif;
  --rm-fontColor: #000000;
  --rm-dateHoverFontColor: #0070D2;
  --rm-ActiveDateHoverFontColor: #000;
  --rm-activeDateFontColor: #000000;
  --rm-tooltipFontColorHeader:#FFFFFF;
  --rm-fontSizeXXSmall: 8px;
  --rm-fontSizeXsmal:9px;
  --rm-matErrorNameplateFontSize: 12px;
  --rm-fontSizeXSmall: 10px;
  --rm-fontSizeSmall: 12px;
  --rm-fontSizeDefault: 14px;
  --rm-fontSizeMedium: 16px;
  --rm-fontSizeLarge: 22px;
  --rm-fontSizeXLarge: 20px;
  --rm-fontSizeXXLarge: 22px;
  --rm-fontSizeXXXLarge: 25px;
  --rm-fontSizeDateRangeTitle: 28px;
  --rm-fontSizeHeaderCenter: 22px;
  --rm-fontSizeUserDP: 35px;
  --rm-fontSizeMyDashboardDP: 70px;
  --rm-myDashboardCardValueFontsize: 52px;
  --rm-healthCardValueFontsize: 32px;
  --rm-odiFontColor: #333333;
  --rm-formsLableFontSize:14px;
  --rm-odiFieldHeaderFontSize: 12px;
  --rm-lineHeight: 1;
  --rm-widgetFontcolor:40px;
  --rm-fontWeightThin: 100;
  --rm-fontWeightThinItalic: 100;
  --rm-fontWeightLight: 300;
  --rm-fontWeightLightItalic: 300;
  --rm-fontWeightRegular: 400;
  --rm-fontWeightItalic: 400;
  --rm-fontWeightNarrowRegular: 400;
  --rm-fontWeightMedium: 500;
  --rm-fontWeightMediumItalic: 500;
  --rm-fontWeightBold: 700;
  --rm-fontWeightBoldItalic: 700;
  --rm-fontWeightBlack: 900;
  --rm-fontWeightBlackItalic: 900;
  --rm-fontWeightFreeSize: 400;
  --rm-textlinkFontWeight: 400;
  --rm-matOptionsFontWeight: 400;
  --rm-formsLableFontWeight: 500;
  --rm-healthCardsFontWeight:700;
  --rm-fanbankStatusCardsFontWeight:700;
  --rm-oilheathindexfontWeight:700;
  --rm-healthCardsFontWeight: 700;
  --rm-userProfileSectionFontWeight:700;
  --rm-PRPDAlertPopupFontWeight:700;
  --rm-AnalyticResultFontWeight:700;
  --rm-assetsummaryfontweightmedium:700 --rm-NameplateFontWeightMedium:700 --rm-PDStatuslevelFontWeightMedium:700 --rm-bigCardsfontWeight:700 --rm-sytemRolesFontWeight:700 --rm-PrpddisplaynamefontWeight:700 --rm-assetpermissionfontweight:700 --rm-OltcCardsFontWeight:700 --rm-backgroundPrimaryColor: #ffffff;
  --rm-backgroundSecondaryColor: #ffffff;
  --rm-AlarmListBackgroundColor: #f9fcff;
  --rm-headerBackgroundColor: #404040;
  --rm-headerFontColor: #ffffff;
  --rm-headerSearchInputWidth:110px;
  --rm-headerSearchborder:1px solid #404040;
  --rm-headerLogoTitleWidth:102px;
  --rm-headerSearchPlaceholderColor: #A9A9A9;
  --rm-headerSearchBackgroungColor:#ffffff;
  --rm-SearchInputFontColor: #000000;
  --rm-headerSearchActiveBackgroungColor:#ffffff ;
  --rm-hearderSearchBorderStyle:none;
  --rm-hearderSearchBorderStyleHover:none;
  --rm-assetTreeMarginRight:25px;
  --rm-assetTreeBackgroundColor: #ffffff;
  --rm-assetTreeHeaderBackgroundColor: #777;
  --rm-assetTreeIndicator: #777;
  --rm-assetTreeFontColor: #000000;
  --rm-assetTreeInputBorder: 1px solid #C1C1C1;
  --rm-assetTreeHoverFontColor:#FFF;
  --rm-assetTreeHoverFontWeight:500;
  --rm-assetTreeHoverImageColor:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-hoverColor: #404040;
  --rm-toggleDisableButtonBackgroundColor: #a5acb3;
  --rm-toggleDisableButtonFontColor: #FFFFFF;
  --rm-assetDeviceTdChildWidth: 172px;
  --rm-assetDevicemapTdChildWidth: 198px;
  --rm-profileAlignRight: 132px;
  --rm-assetTreeIndicationleft: 80px;
  --rm-InfoIconrightAlign: 25%;
  --rm-HealthSummaryInfoIconrightAlign:14%;
  --rm-dgaCardReccomendationBgColor: #fff7d1;
  --rm-summaryCardDigitFontSize: 22px;
  --rm-userProfileBackgroundColor: #ffffff;
  --rm-userProfileContentBackgroundColor: #f2f8ff;
  --rm-userProfileIndicator: #f2f8ff;
  --rm-userProfileFontColor: #000000;
  --rm-userProfileDPFontColor: #ffffff;
  --rm-userProfileDPBackgroundColor: #404040;
  --rm-trendIconColor:invert(43%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(90%);
  --rm-recomIconColor:invert(43%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(90%);
  --rm-alarmIconColor: invert(27%) sepia(93%) saturate(2715%) hue-rotate(188deg) brightness(80%) contrast(101%);
  --rm-alarmActiveIconColor:invert(21%) sepia(96%) saturate(7491%) hue-rotate(357deg) brightness(94%) contrast(108%);
  --rm-trendsTop:8px;
  --rm-addtrendsWidth:12px;
  --rm-addtrendsHeight:12px;
  --rm-sidenavBackgroundColor: #f0f0f0;
  --rm-sidenavIconColor: #000000;
  --rm-sidenavFontColor: #000000;
  --rm-sidenavActiveHoverBackgroundColor:#404040;
  --rm-sidenavHoverBackgroundColor:#404040;
  --rm-sidenavbuttonBackgroundColor:#f0f0f0;
  --rm-sidenavHoverBorderColor:1px solid #404040;
  --rm-sidenavActiveHoverFontColor: #ffffff;
  --rm-sidenavActiveHoverFontWeight: normal;
  --rm-sidenavActiveHoverFontZoom: scale(1);
  --rm-sidenavAccordionBackgroundColor: #cbcbcb;
  --rm-navlinkMargin: 0;
  --rm-navlinkPadding: 8px 20px 8px 47px;
  --rm-sidenavDefaultBorder: 1px solid transparent;
  --rm-sidenavDefaultBorderRadius: 0;
  --rm-sidenavIconLeftSpacing: 5px;
  --rm-cardsBorderRadius: 10px;
  --rm-sidenavActiveFontWeight: 400;
  --rm-sidenavIcon: 16px;
  --rm-borderColor: transparent;
  --rm-borderRadius: 0;
  --rm-GeneralBorderRadius: 4px;
  --rm-sectionBorderColor: #dedcde;
  --rm-border-width: 0;
  --rm-box-shadow: none;
  --rm-linkBackground: transparent;
  --rm-linkTextColor: #0070d2;
  --rm-linkBorderRadius: 0;
  --rm-viewMoreFontWeight: 400;
  --rm-fontColorHyperlink: #0070d2;
  --rm-fontColorHoverHyperlink: #0C3A6E;
  --rm-DevicesScreenfontColorOnHoverColor: #EBECF0;
  --rm-summaryCardBackground: #fbfcfd;
  --rm-summaryCardBorderColor: #e9e9e9;
  --rm-summaryCardBorderWidth: 1px;
  --rm-summaryCardBorderRadius: 4px;
  --rm-summaryCardBoxShadow: none;
  --rm-summaryCardValue: 50px;
  --rm-summaryCardFontColor: #000000;
  --rm-summaryCardFontFamily: Roboto;
  --rm-infoBackground: #ffffff;
  --rm-infoFontColor: #000000;
  --rm-infoIconBorderColor: #000000;
  --rm-infoIconBorderWidth: 1px;
  --rm-infoIconBackgroundColor: #ffffff;
  --rm-scrollBackground: #8a8888;
  --rm-scrollHoverBackground: #686767;
  --rm-scrollBorderRadius: 10px;
  --rm-HeaderBackgroundColor: #fff;
  --rm-headerCardHeaderBackgroundColor: #777777;
  --rm-headerCardContentBackgroundColor: #fbfcfd;
  --rm-headerCardFontColor: #ffffff;
  --rm-buttonBackgroundColor: #404040;
  --rm-btnbackgroundcolordark: #404040;
  --rm-buttonHoverBackgroundColor: #404040;
  --rm-buttonFontSize: 14px;
  --rm-buttonFontColor: #ffffff;
  --rm-buttonHoverFontColor: #ffffff;
  --rm-buttonFontColorBlack: #000000;
  --rm--buttonFontColorInWhite: #ffffff;
  --rm-buttonDisabledBackground: rgba(0, 0, 0, 0.12);
  --rm-buttonDisabledFontColor: rgba(0, 0, 0, 0.22);
  --rm-buttonBorderRadius: 4px;
  --rm-buttonFontColor2: #000000;
  --rm-statusBtnFontColor: #000000;
  --rm-statusBtnFontSize: 14px;
  --rm-statusBorderRadius: 4px;
  --rm-normalstatusbtnbgcolor: #e2e2e2;
  --rm-normalstatusbtnFontColor: #000000;
  --rm-statusBtnFontWeight:500;
  --rm-statusLowBtnFontWeight:700;
  --rm-strongTextFontWeight:700;
  --rm-statusBtnLineHeight:20px;
  --rm-nodataBtnFontColor:#FFFFFF;
  --rm-addSensorBtnborderRadius:4px;
  --rm-pdStatusBtnborderRadius:4px;
  --rm-summaryCardDigitFontWeight:10px;
  --rm-summaryCardDigitFontWeight:500;
  --rm-pdCardHeaderbgColor:#f7f7f7;
  --rm-pdCardTitleColor:#000000;
  --rm-pdCardExpandIconColor:invert(27%) sepia(93%) saturate(2715%) hue-rotate(188deg) brightness(80%) contrast(101%);
  --rm-assetDashBoardCardBorderColor:1px solid #0070D2;
  --rm-tableHeaderBackgroundColor: #f7f5f7;
  --rm-tableHeaderFontColor: #000000;
  --rm-tableCellBackgroundColor: #ffffff;
  --rm-tableCellFontColor: #000000;
  --rm-tableCellEvenBackgroundColor: #f2f8ff;
  --rm-tableCellOddBackgroundColor: #ffffff;
  --rm-tableCellHyperlinkColor: #0070d2;
  --rm-tableCellHyperLinkColorHover: #0C3A6E;
  --rm-tablePaginatorBackgroundColor: #ffffff;
  --rm-tablePaginatorFontColor: #000000;
  --rm-tablePaginatornextButton: #ffffff;
  --rm-tablePaginatornextDisableButton: #999999;
  --rm-tableSortHeaderFontColor: #0070D2;
  --rm-tableSortArrowActiveColor: #0070D2;
  --rm-tableSortArrowInActiveColor: #B6B6B6;
  --rm-fontSizeAssetTable: 15px;
  --rm-fileSupportTextFontSize: 15px;
  --rm-paginationContainerDisplay: flex;
  --rm-paginationContainerAlignItems: center;
  --rm-paginationContainerJustifyContent: flex-end;
  --rm-paginationContainerGap: 1px;
  --rm-paginationContainerMarginRight: 0px;
  --rm-paginationBtnBackgroundColor: white;
  --rm-paginationBtnBorderColor: transparent;
  --rm-paginationBtnTextColor: #323438;
  --rm-paginationBtnPadding: 5px 10px;
  --rm-paginationBtnHoverBackgroundColor: #ebeff7;
  --rm-paginationBtnHoverBorderColor: 1px solid #246cb0;
  --rm-paginationBtnHoverTextColor: #246cb0;
  --rm-paginationBtnDisabledCursor: not-allowed;
  --rm-paginationBtnDisabledTextColor: #ccc;
  --rm-pageInfoPadding: 5px;
  --rm-pageInfoFontSize: 14px;
  --rm-pageInfoBorderColor: transparent;
  --rm-pageInfoBackgroundColor: white;
  --rm-unPublishColor: #ff0000;
  --rm-overlayhilightIndicationkWidth:264px;
  --rm-fontColorTab: #0070d2;
  --rm-fontColorActiveTab: #000000;
  --rm-fontColorActiveTabBorder: #0070d2;
  --rm-odiTableListHoverColor:#105fa8;
  --rm-odiTableListPadding: 15px;
  --rm-NameplateBorderTopColor: #dcdedc;
  --rm-NameplateBorderLeftColor: transparent;
  --rm-NameplateBorderRightColor: transparent;
  --rm-NameplateBorderBottomColor: transparent;
  --rm-NameplateBorderWidth: 1px;
  --rm-NameplateborderRadius: 0;
  --rm-NameplateBoxShadow: none;
  --rm-NameplateHeaderBackgroundColor:#ffffff;
  --rm-NameplateAssetnameHoverColor:#000000;
  --rm-echartcautioncolor: #d9e021;
  --rm-echartnormalcolor: #ffffff;
  --rm-echarthighcolor: #f7931e;
  --rm-csafaultchartlearncolor: #5470c6;
  --rm-csafaultchartrecentcolor: #95c11f;
  --rm-legendColor: #000000;
  --rm-csafaultbartextcolor: #000000;
  --rm-echartBackgroundColor: #ffffff;
  --rm-formContainerRightPanelWidth: calc(100% - 300px);
  --rm-tabledataLinkWidth: 210px;
  --rm-axisLableFontsize: 12px;
  --rm-axisLableColor: #000000;
  --rm-legendFontColor: #000000;
  --rm-legendBackgroundColor: #ffffff;
  --rm-echartTooltipBackgroundColor: #404040;
  --rm-echarttooltipFontSize: 12px;
  --rm-echarttooltipFontColor: #FFFFFF;
  --rm-canvasMaxWidth: 300px;
  --rm-duvalErrorMessageColor: #ff0000;
  --rm-dgaLegendsBorderRadius: 50%;
  --rm-echarttooltipBorderRaduis: 5px;
  --rm-IMGBackgroundSize: 87% auto;
  --rm-IMGBackgroundPosition: 148% center;
  --rm-CornerIMGBackgroundURL: url("./media/loginBackground-HUJTOLHT.png") no-repeat;
  --rm-companyLogoHeight: auto;
  --rm-LoginTextColor: #ffffff;
  --rm-inputPlaceholderColor: #000000;
  --rm-customInputPlaceholderColor:#A9A9A9;
  --rm-customInputPlaceholderColorSearch:#A9A9A9;
  --rm-inputErrorMessage: red;
  --rm-inputCaretColor: #000000;
  --rm-defaultPlaceholderColor: #A9A9A9;
  --rm-focusPlaceholderColor: #A9A9A9;
  --rm-activePlaceholderColor: #A9A9A9;
  --rm-hoverPlaceholderColor: #A9A9A9;
  --rm-disablePlaceholderColor: #A9A9A9;
  --rm-formFeildOutLineStartBorderRadius:5px 0 0 5px;
  --rm-formFeildOutLineendBorderRadius:0 5px 5px 0;
  --rm-formFeildDisabledFontColor:#7e7e7e;
  --rm-formFeildDisabledFontWight:400;
  --rm-matFormFieldBorderRadius: 5px;
  --rm-dropdownButtonBackgroundColor: #f0f0f0;
  --rm-dropdownMenuBackgroundColor: #ffffff;
  --rm-dropdownHighlightBackgroundColor: #404040;
  --rm-dropdownButtonBorderColor: #00000040;
  --rm-dropdownActiveButtonBorderColor:#00000040;
  --rm-dropdownButtonArrowrColor: #0000008a;
  --rm-formBackgroundColor:transparent;
  --rm-dropdownSelectedBackgroundColor:#337ab7;
  --rm-dropdownButtonBackground: white url("./media/selectbox-arrow-R6HY5YDY.svg") calc(100% - 13px) 50% / 12px no-repeat;
  --rm-dropDownArrowImageSize: 14px --rm-moduleSelectionMatOptiontextColor:#404040;
  --rm-trendsDropdownPadding:20px;
  --rm-moduleNavbuttonBackgroundColor: #f0f0f0;
  --rm-moduleNavbuttonActiveBackgroundColor: #404040;
  --rm-moduleNavbuttonHoverBackgroundColor: #404040;
  --rm-filterBackgroundColor: #ffffff;
  --rm-filterFontColor: #000000;
  --rm-filterIconColor: #0070d2;
  --rm-filterSelectedFontColor: #000000;
  --rm-reportOptionSelectedFontColor: #000000;
  --rm-filterBorderRadius:4px;
  --rm-matOptionsActiveFontolor:#000;
  --rm-TrendMatOptionsActiveFontolor:#000;
  --rm-filterDropdownPanelTitleBorder:0px;
  --rm-monthYearPickerDropdownArrow: invert(67%) sepia(5%) saturate(376%) hue-rotate(319deg) brightness(92%) contrast(90%);
  --rm-mapLeafletTooltipColor: #ffffff;
  --rm-mapLeafletBgColor: #000000;
  --rm-mapTooltipBackgroundColor: #000000;
  --rm-summaryCardBackgroundcolor:#ffffff;
  --rm-hasAlarmColor:#ff3c2d;
  --rm-hasNoAlarmColor:#32C85A;
  --rm-hasNoChildColor:#B4B6BA;
  --rm-hasOnlyWarningColor:#ff9500;
  --rm-filterTickIconColor: brightness(0) saturate(100%) invert(25%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(100%) contrast(100%);
  --rm-dashaboardIconColor: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-langFilterTickIconColor: brightness(25%) saturate(0%);
  --rm-pngIconColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-trandTagsListIconColor: invert(27%) sepia(93%) saturate(2715%) hue-rotate(188deg) brightness(80%) contrast(101%);
  --rm-custompngIconColor: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  --rm-pngIconDisabledColor: invert(13%) sepia(5%) saturate(0%) hue-rotate(0deg) brightness(28%) contrast(81%);
  --rm-SVGIconColor: #000000;
  --rm-pngWidth: 16px;
  --rm-pngHeight: 16px;
  --rm-pngWidthFilter: 16px;
  --rm-pngHeightFilter: 16px;
  --rm-pngWidthdashboard: 22px;
  --rm-pngHeightdashboard: 22px;
  --rm-pngIconColorforassetdashboard: 0px;
  --rm-searchColor: #D2D4D8;
  --rm-searchColorHover: #7D7F83;
  --rm-closeIconColor: brightness(0) saturate(100%) invert(17%) sepia(13%) saturate(327%) hue-rotate(182deg) brightness(92%) contrast(87%);
  --rm-selectSearchMargin: 0 5px ;
  --rm-pngIconWidth:14px;
  --rm-healthCardsBackgroundColor: #ffffff;
  --rm-healthCardsFontColor: #000000;
  --rm-healthCardsBorderColor: #FFFFFF;
  --rm-healthCardsActiveBorderColor: 1px solid #0070D2;
  --rm-noBorderRadius: 0px ;
  --rm-headerSearchBorderRadius: 0px ;
  --rm-healthCardBoxShadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.1);
  --rm-dashboardAlarmsCardsValue: #FF3C2D;
  --rm-dashboardWarningsCardsValue: #FF9600;
  --rm-dashboardNoAlarms: #d3d3d3;
  --rm-dailogFontColor: #45556b;
  --rm-dailogHeadingFontColor: #45556B;
  --rm-dailogLableFontColor: #45556B;
  --rm-dailogActionFontColor: #45556B;
  --rm-dailogueBackgroundColor: #ffff;
  --rm-dailogueHeaderBackgroundColor: #0070d2;
  --rm-pieChartLegendFontsize: 12px;
  --rm-pieChartLegendFontColor: #000000;
  --rm-pieChartHeaderBackground: #777;
  --rm-toolbarBackgroundColor: #f7f7f7;
  --rm-greyToolbarBackgroundColor: #f8f8f8;
  --rm-toolbarFontColor: #000000;
  --rm-nameplateBackgroundColor: #ffffff;
  --rm-checkboxBorderColor: #337ab7;
  --rm-checkboxBackgroundColor: #337ab7;
  --rm-checkboxIconColor: #ffffff;
  --rm-radioBorderColor: #00FFFF;
  --rm-radioBackgroundColor: #00FFFF;
  --rm-radioHoverBackgroundColor: #ccc;
  --rm-radioHoverBorderColor: #000;
  --rm-radioActiveBorderColor: 4px solid #0070D2;
  --rm-radioActiveBackgroundColor: #FFFFFF;
  --rm-pendingCardColor:#000;
  --rm-datetimePickerBackgroundColor: #ffffff;
  --rm-datetimePickerFontColor: #000000;
  --rm-datetimePickerSelectedBackgroundColor: #0070d2;
  --rm-datetimePickerSelectedFontColor: #ffffff;
  --rm-datePickerTitleBgColor: #404040;
  --rm-datePickerTitleColor: #ffffff;
  --rm-datePickerTitleFontWeight: 400;
  --rm-inlineListDateRangeMarginLeft: 12px;
  --rm-analyticLegendsBorderRadius: 50%;
  --rm-datePickerCloseIcon: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-alarmStatus: #ff0000;
  --rm-normalColor: #95c11f;
  --rm-valueColor: #ffffff;
  --rm-warnColor: #ff9500;
  --rm-gaugePointerColor: black;
  --rm-gaugeiIconFilter: invert(1);
  --rm-spinnerBackgroundColor: #ffffff;
  --rm-dialogSpinnerFontColor: black;
  --rm-spinnerWidth: 50px;
  --rm-spinnerHeight: 50px;
  --rm-dialogSpinnerFontSize: 14px;
  --rm-spinnerShadowBox: 1px 4px 8px 0px var(--rm-headerBackgroundColor);
  --rm-toggleActiveFontColor:#ffffff;
  --rm-toggleActiveBackgroundColor:#a5acb3;
  --rm-toggleInActiveFontColor:#ffffff;
  --rm-toggleInActiveBackgroundColor:#404040;
  --rm-snotifyBackground:#FFFFFF;
  --rm-snotifyFontColor:#000000;
  --rm-expansionHoverColor:#005470;
  --rm-expansionBackgroundColor:transparent;
  --rm-realtimequalityGood: #000000;
  --rm-realtimequalityHeld: #909294;
  --rm-realtimeQualityBad: #c4b6a6;
  --rm-realtimeQualityHeldBad: #d1cbc1;
  --rm-realtimequalityReportGood: #000000;
  --rm-Reportdefautbackgroundcolor:#FFFFFF;
  --rm-reportFontSize:11px;
  --rm-reportHeaderFontSizeDefault:16px;
  --rm-reportMessageFontSize:16px;
  --rm-reportfontDgaGases: 16px;
  --rm-reportfontAnalysis: 16px;
  --rm-Reportdefautfontcolor:#000000;
  --rm-tableHeaderFontColorReport: #000000;
  --rm-tableCellBackgroundColorReport: #ffffff;
  --rm-tableRowOddBackgroundColorReport: #F8F8FA;
  --rm-dotColor:#ff0000;
  --rm-fontHoverColorHyperlink:#005AA8;
  --rm-userPopupfontHoverColor:#005AA8;
  --rm-alignRight:0px;
  --rm-alignLeft:-50%;
  --rm-tranformX:translateX(-92%);
  --rm-trendsSvgUrl: url("./media/trendsrm-PJ27ZQRG.svg") no-repeat center;
  --rm-tooltipBgColor: #6c6969;
  --rm-tooltipColor:#fff;
  --rm-tooltipBorderRadius:4px;
  --rm-padding-bottomFormFields:16px ;
  --rm-matFormFieldWrapperBottom:15px ;
  --rm-statusButtonMinWidth:62px;
  --rm-checkboxNoBorderRadius:0px;
  --rm-customfontweight:normal;
  --rm-customTransformforRadio: translateY(-50%) rotate(45deg);
  --rm-customBorderforRadio:solid #fff;
  --rm-customWidthforRadio:5px;
  --rm-customHeightforRadio:10px;
  --rm-customBackgroundColorforRadio:none;
  --rm-customBorderWidthforRadio:0 2px 2px 0;
  --rm-borderRaduisforRadio:0%;
  --rm-customleftforRadio:7px;
  --rm-customtopforRadio:45%;
  --rm-matErrorFontWeight:400;
  --rm-matErrorMarginTop:20px;
  --rm-matToolTipBoxShadow:0px 4px 4px rgba(0, 0, 0, 0.25);
  --rm-headerLeftblockPadding:13px 0 13px 20px;
  --rm-selectLineHeight:18px;
  --rm-alamCountFontColor: #FF0000;
  --rm-cardsItemContentBackGround:#fbfcfd;
  --rm-cardsItemContentBorderRadius:0 0 10px 10px ;
  --rm-cardsItemHeadingBorderRadius:10px 10px 0 0;
  --rm-SystemDashboardtrendIconColor:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-sysDashBordTrendIConLeft:-35px;
  --rm-DgacardsItemContentBackGround:#fbfcfd;
  --rm-DgacardsItemContentBorderRadius:0 0 10px 10px ;
  --rm-DgacardsItemHeadingBorderRadius:10px 10px 0 0;
  --rm-DgaCardtrendIconColor:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-DgaCardTrendIConLeft:-35px;
  --rm-fleettrendIcon:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-ButtonVisibiltyDisplay:flex;
  --rm-inputPlaceholderOpacity:0.5;
  --rm-FormAckMsgColor:#45556b;
  --rm-CustomColor:#45556b;
  --rm-matSelectHeight:16px;
  --rm-excelDialogBackgroundColor:#FFFFFF;
  --rm-FontWeightForm:500;
  --rm-BorderColorListDropDown:#000000;
  --rm-assetColor:#45556b;
  --rm-searchbarMargin:0 10px 10px;
  --rm-searchbarBorder:1px solid #c1c1c1;
  --rm-nofileChooseBackgroundcolor: #FFFFFF;
  --rm-overViewAssetNameHoverColor:#0070d2;
  --rm-assetComparisionAssetNameHoverColor:#000000;
  --rm-alarmItemHeadingHoverColor:#005aa8;
  --rm-alarmItemHeadingColor:#0070d2;
  --rm-viewAllLinkHoverColor:#005aa8;
  --rm-filterLableHoverColor:#000000;
  --rm-userProfilePosition: 51px;
  --rm-addSensorIconsColor: #000000;
  --rm-sideNavfontWeight: 400;
  --rm-checkBoxAlignment: 17px;
  --rm-externalUserTextAreabgColor:#e4e4e4;
  --rm-headingFontColor:#000;
  --rm-headingFontWeight:700;
  --rm-headingBorder: 1px solid #DEDCDE;
  --rm-headingMargin:8px;
  --rm-allAssetsButton:1px solid #A2AAB5;
  --rm-rallAssetsColor:rgba(0,0,0,0.5);
  --rm-allAssetsBackgroundColor:#fff;
  --rm-sidenavAccordionAdminBackgroundColor:#323438;
  --rm-alignMappingBlocks:491px;
  --rm-uploadbuttonBorderColor:1px solid #000;
  --rm-uploadbuttonBorderHoverColor:1px solid #000;
  --rm-downlaodIconColor:#000;
  --rm-assetHeadingpPadding:47px;
  --rm-assetDropdown: 1px solid #000;
  --rm-choosefileTextColor:#333;
  --rm-radioBorder:2px solid #7D7F83;
  --rm-radioBorderRaduis:50%;
  --rm-dialogheadingFontColor:#323438;
  --rm-fontWeightdropdown:400px;
  --rm-pagination-btn-disableColor:#b2b2b2;
  --rm-noborderRaduisdropdown:10px;
  --rm-sortarrowcolor:#757575;
  --rm-multiassetfontcolor: rgba(0, 0, 0, 0.87);
  --rm-uploadbuttonbackgroundcolor:#909294;
  --rm-uploadbuttonbackgroundColorHover: #909294;
  --rm-chooseFileBackgroundColor: #909294;
  --rm-customtooltipbackgroundcolor:#fff;
  --rm-customtooltipfontcolor:#000;
  --rm-customtooltipborderraduis: 8px;
  --rm-customtooltippadding:3px 12px;
  --rm-customtooltipborder:1px solid #000;
  --rm-dgacardsfontcolor:#fffff;
  --rm-timeboxborderraduis:5px;
  --rm-fontWeightMediumwidget:400px;
  --rm-dgaTablepaddinfleft:80px;
  --rm-dgaTablepaddinfRight:70px;
  --rm-dgaTablepaddinfTop:30px;
  --rm-dgaChartpaddinfTop:30px;
  --rm-dgaCardWidth:75%;
  --rm-dgaCardpaddinfLeft:20px;
  --rm-dgaChartWidth:95%;
  --rm-dgaChartBoxMArginRight:150px;
  --rm-dgaChartCardLineHight:13px;
  --rm-dgaChartDescriptionPaddingTop:50px;
  --rm-dgaChartDescriptionMarginLeft:-100px;
  --rm-dgaChartDescriptionWidth:115%;
  --rm-dgaChartDescriptionMarginTop: 30px;
  --rm-SubHeadingFontSize: 22px;
  --rm-MainHeadingFontSize: 28px;
  --rm-eventAnalysisFontWeight: 500;
  --rm-reportImageLogo: 100px;
  --rm-bellIconColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-reportboxLoaderraduis: 8px;
  --rm-reportstrongTagdcolor: #000000;
  --rm-reportHeadingBackgroundcolor: #0070d2;
  --rm-statusBtnMinWidthHvgis: 116px;
  --rm-pdStatusBorder: 1px solid #e9e9e9;
  --rm-reportalarm-bg: #FF3C2D;
  --rm-reportwarn-bg: #FF9600;
  --rm-reportdefault-bg: transparent;
  --rm-reportalarm-text: #ffffff;
  --rm-reportwarn-text: #ffffff;
  --rm-reportdefault-text: #000000;
  --rm-alarmDescriptionFontWeight:400;
  --rm-alarmItemHeadingFontWeight:400;
  --rm-dropdownFontColor:#000000;
  --rm-trendmrgnlft:15px;
  --rm-trendfontSizeLarge: 18px;
  --rm-snackBarBackgroundColor: #FF3C2D;
  --rm-alarmHistorySnackBarBgColor: #032239;
  --rm-inputBorderColorHover: #7d7f83;
  --rm-snackBarColor: #FFFFFF;
  --rm-snackBarFontSize: 14px;
  --rm-dropdownBorderColor: #B6B7B8;
  --rm-dropdownBorderColorHover: #B6B7B8;
  --rm-inputFieldDisableColor:#EFEFEF4D;
  --rm-sliderTogglecolor:#50c878;
  --rm-sliderToggleOffcolor:#00000061;
  --rm-slidertogglethumbcolor:#FAFAFA;
  --rm-sliderToggleHovercolor: #B4B6BA;
  --rm-hoverondisabled:#B4B6BA;
  --rm-statusBorderRadius: 25px;
  --rm-statusLowBoxShadow: 0 0 10px #39B54A;
  --rm-statusAverageLowBoxShadow: 0 0 10px #8CC63F;
  --rm-statusMediumBoxShadow: 0 0 10px #D9E021;
  --rm-statusAverageBoxShadow: 0 0 10px #FCEE21;
  --rm-statusHighBoxShadow: 0 0 10px #F7931E;
  --rm-redBtnBoxShadow: 0 0 12px #FF3C2D;
  --rm-warnBtnBoxShadow: 0 0 12px #FF9600;
  --rm-grayBtnBoxShadow: 0 0 10px #32C85A;
  --rm-greenBtnBoxShadow: 0 0 12px #32C85A80;
  --rm-alertsboxbackgroundcolor:#FDD2D5;
  --rm-alertsboxtextcolor:#FF3C2D;
  --rm-defalttablebgcolor:#F7F5F7;
  --rm-plusiconColor:#3F51B5;
  --rm-icontextColor:#0070D2;
  --rm-viewAllLinkFontSize: 14px;
  --rm-iButtonNormal: #000000;
  --rm-iButtonHover: #010102;
  --rm-iButtonInactive: #b4b6ba;
  --rm-statusAmberBoxShadow: 0 4px 12px #ffa50080;
  --rm-btnHoverColor: #ebeff7;
  --rm-btHoverBorderColor: 1px solid #246cb0;
  --rm-iconFontSize: 15px;
  --rm-alarmCountPadding: 10px;
  --rm-healthinfoOverlay: 12%;
  --rm-summaryInfoOverlay:-60px;
  --rm-trendSelectionBorderRadius: 10px;
  --rm-exportimagewidth:24px;
  --rm-healthSummaryGuageBgColor:#e6ebf8;
  --rm-gugadedefauttextlcolor:#323438;
  --rm-gugadeReportdefauttextlcolor:#323438;
  --rm-alertsPaginationMarginRight: 0px;
  --rm-trendMarginLeft: 4px;
  --rm-pngTrendHeight: 16px;
  --rm-paginationWidth: 19.5%;
  --rm-showmarkerAlarmcolor:#FF0000;
  --rm-showmarkerWarningcolor:#fa961c;
  --rm-alarmlimitopacity: 1.4;
  --rm-display: inline-block ;
  --rm-width: 0px ;
  --rm-height: 0px ;
  --rm-border-bottom: none ;
  --rm-border-left: 5px solid #00000000 ;
  --rm-border-right: 5px solid #00000000 ;
  --rm-border-top: 5px solid ;
  --rm-transform: none ;
  --rm-float-transform: none ;
  --rm-margin: 0 6px ;
  --rm-normaldotcolor: #25D366;
  --rm-alarmdotcolor: #FF0000;
  --rm-inputDefaultBorder: 1px solid #00000040;
  --rm-onlineValuesBgColor: #d1d1d1;
  --rm-onlineValueBorder: 1px solid black;
  --rm-defaultInputBorder: 1px solid #00000040;
  --rm-defaultInputPlaceHolderColor: #A9A9A9;
  --rm-activeInputBorder: 1px solid #A7A6AB;
  --rm-activePlaceHolderColor: #A9A9A9;
  --rm-hoverInputBorder: 1px solid #7d7f83;
  --rm-errorInputBorder: 1px solid #ff3c2d;
  --rm-extraboxBorder: 0px solid #00000040;
  --rm-headerCompanyMarginLeft: 0px;
  --rm-oddcolor:#fff;
  --rm-evencolor:#7d7f83;
  --rm-dateIconsize:20px;
  --rm-commontrendopacity:0.4;
  --rm-statusGreen:#B2EBC0;
  --rm-reportshowmarkerAlarmcolor:#FF0000;
  --rm-reportshowmarkerWarningcolor:#FFA500;
  --rm-reportshowmarkernormalcolor:#25D366;
  --rm-dropdowntextfontcolor:#fff;
  --rm-alertcolor:#FF0000;
  --rm-warningcolor:#FFA500;
  --rm-safecolor:#EFD613;
  --rm-normalcolor: #25D366;
  --rm-barchartfaircolor:#39B54A;
  --rm-barchartgoodcolor:#8CC63F;
  --rm-barchartokcolor:#D9E021;
  --rm-barchartwarncolor:#FCEE21;
  --rm-barchartworsecolor:#F7931E;
  --rm-assetComparisonPaginationWidth: 84.8%;
  --rm-odiPaginationWidth: 84.8%;
  --rm-dropdownHighlightBackgroundColorHover: #0000000a;
  --rm-margnLeftVLFPdTest: 0px;
  --rm-addleft:6px;
  --rm-floatAddIcon:right;
  --rm-tableHeadingBgColor: #f7f5f7;
  --rm-dropdownSelectedTextColor: #323438;
  --rm-buttonHoverText: #000000;
  --rm-secondaryButtonTextColor: #000000;
  --rm-secondaryButtonDisableBgColor: grey;
  --rm-disableBtnFontColor: #fff;
  --rm-disableBtnBgColor: grey;
  --rm-tableHeaderWeight: 700;
  --rm-odiSortWeight: 700;
  --rm-datePickerColor:brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(748%) hue-rotate(181deg) brightness(98%) contrast(103%);
  --rm-fontSizeDefaultlink: 14px;
  --rm-multiAssetActionBtn: -26px;
  --rm-globalSearchBorder: 1px solid #A2AAB5;
  --rm-textAreaMatErrorMarginTop: 25px;
  --rm-exportBtnBefore: #C2C2C2;
  --rm-filterDropdowntxtClr: #000000;
  --rm-assetComparisionMarginLeftForDeleteButton: -65px;
  --rm-overlaycontainercolor:#ffffff;
  --rm-noBorderRadiusTooltip:4px;
  --rm-opacityassettree:1;
  --rm-healthCardsBorderColorsolid: 1px solid #FFFFFF;
  --rm-dfrhealthcardbordercolor: 1px solid #E9E9E9;
  --rm-dfrhealthcardfilterstyle: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.25));
  --rm-filterheadingLineHeight:0;
  --rm-dropdownButtonBackgroundColorNew:#0000008a;
  --rm-borderRadiusFilter:4px;
  --rm-fontWeightCusomized:700;
  --rm-bellIconSvgUrl: url("./media/icon-blueNotification-2KBT6TPU.svg") no-repeat center;
  --rm-minMaxBorderRadius: 4px;
  --rm-recentActiveAlertsPadding: 10px;
  --rm-infoOverlayBorderRadius: 10px;
  --rm-dropDownBorderRadius: 4px;
  --rm-tooltipBottom: -65px;
  --rm-assetTreeImageColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-mapPaddingColor: #fbfcfd;
  --rm-minMaxBorderRadius: 4px;
  --rm-recentActiveAlertsPadding: 10px;
  --rm-infoOverlayBorderRadius: 10px;
  --rm-dropDownBorderRadius: 4px;
  --rm-dropdownFieldBorderRadius: 5px;
  --rm-assetTreeImageColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-mapPaddingColor: #fbfcfd;
  --rm-minHeightDashboard: 100px;
  --rm-innerContainerPadding: 0 0 15px 0;
  --rm-deleteIconFilter: invert(21%) sepia(7%) saturate(220%) hue-rotate(187deg) brightness(96%) contrast(95%);
  --rm-lineHeightDropdown: 18px;
  --rm-fontWeightMediumTableHeading:500;
  --rm-infoiconcolor:#757575;
  --rm-tooltipBordercolor:none;
  --rm-fontSizeUserProfile:15px;
  --rm-imagemaxheight: 39px;
  --rm-imagepaddingleft: 15px;
  --rm-imagepaddingtop: 1px;
  --rm-fontweightstatus:normal;
  --rm-radioButtonColor: #0070D2;
  --rm-FilterTitleBackgroundColor: #777777;
  --rm-iconColor:brightness(0);
  --rm-fontdateRangeHoverColorHyperlink:#404040;
  --rm-dateIconColor:invert(96%) sepia(100%) saturate(18%) hue-rotate(246deg) brightness(104%) contrast(104%);
  --rm-cancelButtonBackground: #FFFFFF;
  --rm-inputBackgroundColor: #FFFFFF;
  --rm-cancelButtonBorder: #404040;
  --rm-cancelButtonHover: #ebeff7;
  --rm-secondaryButtonBackgroundColor: #FFFFFF;
  --rm-paginatorUnderline: #0000008a;
  --rm-headerBackgroundColorGlobal:#404040;
  --rm-fontWeightHeaderCenter: 700;
  --rm-tableDataLinkColor: #000000;
  --rm-tableDataLinkHoverColor: #000000;
  --rm-systemDashboardTrendIconTop: 0px;
  --rm-onlineValueActiveFontColor: #A9A9A9;
  --rm-onlineValueFontColor: #A9A9A9;
  --rm-arrowFilterColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-selectedWatchlistIconColor: invert(96%) sepia(100%) saturate(18%) hue-rotate(246deg) brightness(0%) contrast(104%);
  --rm-unselectedWatchListIconColor: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-acknowledgeTickColor: invert(96%) sepia(100%) saturate(18%) hue-rotate(246deg) brightness(0%) contrast(104%);
  --rm-watchlistIconWidth: 0;
  --rm-watchlistTconHeight: 0;
  --rm-playpauseColor:#404040;
  --rm-cardBorder:1px solid #D3D3D3;
  --rm-pdstatusBorderRadius:15px;
  --rm-pdtrendlinecolor:#000;
  --rm-fontSizeXS: 13px;
  --rm--UpsOpInsightTableWidth: 144%;
  --rm-trendSelectionFontSize: 22px;
  --rm-customTooltipBorderColor: #000;
  --rm-prpdBorderRaduis:8px;
  --rm-duvalArrowColor:#000;
  --rm-headerIconClose:invert(85%) sepia(8%) saturate(120%) hue-rotate(180deg) brightness(90%) contrast(95%);
  --rm-infocardMargin:-19px;
  --rm-tooltipfontcolor:#000000;
  --rm-svgfontcolor:#000000;
  --rm-svgfontcolorred:#ff0000;
  --rm-fontColorDualAnalysis:#ffffff;
  --rm-leafletstyles:12px/1.5 "Roboto", sans-serif;
  --rm-fontWeightpd:500;
  --rm-tooltipContentFontSize: 14px;
  --rm-summaryCardHeadingFontSize: 15px;
  --rm-prpdborder:5px 5px 5px 5px;
  --rm-checkboxwidth:15px;
  --rm-checkboxheight:15px;
  --rm-checkboxfontcolor:#000;
  --rm-prpdDateTimeFontSize: 12px;
  --rm-infoIconFontSize: 18px;
  --rm-infoIconListFontSize: 14px;
  --rm-mapZoomInOutFontSize: 22px;
  --rm-matTooltipFontSize: 14px;
  --rm-vectorImgPadding: 24px;
  --rm-vectorMarginLeft: 0px;
  --rm-dropDownArrowBorderColor: #999999 transparent;
  --rm-uomMinWidth: 160px;
  --rm-uomMaxWidth: 160px;
  --rm-odiImageNameBackgroundColor: #FFFFFF;
  --rm-odiImageNameFontColor: #0070D2;
  --rm-allAssetsColor: #000000;
  --rm-infoIcondgaBackgroundColor:#777;
  --rm-assetdevicedropdownColor:#777;
  --rm-borderradio:#000;
  --rm-exportboxheight:54px ;
  --rm-heightforexcel:64px;
  --rm-floatPdtrendAddIcon: right;
  --rm-addleftPdtrend:6px;
  --rm-assetComparissionDropdownBackgroundColor: #FFFFFF;
  --rm-headerUserNameIconBackgroundColour:#395D88;
  --rm-headerUserNameIconColor:brightness(0) invert(1);
  --rm-cardDesignMargin:15px;
  --rm-cardDesignPadding: 30px;
  --rm-cardDesignBackground: #ffffff;
  --rm-cardDesignContainerPadding:60px;
  --rm-cardDesignShadow:0px 1px 2px #0000001A;
  --rm-cardDesignOpacity:1;
  --rm-mapHeadingPadding: 5px 0px 5px 0px;
  --rm-mapHeadingBgColor: #FFFFFF;
  --rm-mapHeadingTitleFontColor: #7d7f83;
  --rm-mapHeadingTitleMarginBottom: 0px;
  --rm-mapHeadingTitleMarginLeft: 333px;
  --rm-mapHeadingTitleValue: 5px;
  --rm-svgDesignBackground:#f2f3f5;
  --rm-fliterLableMarginBottom:16px;
  --rm-cardPatternSmallHeight:150px;
  --rm-matFormFeildBackgroundColor:#ffffff;
  --rm-recomendationMsgBoxMinHeight: 50px;
  --rm-recomendationMsgBoxMaxHeight: 150px;
  --rm-linkWidgetPngWidth:auto;
  --rm-linkWidgetPngHeight:30px;
  --rm-HealthSummaryInfoIconColor:#fff;
  --rm-HealthSummaryInfoIconBorder:1px solid #fff;
  --rm-tooltipbuttonFontColor:#ffffff;
  --rm-tooltipBorderRaduis: 4px;
  --rm-canvaPngIconColor: #4444444D;
  --rm-matCheckboxLabelDisabledColor: #00000061;
  --rm-whiteBoxHeaderBgColor: #FFFFFF;
  --rm-tableborder: solid 1px rgba(0, 0, 0, 0.12);
  --rm-indexBackgroundColor: #ffffff;
  --rm-tableHeadersPaddingWhiteBox: 14px 0px;
  --rm-tabelHeadingsBg: #FFFFFF;
  --rm-tabelContainerListHeight: 219px;
  --rm-doneButtonMargintop: 0px;
  --rm-assetComparissionDropdownBgColor: #FFFFFF;
  --rm-assetTypeSelectDropdownWidth: 135px;
  --rm-cardPatternMaxHeight: 150px;
  --rm-cardPatternHeight: 150px;
  --rm-duvalFontColor:#000000;
  --rm-duvalDiagnosticBackgroundColor: #FFF7D1;
  --rm-duvalTChartMarginTop:-25px;
  --rm-moreDGAChartMarginTop:0px;
  --rm-duvalNavHeaderWidth:82%;
  --rm-duvalErrorMessageLineHeight:14px;
  --rm-summarycardPadding:15px 20px;
  --rm-viewlinkPadding:5px 15px;
  --rm-infocardMarginBottom: 26px;
  --rm-latestRecommendationpadding:16px 20px;
  --rm-nameplatedetailspadding:20px;
  --rm-assetdetailpadding:16px 20px;
  --rm-sectionbordercolor:#DEDCDE;
  --rm-productImageNew:30px 20px;
  --rm-maxwidthtext:220px;
  --rm-infomrgnbttm:26px;
  --rm-alarmcountpadding:15px 15px 0;
  --rm-nameplateiconPadding:20px;
  --rm-cardDesignMarginBottom:20px;
  --rm-cardDesignSummaryContainerPadding:70px;
  --rm-alarmMapContainerHeight: 75vh;
  --rm-alarmListContainerHeight: 75vh;
  --rm-monitorAssetListHeight: 75vh;
  --rm-widgetBoderBottom: 5px solid #dedcde;
  --rm-myDashboardHeadingBorder: 1px solid #DEDCDE;
  --rm-myDashboardAssetsHeaderBackgroundColor: #fff;
  --rm-cardMarginSummary:0px 0px 0px 0px;
  --rm-strongTextFontWeightRegular:400;
  --rm-homeAssetSummaryListHeight: 289px;
  --rm-backgroundPrimaryColor: #ffffff;
  --rm-closeButonfontWeight:700;
  --rm-deletePopupfontweight:700;
  --rm-fontweightRegularcontent:400;
  --rm-fontweightFilterLabel:500;
  --rm-fontweightDefaultbold:700;
  --rm-fontweightDefaultboldHeading:700;
  --rm-summaryCardDigitFontWeightRegular:400;
  --rm-placeholderFontweight:700;
  --rm-filterfontweightMeduim:400;
  --rm-healthConditionTableAlign: hidden;
  --rm-healthConditionTableHeight: calc(100vh - 300px);
  --rm-matHeaderMinWidth: 85px;
  --rm-matHeaderMaxWidth: 85px;
  --rm-popupPadding:15px;
  --rm-overflowMiddleContainer: auto;
  --rm-gisMapWidth: calc(100vw - 240px);
  --rm-appMapSelectedViewWidth: calc(100vw - 240px);
  --rm-hvGisBarValuesMarginTop: 47px;
  --rm-hvGisSpectrumMarginTop: -48px;
  --rm-gisSldHeight: calc(100% - 36px);
  --rm-gasHeaderPadding: 20px 5px 20px 5px;
  --rm-backgroundPopupColor:#ffffff;
  --rm-MarginPaddingValueZero: 0px;
  --rm-sectionborderSummary:#DEDCDE;
  --rm-pdIconWidth: 3%;
  --rm-overlaysectionMargin:20px;
  --rm-contentbgcolor:#ffffff;
  --rm-dashboardLayoutMargin:-10px;
  --rm-allAssetsWatchlistIconPadding: 8px;
  --rm-dgaTrendsToolbarPadding: 11px 15px 0px 5px;
  --rm-addTrendTagsPadding: 28px 15px;
  --rm-paddingviewmore:22px 15px;
  --rm-oditooltipleftmargin:-169px;
  --rm-inputfiledWidth:25vw;
  --rm-infooverlayalign:-49px;
  --rm-iconPosition:-200px;
  --rm-iconPositiontdrirc:0px;
  --rm-windingalign:none;
  --rm-maxwidthheadingodi:220px;
  --rmalignItemtoright:-65px;
  --rm-trendlineopacity:0.5;
  --rm-aligniicon:60px;
  --rm-healthInfoIcon:20px;
  --rm-alignPlusIcon:11px;
  --rm-adjusticonsize:20px;
  --rm-updatemrgn:0px;
  --rm-containerheight:110.7vh;
  --rm-rightcontainerheight:110.7vh;
  --rm-leftcontainerheight:110.7vh;
  --rm-trendcomparecontainerheight:72vh;
  --rm-exportReportInfoOverlay: 20px;
  --rm-toolbarNameTrendPadding:0 16px;
  --rm-toolbarNameTrendMarginRight:0px;
  --rm-toolbarNameTrendContentafter:"";
  --rm-flexDirection:column;
  --rm-tickmarkAlign:3px;
  --rm-tableListFontWeight: 500;
  --rm-datePickerPadding: 26px 15px 20px;
  --rm-calenderTableSelectionWidth: 52px;
  --rm-dashBoardLayoutMaxHeight: calc(100vh - 334px);
  --rm-dashBoardZoomLayoutMaxHeight: calc(100vh - 460px);
  --rm-nodataColorBg:#E2E2E2;
  --rm-towerCardHeadingWeight: bold;
  --rm-towerCardValueWeight: bold;
  --rm-tableHeaderPadding:0px 10px;
  --rm-pdStatusFontColor: #FFFFFF;
  --rm-matpaginationDisplay:none;
  --rm-matpaginationRangeActionleft:100px;
  --rm-matpaginationRangeActionposition:absolute;
  --rm-matpaginationRangeActionMarginTop:50px;
  --rm-nameplateBorder:solid 1px #DEDCDE;
  --rm-alarmListPaddingBottom: 70px;
  --rm-infoIconPosition:0;
  --rm-headerfontSizeDefault:14px;
  --rm-imagemax-height:0;
  --rm-headerIconPadding:0;
  --rm-paramterTablewidth:265px;
  --rm-tablePaddingforSrno:20px;
  --rm-tableContainerparamterWidth:250px;
}
.height-100 {
  height: 100% !important;
}
.width-100 {
  width: 100% !important;
}
.pad-0 {
  padding: 0 !important;
}
.mrgn-0 {
  margin: 0 !important;
}
.mrgn-auto {
  margin: auto !important;
}
.pad-auto {
  padding: auto !important;
}
@keyframes fadeIn {
  from {
    opacity: 0.01;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0.01;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0.01;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0.01;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0.01;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 30px, 0);
    opacity: 0.01;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -30px, 0);
    opacity: 0.01;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-30px, 0, 0);
    opacity: 0.01;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(30px, 0, 0);
    opacity: 0.01;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes scaleIn {
  from {
    transform: scale3d(0.95, 0.95, 1);
    opacity: 0.01;
  }
  to {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes scaleUp {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.05);
  }
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-fadeIn {
  animation: fadeIn 0.4s ease-out both;
  will-change: opacity;
}
.animate-fadeInUp {
  animation: fadeInUp 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-fadeInDown {
  animation: fadeInDown 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-fadeInLeft {
  animation: fadeInLeft 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-fadeInRight {
  animation: fadeInRight 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-slideInUp {
  animation: slideInUp 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-slideInDown {
  animation: slideInDown 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-slideInLeft {
  animation: slideInLeft 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-slideInRight {
  animation: slideInRight 0.4s ease-out both;
  will-change: opacity, transform;
}
.animate-scaleIn {
  animation: scaleIn 0.3s ease-out both;
  will-change: opacity, transform;
}
.animate-pulse {
  animation: pulse 2s ease-in-out infinite;
}
.animate-delay-1 {
  animation-delay: 0.1s;
  opacity: 0.01;
}
.animate-delay-2 {
  animation-delay: 0.2s;
  opacity: 0.01;
}
.animate-delay-3 {
  animation-delay: 0.3s;
  opacity: 0.01;
}
.animate-delay-4 {
  animation-delay: 0.4s;
  opacity: 0.01;
}
.animate-delay-5 {
  animation-delay: 0.5s;
  opacity: 0.01;
}
.transition-smooth {
  transition:
    transform 0.25s ease-out,
    opacity 0.25s ease-out,
    box-shadow 0.25s ease-out;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.transition-smooth .infoOverlay,
.transition-smooth .OverlaySection,
.transition-smooth .InfocardContainers,
.transition-smooth .cardInfoContainer {
  transition: none !important;
}
.transition-fast {
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
  backface-visibility: hidden;
}
.transition-fast .infoOverlay,
.transition-fast .OverlaySection,
.transition-fast .InfocardContainers,
.transition-fast .cardInfoContainer {
  transition: none !important;
}
.transition-slow {
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
  backface-visibility: hidden;
}
.transition-slow .infoOverlay,
.transition-slow .OverlaySection,
.transition-slow .InfocardContainers,
.transition-slow .cardInfoContainer {
  transition: none !important;
}
.hover-lift {
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
  backface-visibility: hidden;
}
.hover-lift:hover {
  transform: translate3d(0, -5px, 0);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.hover-lift .infoOverlay,
.hover-lift .OverlaySection,
.hover-lift .InfocardContainers {
  transform: none !important;
  transition: none !important;
}
.hover-scale {
  transition: transform 0.25s ease-out;
  backface-visibility: hidden;
}
.hover-scale:hover {
  transform: scale3d(1.05, 1.05, 1);
}
.hover-scale .infoOverlay,
.hover-scale .OverlaySection,
.hover-scale .InfocardContainers {
  transform: none !important;
}
.hover-glow {
  transition: box-shadow 0.25s ease-out;
}
.hover-glow:hover {
  box-shadow: 0 0 20px rgba(0, 112, 210, 0.4);
}
.hover-fade {
  transition: opacity 0.25s ease-out;
}
.hover-fade:hover {
  opacity: 0.8;
}
.login-animate-container {
  animation: fadeIn 0.5s ease-out both;
  will-change: opacity;
}
.login-animate-form {
  animation: fadeInUp 0.5s ease-out 0.15s both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.login-animate-logo {
  animation: scaleIn 0.4s ease-out 0.1s both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.login-animate-content {
  animation: fadeInDown 0.4s ease-out 0.2s both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.home-animate-container {
  animation: fadeIn 0.4s ease-out both;
  will-change: opacity;
}
.home-animate-card {
  animation: fadeInUp 0.4s ease-out both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.home-animate-card:nth-child(1) {
  animation-delay: 0.05s;
}
.home-animate-card:nth-child(2) {
  animation-delay: 0.1s;
}
.home-animate-card:nth-child(3) {
  animation-delay: 0.15s;
}
.home-animate-card:nth-child(4) {
  animation-delay: 0.2s;
}
.home-animate-card:nth-child(5) {
  animation-delay: 0.25s;
}
.asset-summary-animate {
  animation: fadeIn 0.4s ease-out both;
  will-change: opacity;
}
.asset-summary-animate-left {
  animation: fadeInLeft 0.4s ease-out both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.asset-summary-animate-right {
  animation: fadeInRight 0.4s ease-out both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.asset-summary-animate-block {
  animation: fadeInUp 0.4s ease-out both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.asset-summary-animate-block:nth-child(1) {
  animation-delay: 0.05s;
}
.asset-summary-animate-block:nth-child(2) {
  animation-delay: 0.1s;
}
.asset-summary-animate-block:nth-child(3) {
  animation-delay: 0.15s;
}
.asset-summary-animate-block:nth-child(4) {
  animation-delay: 0.2s;
}
.screen-builder-animate {
  animation: fadeIn 0.4s ease-out both;
  will-change: opacity;
}
.screen-builder-animate-item {
  animation: scaleIn 0.3s ease-out both;
  opacity: 0.01;
  will-change: opacity, transform;
}
.screen-builder-animate-item:nth-child(1) {
  animation-delay: 0.03s;
}
.screen-builder-animate-item:nth-child(2) {
  animation-delay: 0.06s;
}
.screen-builder-animate-item:nth-child(3) {
  animation-delay: 0.09s;
}
.screen-builder-animate-item:nth-child(4) {
  animation-delay: 0.12s;
}
.screen-builder-animate-item:nth-child(5) {
  animation-delay: 0.15s;
}
.screen-builder-animate-item:nth-child(6) {
  animation-delay: 0.18s;
}
.btn-animate {
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
}
.btn-animate::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate3d(-50%, -50%, 0);
  transition: width 0.4s ease-out, height 0.4s ease-out;
  will-change: width, height;
}
.btn-animate:hover::before {
  width: 300px;
  height: 300px;
}
.btn-animate:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 5px 15px rgba(0, 112, 210, 0.3);
}
.btn-animate:active {
  transform: translate3d(0, 0, 0);
}
.input-animate {
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  backface-visibility: hidden;
}
.input-animate:focus {
  transform: scale3d(1.01, 1.01, 1);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.1);
}
.card-animate {
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
  backface-visibility: hidden;
  contain: layout style paint;
}
.card-animate:hover {
  transform: translate3d(0, -5px, 0);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.card-animate .infoOverlay,
.card-animate .OverlaySection,
.card-animate .InfocardContainers,
.card-animate .cardInfoContainer {
  transform: none !important;
  transition: none !important;
  position: absolute !important;
  pointer-events: auto !important;
}
.card-animate .OverlaySection:hover .infoOverlay,
.card-animate .InfocardContainers:hover .infoOverlay {
  transform: none !important;
  display: block !important;
}
.accordion-animate {
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
  backface-visibility: hidden;
}
.accordion-animate.expanded {
  animation: fadeInDown 0.25s ease-out;
}
.img-animate {
  transition: transform 0.25s ease-out;
  backface-visibility: hidden;
}
.img-animate:hover {
  transform: scale3d(1.03, 1.03, 1);
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-spinner {
  animation: loading 1s linear infinite;
}
html {
  scroll-behavior: smooth;
}
.widget-animate {
  animation: fadeIn 0.5s ease-out both;
  opacity: 0.01;
}
.widget-animate-scale {
  animation: scaleIn 0.5s ease-out both;
  opacity: 0.01;
}
.widget-animate-slide {
  animation: slideInUp 0.5s ease-out both;
  opacity: 0.01;
}
.widget-stagger-1 {
  animation-delay: 0.05s;
  opacity: 0.01;
}
.widget-stagger-2 {
  animation-delay: 0.1s;
  opacity: 0.01;
}
.widget-stagger-3 {
  animation-delay: 0.15s;
  opacity: 0.01;
}
.widget-stagger-4 {
  animation-delay: 0.2s;
  opacity: 0.01;
}
.widget-stagger-5 {
  animation-delay: 0.25s;
  opacity: 0.01;
}
.widget-stagger-6 {
  animation-delay: 0.3s;
  opacity: 0.01;
}
.widget-stagger-7 {
  animation-delay: 0.35s;
  opacity: 0.01;
}
.widget-stagger-8 {
  animation-delay: 0.4s;
  opacity: 0.01;
}
.widget-stagger-9 {
  animation-delay: 0.45s;
  opacity: 0.01;
}
.widget-stagger-10 {
  animation-delay: 0.5s;
  opacity: 0.01;
}
.widget-hover {
  transition: all 0.3s ease-in-out;
}
.widget-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.gauge-animate {
  animation: scaleIn 0.6s ease-out both;
  opacity: 0.01;
}
.chart-animate {
  animation: fadeInUp 0.6s ease-out both;
  opacity: 0.01;
}
.card-widget-animate {
  animation: fadeIn 0.5s ease-out both;
  opacity: 0.01;
  transition: all 0.3s ease-in-out;
}
.card-widget-animate:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.table-animate {
  animation: fadeIn 0.6s ease-out both;
  opacity: 0.01;
}
.text-widget-animate {
  animation: fadeInLeft 0.5s ease-out both;
  opacity: 0.01;
}
.admin-page-enter {
  animation: fadeIn 0.6s ease-out both;
  opacity: 0.01;
  contain: layout style paint;
}
.admin-card-enter {
  animation: fadeInUp 0.25s ease-out both;
  opacity: 0.01;
  contain: layout style paint;
  transform: translateZ(0);
}
.admin-card-enter:nth-child(1) {
  animation-delay: 0.02s;
}
.admin-card-enter:nth-child(2) {
  animation-delay: 0.04s;
}
.admin-card-enter:nth-child(3) {
  animation-delay: 0.06s;
}
.admin-card-enter:nth-child(4) {
  animation-delay: 0.08s;
}
.admin-card-enter:nth-child(5) {
  animation-delay: 0.1s;
}
.admin-card-enter:nth-child(n+6) {
  animation-delay: 0.12s;
}
.admin-table-enter {
  animation: fadeIn 0.3s ease-out both;
  opacity: 0.01;
  contain: layout style paint;
}
.admin-form-enter {
  animation: fadeInUp 0.3s ease-out both;
  opacity: 0.01;
  contain: layout style paint;
}
.admin-card-hover {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  contain: layout style paint;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.admin-card-hover:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.admin-card-hover .infoOverlay {
  transform: none !important;
}
.nav-animate-container {
  animation: fadeInLeft 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.nav-animate-item {
  animation: fadeInLeft 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.nav-animate-item:nth-child(1) {
  animation-delay: 0.05s;
}
.nav-animate-item:nth-child(2) {
  animation-delay: 0.1s;
}
.nav-animate-item:nth-child(3) {
  animation-delay: 0.15s;
}
.nav-animate-item:nth-child(4) {
  animation-delay: 0.2s;
}
.nav-animate-item:nth-child(5) {
  animation-delay: 0.25s;
}
.nav-animate-item:nth-child(6) {
  animation-delay: 0.3s;
}
.nav-animate-item:nth-child(7) {
  animation-delay: 0.35s;
}
.nav-animate-item:nth-child(8) {
  animation-delay: 0.4s;
}
.nav-animate-item:nth-child(9) {
  animation-delay: 0.45s;
}
.nav-animate-item:nth-child(10) {
  animation-delay: 0.5s;
}
.nav-animate-item:nth-child(n+11) {
  animation-delay: 0.55s;
}
.nav-link-animate {
  transition: opacity 0.2s ease-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.nav-link-animate.router-link-active,
.nav-link-animate[routerLinkActive=active] {
  animation: fadeIn 0.3s ease-out;
}
.sidenavButton.nav-animate-item {
  animation: fadeInLeft 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.example-accordion-item.nav-animate-item {
  animation: fadeInLeft 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.example-accordion-item.nav-animate-item .example-accordion-item-header {
  transition: background-color 0.2s ease-out;
}
mat-tab-nav-bar.nav-animate-container {
  animation: fadeInDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
mat-tab-link.nav-animate-item {
  animation: fadeInUp 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
mat-tab-link.nav-animate-item.mat-tab-label-active {
  animation: fadeIn 0.3s ease-out;
}
app-common-nav {
  animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
app-module-nav {
  animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
app-nav {
  animation: fadeInDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.page-enter {
  animation: fadeIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.page-enter-up {
  animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.page-enter-down {
  animation: fadeInDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.page-enter-left {
  animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.page-enter-right {
  animation: fadeInRight 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.content-enter {
  animation: fadeInUp 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.content-enter:nth-child(1) {
  animation-delay: 0.05s;
}
.content-enter:nth-child(2) {
  animation-delay: 0.1s;
}
.content-enter:nth-child(3) {
  animation-delay: 0.15s;
}
.content-enter:nth-child(4) {
  animation-delay: 0.2s;
}
.content-enter:nth-child(5) {
  animation-delay: 0.25s;
}
.content-enter:nth-child(6) {
  animation-delay: 0.3s;
}
.content-enter:nth-child(7) {
  animation-delay: 0.35s;
}
.content-enter:nth-child(8) {
  animation-delay: 0.4s;
}
.content-enter:nth-child(9) {
  animation-delay: 0.45s;
}
.content-enter:nth-child(10) {
  animation-delay: 0.5s;
}
.content-enter:nth-child(n+11) {
  animation-delay: 0.55s;
}
.card-enter {
  animation: fadeInUp 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.section-enter {
  animation: fadeIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.form-enter {
  animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.list-item-enter {
  animation: fadeInLeft 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.list-item-enter:nth-child(1) {
  animation-delay: 0.03s;
}
.list-item-enter:nth-child(2) {
  animation-delay: 0.06s;
}
.list-item-enter:nth-child(3) {
  animation-delay: 0.09s;
}
.list-item-enter:nth-child(4) {
  animation-delay: 0.12s;
}
.list-item-enter:nth-child(5) {
  animation-delay: 0.15s;
}
.list-item-enter:nth-child(6) {
  animation-delay: 0.18s;
}
.list-item-enter:nth-child(7) {
  animation-delay: 0.21s;
}
.list-item-enter:nth-child(8) {
  animation-delay: 0.24s;
}
.list-item-enter:nth-child(9) {
  animation-delay: 0.27s;
}
.list-item-enter:nth-child(10) {
  animation-delay: 0.3s;
}
.list-item-enter:nth-child(n+11) {
  animation-delay: 0.33s;
}
.table-enter {
  animation: fadeIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.dialog-enter {
  animation: fadeInUp 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  opacity: 0.01;
}
.widget-enter {
  animation: fadeIn 0.6s ease-out both;
  opacity: 0.01;
  pointer-events: auto;
}
:is(button, input, select, textarea, a, [role=button], [tabindex], .mat-dialog-container, .cdk-overlay-pane, .mat-menu-panel, .mat-select-panel, .allAssetsWrapper, .allAssetsPopupWrapper, .allAssetsWrapperCommonDropDown, .globalDropdownMenuWrapper, .cardContainer, .alarmList-container, .monitorContentWrapper, .rightpanel-Container, .linkWrapper, .cardInfoContainer, .OverlaySection, .InfocardContainers, .card-animate):is(.widget-enter, .page-enter, .card-enter, .section-enter, .form-enter, .list-item-enter, .table-enter, .dialog-enter, .nav-animate-container, .nav-animate-item, .asset-summary-animate, .asset-summary-animate-left, .asset-summary-animate-right, .asset-summary-animate-block, .chart-animate, .table-animate, .text-widget-animate, .screen-builder-animate-item, .card-widget-animate, .admin-page-enter, .admin-card-enter):not(.input-animate, .login-animate-form, .login-animate-content, .login-animate-logo) {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  will-change: auto !important;
  contain: initial !important;
}
:is(button, input, select, textarea, a, [role=button], [tabindex], .mat-dialog-container, .cdk-overlay-pane, .mat-menu-panel, .mat-select-panel, .allAssetsWrapper, .allAssetsPopupWrapper, .allAssetsWrapperCommonDropDown, .globalDropdownMenuWrapper, .cardContainer, .alarmList-container, .monitorContentWrapper, .rightpanel-Container, .linkWrapper, .cardInfoContainer, .OverlaySection, .InfocardContainers, .card-animate):is(.widget-enter, .page-enter, .card-enter, .section-enter, .form-enter, .list-item-enter, .table-enter, .dialog-enter, .nav-animate-container, .nav-animate-item, .asset-summary-animate, .asset-summary-animate-left, .asset-summary-animate-right, .asset-summary-animate-block, .chart-animate, .table-animate, .text-widget-animate, .screen-builder-animate-item, .card-widget-animate, .admin-page-enter, .admin-card-enter):not(.input-animate, .login-animate-form, .login-animate-content, .login-animate-logo) > * {
  animation: fadeIn 0.4s ease-out both !important;
  pointer-events: auto !important;
  backface-visibility: hidden;
}
.infoOverlay,
.OverlaySection .infoOverlay,
.InfocardContainers .infoOverlay,
.cardInfoContainer .infoOverlay,
.allAssetsPopupWrapper {
  transform: none !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}
.infoOverlay.widget-enter,
.infoOverlay.page-enter,
.infoOverlay[class*=animate-],
.OverlaySection .infoOverlay.widget-enter,
.OverlaySection .infoOverlay.page-enter,
.OverlaySection .infoOverlay[class*=animate-],
.InfocardContainers .infoOverlay.widget-enter,
.InfocardContainers .infoOverlay.page-enter,
.InfocardContainers .infoOverlay[class*=animate-],
.cardInfoContainer .infoOverlay.widget-enter,
.cardInfoContainer .infoOverlay.page-enter,
.cardInfoContainer .infoOverlay[class*=animate-],
.allAssetsPopupWrapper.widget-enter,
.allAssetsPopupWrapper.page-enter,
.allAssetsPopupWrapper[class*=animate-] {
  animation: fadeIn 0.3s ease-out both !important;
  transform: none !important;
}
[class*=animate-],
[class*=-enter],
[class*=-animate],
.transition-smooth,
.transition-fast,
.transition-slow {
  pointer-events: auto !important;
  backface-visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .infoOverlay,
  .OverlaySection,
  .InfocardContainers {
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
  }
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  background-color: #3f51b5;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-datepicker-content .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
}
.mat-datepicker-content .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-datepicker-content .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}
.mat-datepicker-content .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
}
.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-button,
.mat-datepicker-content .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button.mat-primary,
.mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-accent,
.mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-warn,
.mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button,
.mat-datepicker-content .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-progress-bar-background {
  fill: #cbd0e9;
}
.mat-progress-bar-buffer {
  background-color: #cbd0e9;
}
.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field-disabled .mat-form-field-prefix,
.mat-form-field-disabled .mat-form-field-suffix {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.42) 0%,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.42) 0%,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
.mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-dialog-container {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(63, 81, 181, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to right,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused,
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused,
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused,
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused,
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header,
.mat-tab-group.mat-background-primary > .mat-tab-link-container,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused,
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header,
.mat-tab-group.mat-background-accent > .mat-tab-link-container,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused,
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header,
.mat-tab-group.mat-background-warn > .mat-tab-link-container,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
.mat-table {
  background: white;
}
.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
.mat-sort-header-arrow {
  color: #757575;
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1,
.mat-typography .h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2,
.mat-typography .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3,
.mat-typography .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4,
.mat-typography .h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5,
.mat-typography .h5 {
  font:
    400 calc(14px * 0.83) / 20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6,
.mat-typography .h6 {
  font:
    400 calc(14px * 0.67) / 20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font-size: 112px;
  font-weight: 400;
  line-height: 112px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 45px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 34px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-checkbox {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1,
.mat-typography .h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2,
.mat-typography .h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3,
.mat-typography .h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4,
.mat-typography .h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5,
.mat-typography .h5 {
  font:
    400 calc(14px * 0.83) / 20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6,
.mat-typography .h6 {
  font:
    400 calc(14px * 0.67) / 20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font-size: 112px;
  font-weight: 400;
  line-height: 112px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 45px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 34px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
html {
  --mat-badge-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}
html {
  --mat-bottom-sheet-container-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-standard-button-toggle-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
html {
  --mat-datepicker-calendar-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-expansion-header-text-size: 15px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-stepper-header-label-text-font:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 20px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 400;
}
.mat-tree {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-datepicker-content .mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, "Helvetica Neue", sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 14px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-card {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 400;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-tooltip {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-select {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-checkbox {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-dialog-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
  letter-spacing: normal;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-slide-toggle-content {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-tab-group {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-tab-label,
.mat-tab-link {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-radio-button {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-slider-thumb-label-text {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-menu-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-list-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
}
.mat-simple-snackbar {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-table {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0070d2;
  --bs-secondary: #6c757d;
  --bs-success: #c8e6c9;
  --bs-info: #bbdefb;
  --bs-warning: #ffccbc;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    0,
    112,
    210;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    200,
    230,
    201;
  --bs-info-rgb:
    187,
    222,
    251;
  --bs-warning-rgb:
    255,
    204,
    188;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-primary-text-emphasis: #002d54;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #505c50;
  --bs-info-text-emphasis: #4b5964;
  --bs-warning-text-emphasis: #66524b;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cce2f6;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #f4faf4;
  --bs-info-bg-subtle: #f1f8fe;
  --bs-warning-bg-subtle: #fff5f2;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #99c6ed;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #e9f5e9;
  --bs-info-border-subtle: #e4f2fd;
  --bs-warning-border-subtle: #ffebe4;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-font-sans-serif:
    system-ui,
    -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";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb:
    0,
    0,
    0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:
    33,
    37,
    41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb:
    233,
    236,
    239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:
    33,
    37,
    41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb:
    248,
    249,
    250;
  --bs-heading-color: inherit;
  --bs-link-color: #0070d2;
  --bs-link-color-rgb:
    0,
    112,
    210;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #005aa8;
  --bs-link-hover-color-rgb:
    0,
    90,
    168;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(0, 112, 210, 0.25);
  --bs-form-valid-color: #c8e6c9;
  --bs-form-valid-border-color: #c8e6c9;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb:
    222,
    226,
    230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb:
    33,
    37,
    41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb:
    255,
    255,
    255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:
    222,
    226,
    230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb:
    52,
    58,
    64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:
    222,
    226,
    230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb:
    43,
    48,
    53;
  --bs-primary-text-emphasis: #66a9e4;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #def0df;
  --bs-info-text-emphasis: #d6ebfd;
  --bs-warning-text-emphasis: #ffe0d7;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #00162a;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #282e28;
  --bs-info-bg-subtle: #252c32;
  --bs-warning-bg-subtle: #332926;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #00437e;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #788a79;
  --bs-info-border-subtle: #708597;
  --bs-warning-border-subtle: #997a71;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #66a9e4;
  --bs-link-hover-color: #85bae9;
  --bs-link-color-rgb:
    102,
    169,
    228;
  --bs-link-hover-color-rgb:
    133,
    186,
    233;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}
h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}
h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small,
.small {
  font-size: 0.875em;
}
mark,
.mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cce2f6;
  --bs-table-border-color: #a3b5c5;
  --bs-table-striped-bg: #c2d7ea;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8cbdd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bdd1e4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #f4faf4;
  --bs-table-border-color: #c3c8c3;
  --bs-table-striped-bg: #e8eee8;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dce1dc;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e2e7e2;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #f1f8fe;
  --bs-table-border-color: #c1c6cb;
  --bs-table-striped-bg: #e5ecf1;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #d9dfe5;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #dfe5eb;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff5f2;
  --bs-table-border-color: #ccc4c2;
  --bs-table-striped-bg: #f2e9e6;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6ddda;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece3e0;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #80b8e9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #80b8e9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #80b8e9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
}
.form-check-input:checked {
  background-color: #0070d2;
  border-color: #0070d2;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0070d2;
  border-color: #0070d2;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380b8e9'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0070d2;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b3d4f2;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0070d2;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b3d4f2;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23c8e6c9' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23c8e6c9' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid,
.input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0070d2;
  --bs-btn-border-color: #0070d2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #005fb3;
  --bs-btn-hover-border-color: #005aa8;
  --bs-btn-focus-shadow-rgb:
    38,
    133,
    217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005aa8;
  --bs-btn-active-border-color: #00549e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0070d2;
  --bs-btn-disabled-border-color: #0070d2;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb:
    130,
    138,
    145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #c8e6c9;
  --bs-btn-border-color: #c8e6c9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d0ead1;
  --bs-btn-hover-border-color: #cee9ce;
  --bs-btn-focus-shadow-rgb:
    170,
    196,
    171;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d3ebd4;
  --bs-btn-active-border-color: #cee9ce;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #c8e6c9;
  --bs-btn-disabled-border-color: #c8e6c9;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #bbdefb;
  --bs-btn-border-color: #bbdefb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c5e3fc;
  --bs-btn-hover-border-color: #c2e1fb;
  --bs-btn-focus-shadow-rgb:
    159,
    189,
    213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c9e5fc;
  --bs-btn-active-border-color: #c2e1fb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #bbdefb;
  --bs-btn-disabled-border-color: #bbdefb;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffccbc;
  --bs-btn-border-color: #ffccbc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffd4c6;
  --bs-btn-hover-border-color: #ffd1c3;
  --bs-btn-focus-shadow-rgb:
    217,
    173,
    160;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffd6c9;
  --bs-btn-active-border-color: #ffd1c3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffccbc;
  --bs-btn-disabled-border-color: #ffccbc;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb:
    225,
    83,
    97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb:
    211,
    212,
    213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb:
    66,
    70,
    73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0070d2;
  --bs-btn-border-color: #0070d2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0070d2;
  --bs-btn-hover-border-color: #0070d2;
  --bs-btn-focus-shadow-rgb:
    0,
    112,
    210;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0070d2;
  --bs-btn-active-border-color: #0070d2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0070d2;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0070d2;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb:
    108,
    117,
    125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #c8e6c9;
  --bs-btn-border-color: #c8e6c9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c8e6c9;
  --bs-btn-hover-border-color: #c8e6c9;
  --bs-btn-focus-shadow-rgb:
    200,
    230,
    201;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c8e6c9;
  --bs-btn-active-border-color: #c8e6c9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c8e6c9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c8e6c9;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #bbdefb;
  --bs-btn-border-color: #bbdefb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #bbdefb;
  --bs-btn-hover-border-color: #bbdefb;
  --bs-btn-focus-shadow-rgb:
    187,
    222,
    251;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bbdefb;
  --bs-btn-active-border-color: #bbdefb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #bbdefb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #bbdefb;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffccbc;
  --bs-btn-border-color: #ffccbc;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffccbc;
  --bs-btn-hover-border-color: #ffccbc;
  --bs-btn-focus-shadow-rgb:
    255,
    204,
    188;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffccbc;
  --bs-btn-active-border-color: #ffccbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffccbc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffccbc;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb:
    220,
    53,
    69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb:
    248,
    249,
    250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb:
    33,
    37,
    41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb:
    38,
    133,
    217;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0070d2;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0070d2;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0070d2;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23002d54' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366a9e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366a9e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0070d2;
  --bs-pagination-active-border-color: #0070d2;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active,
.active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled,
.disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0070d2;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0070d2;
  --bs-list-group-active-border-color: #0070d2;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0, 112, 210, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption,
[data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover,
.link-primary:focus {
  color: RGBA(0, 90, 168, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(0, 90, 168, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover,
.link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover,
.link-success:focus {
  color: RGBA(211, 235, 212, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(211, 235, 212, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover,
.link-info:focus {
  color: RGBA(201, 229, 252, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(201, 229, 252, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover,
.link-warning:focus {
  color: RGBA(255, 214, 201, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 214, 201, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover,
.link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover,
.link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover,
.link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi,
.icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
html {
  height: -webkit-fill-available;
}
html.cdk-global-scrollblock {
  overflow-y: hidden;
}
.fill-space {
  flex: 1 1 auto;
}
.full-width {
  width: 100%;
}
.mat-snack-bar-container {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0),
    0px 0px 0px 0px rgba(0, 0, 0, 0),
    0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  overflow: hidden;
}
.snack-success {
  background: #008948;
  color: #ffffff;
  font-size: 16px;
  width: 232px;
}
.mat-simple-snackbar-action {
  color: white;
}
.snack-MSG {
  background-color: rgba(155, 160, 233, 0.74);
  color: white;
}
.full-width {
  width: 80%;
}
.shipping-card {
  min-width: 520px;
  margin: 20px auto;
  max-height: 600px;
  overflow-y: auto;
}
.row {
  display: flex;
  flex-direction: row;
}
.col {
  flex: 1;
  margin-right: 20px;
}
.col:last-child {
  margin-right: 0;
}
.snack-error {
  background-color: var(--rm-snackBarBackgroundColor);
  color: var(--rm-snackBarColor);
  font-size: var(--rm-snackBarFontSize);
}
.mat-simple-snackbar-action {
  color: white;
}
.snack-MSG {
  background-color: rgba(155, 160, 233, 0.74);
  color: white;
}
.shipping-card1 {
  min-width: 520px;
  height: 1250px;
  margin: 20px auto;
}
.shipping-card2 {
  min-width: 520px;
  height: 750px;
  margin: 20px auto;
}
.form-toolbar.mat-toolbar-row,
.form-toolbar.mat-toolbar-single-row {
  height: 51px;
  background-color: #ffffff;
  padding: 0px 15px !important;
}
.form-toolbar1 {
  height: 46px;
  background-color: #f7f7f7;
  padding: 0px 15px !important;
}
.page-title {
  font-size: 1.8rem;
  line-height: 21px;
  color: #000000;
}
.list_title {
  font-size: 1.8rem;
  line-height: 21px;
  color: #000000;
  white-space: nowrap;
  margin: 0px 0px 0px 0px !important;
  font-weight: bold;
}
.spacer {
  flex: 1 1 auto;
}
.dropdown1 {
  width: 114px;
  font-size: 0.8rem;
  margin-top: 12px;
  box-sizing: border-box;
  border-radius: 2px;
}
.has-search .form-control,
.has-search .form-select {
  padding-left: 2.375rem;
}
.has-select .form-select {
  min-width: 122px;
}
.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  line-height: 2.5rem;
  text-align: center;
  pointer-events: none;
}
.mat-form-field.fill-width {
  width: 100% !important;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--rm-scrollHoverBackground);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar-track {
  background: #e2dfe2;
}
::-webkit-scrollbar-thumb {
  background: var(--rm-scrollBackground);
  border-radius: var(--rm-scrollBorderRadius);
}
@-moz-document url-prefix() {
  .scroller {
    scrollbar-width: thin;
    scrollbar-color: #1e202a;
    width: 6px;
    height: 6px;
    border-radius: 10px;
  }
}
.edit_title {
  font-size: 1.8rem;
  line-height: 21px;
  color: #393734;
  white-space: nowrap;
  margin: 0px 0px 0px 0px !important;
}
.form_title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 21px;
  color: #000000;
}
.alarmform_subtitle {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #45556b;
  margin-top: 20px;
  justify-content: flex-end;
  padding-right: 4%;
}
.close_btn {
  font-weight: var(--rm-closeButonfontWeight);
  filter: var(--rm-pngIconColor);
}
.close_icon {
  font-size: 18px;
  height: 18px !important;
  width: 18px !important;
  color: #000000;
  font-weight: bold;
  line-height: 18px !important;
}
.star_warn {
  color: #ff0000;
  font-size: 1.5rem;
  height: 15px !important;
  width: 15px !important;
}
.formaction_btn {
  padding-bottom: 20px !important;
  margin: 0px !important;
}
.body-color {
  background-color: #edf1f4;
}
.custom-modalbox mat-dialog-container {
  height: 150px;
}
.mat-dialog-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #45556b;
}
.top-close-button {
  float: right;
  top: -15px;
  right: -24px;
}
.top-close-icon {
  transition: 1s ease-in-out;
}
::ng-deep .cardsItem-status {
  font-family: var(--rm-fontFamily) !important;
}
::ng-deep .icon-outside .top-close-button {
  float: right;
  top: -52px;
  right: -52px;
}
::ng-deep .icon-outside .mat-dialog-container {
  overflow: unset;
}
.blue-snackbar {
  background: #2196f3;
}
.single {
  width: 50%;
}
:root {
  --rm-primaryColor: #0070d2;
  --rm-blackColor: #000000;
  --rm-whiteColor: #ffffff;
  --rm-unsafeColor: #f7931e;
  --rm-poorColor: #fcee21;
  --rm-fairColor: #d9e021;
  --rm-goodColor: #8cc63f;
  --rm-verygoodColor: #39b54a;
  --PureRedColor: #ff0000;
  --PureAmberColor: #ffa500;
  --PureGreenColor: #25d366;
  --LightPinkColor: #ff00ff;
  --rm-cardsValueFontWeight:700;
  --rm-cardsSubTextFontWeight:700;
  --rm-cardsValueFontColor:#0070D2;
  --rm-actualValueFontColor:#0070D2;
  --rm-navlinkCustomAnchorPadding:8px 20px 8px 65px;
  --rm-normalColorBg:#32C85A;
  --rm-warnColorBg: #FF9600;
  --rm-alarmColorBg: #FF3C2D;
  --rm-faultGreyBtnBg:#e2e2e2;
  --rm-faultGreenBtnBg: #25d366;
  --rm-faultRedBtnBg:#ff0000;
  --rm-pdGreenBtnBg:#25d366;
  --rm-pdAmberBtnBg: #ffa500;
  --rm-pdRedBtnBg:#ff0000;
  --rm-pdYellowBtnBg:#FCEE21;
  --rm-statusBtnMinWidth:85px;
  --rm-statusCenterBtnMinWidth:30px;
  --rm-addTrandTagsSectionWidth:300px;
  --rm-runningRightFontColor:#323438;
  --rm-txtBoldFontColor:#323438;
  --rm-strongTextFontWeight:600;
  --rm-cardSpace: 0px;
  --rm-fontFamily: "Roboto", sans-serif;
  --rm-fontColor: #000000;
  --rm-dateHoverFontColor: #0070D2;
  --rm-ActiveDateHoverFontColor: #000;
  --rm-activeDateFontColor: #000000;
  --rm-tooltipFontColorHeader:#FFFFFF;
  --rm-fontSizeXXSmall: 8px;
  --rm-fontSizeXsmal:9px;
  --rm-matErrorNameplateFontSize: 12px;
  --rm-fontSizeXSmall: 10px;
  --rm-fontSizeSmall: 12px;
  --rm-fontSizeDefault: 14px;
  --rm-fontSizeMedium: 16px;
  --rm-fontSizeLarge: 22px;
  --rm-fontSizeXLarge: 20px;
  --rm-fontSizeXXLarge: 22px;
  --rm-fontSizeXXXLarge: 25px;
  --rm-fontSizeDateRangeTitle: 28px;
  --rm-fontSizeHeaderCenter: 22px;
  --rm-fontSizeUserDP: 35px;
  --rm-fontSizeMyDashboardDP: 70px;
  --rm-myDashboardCardValueFontsize: 52px;
  --rm-healthCardValueFontsize: 32px;
  --rm-odiFontColor: #333333;
  --rm-formsLableFontSize:14px;
  --rm-odiFieldHeaderFontSize: 12px;
  --rm-lineHeight: 1;
  --rm-widgetFontcolor:40px;
  --rm-fontWeightThin: 100;
  --rm-fontWeightThinItalic: 100;
  --rm-fontWeightLight: 300;
  --rm-fontWeightLightItalic: 300;
  --rm-fontWeightRegular: 400;
  --rm-fontWeightItalic: 400;
  --rm-fontWeightNarrowRegular: 400;
  --rm-fontWeightMedium: 500;
  --rm-fontWeightMediumItalic: 500;
  --rm-fontWeightBold: 700;
  --rm-fontWeightBoldItalic: 700;
  --rm-fontWeightBlack: 900;
  --rm-fontWeightBlackItalic: 900;
  --rm-fontWeightFreeSize: 400;
  --rm-textlinkFontWeight: 400;
  --rm-matOptionsFontWeight: 400;
  --rm-formsLableFontWeight: 500;
  --rm-healthCardsFontWeight:700;
  --rm-fanbankStatusCardsFontWeight:700;
  --rm-oilheathindexfontWeight:700;
  --rm-healthCardsFontWeight: 700;
  --rm-userProfileSectionFontWeight:700;
  --rm-PRPDAlertPopupFontWeight:700;
  --rm-AnalyticResultFontWeight:700;
  --rm-assetsummaryfontweightmedium:700 --rm-NameplateFontWeightMedium:700 --rm-PDStatuslevelFontWeightMedium:700 --rm-bigCardsfontWeight:700 --rm-sytemRolesFontWeight:700 --rm-PrpddisplaynamefontWeight:700 --rm-assetpermissionfontweight:700 --rm-OltcCardsFontWeight:700 --rm-backgroundPrimaryColor: #ffffff;
  --rm-backgroundSecondaryColor: #ffffff;
  --rm-AlarmListBackgroundColor: #f9fcff;
  --rm-headerBackgroundColor: #404040;
  --rm-headerFontColor: #ffffff;
  --rm-headerSearchInputWidth:110px;
  --rm-headerSearchborder:1px solid #404040;
  --rm-headerLogoTitleWidth:102px;
  --rm-headerSearchPlaceholderColor: #A9A9A9;
  --rm-headerSearchBackgroungColor:#ffffff;
  --rm-SearchInputFontColor: #000000;
  --rm-headerSearchActiveBackgroungColor:#ffffff ;
  --rm-hearderSearchBorderStyle:none;
  --rm-hearderSearchBorderStyleHover:none;
  --rm-assetTreeMarginRight:25px;
  --rm-assetTreeBackgroundColor: #ffffff;
  --rm-assetTreeHeaderBackgroundColor: #777;
  --rm-assetTreeIndicator: #777;
  --rm-assetTreeFontColor: #000000;
  --rm-assetTreeInputBorder: 1px solid #C1C1C1;
  --rm-assetTreeHoverFontColor:#FFF;
  --rm-assetTreeHoverFontWeight:500;
  --rm-assetTreeHoverImageColor:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-hoverColor: #404040;
  --rm-toggleDisableButtonBackgroundColor: #a5acb3;
  --rm-toggleDisableButtonFontColor: #FFFFFF;
  --rm-assetDeviceTdChildWidth: 172px;
  --rm-assetDevicemapTdChildWidth: 198px;
  --rm-profileAlignRight: 132px;
  --rm-assetTreeIndicationleft: 80px;
  --rm-InfoIconrightAlign: 25%;
  --rm-HealthSummaryInfoIconrightAlign:14%;
  --rm-dgaCardReccomendationBgColor: #fff7d1;
  --rm-summaryCardDigitFontSize: 22px;
  --rm-userProfileBackgroundColor: #ffffff;
  --rm-userProfileContentBackgroundColor: #f2f8ff;
  --rm-userProfileIndicator: #f2f8ff;
  --rm-userProfileFontColor: #000000;
  --rm-userProfileDPFontColor: #ffffff;
  --rm-userProfileDPBackgroundColor: #404040;
  --rm-trendIconColor:invert(43%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(90%);
  --rm-recomIconColor:invert(43%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(60%) contrast(90%);
  --rm-alarmIconColor: invert(27%) sepia(93%) saturate(2715%) hue-rotate(188deg) brightness(80%) contrast(101%);
  --rm-alarmActiveIconColor:invert(21%) sepia(96%) saturate(7491%) hue-rotate(357deg) brightness(94%) contrast(108%);
  --rm-trendsTop:8px;
  --rm-addtrendsWidth:12px;
  --rm-addtrendsHeight:12px;
  --rm-sidenavBackgroundColor: #f0f0f0;
  --rm-sidenavIconColor: #000000;
  --rm-sidenavFontColor: #000000;
  --rm-sidenavActiveHoverBackgroundColor:#404040;
  --rm-sidenavHoverBackgroundColor:#404040;
  --rm-sidenavbuttonBackgroundColor:#f0f0f0;
  --rm-sidenavHoverBorderColor:1px solid #404040;
  --rm-sidenavActiveHoverFontColor: #ffffff;
  --rm-sidenavActiveHoverFontWeight: normal;
  --rm-sidenavActiveHoverFontZoom: scale(1);
  --rm-sidenavAccordionBackgroundColor: #cbcbcb;
  --rm-navlinkMargin: 0;
  --rm-navlinkPadding: 8px 20px 8px 47px;
  --rm-sidenavDefaultBorder: 1px solid transparent;
  --rm-sidenavDefaultBorderRadius: 0;
  --rm-sidenavIconLeftSpacing: 5px;
  --rm-cardsBorderRadius: 10px;
  --rm-sidenavActiveFontWeight: 400;
  --rm-sidenavIcon: 16px;
  --rm-borderColor: transparent;
  --rm-borderRadius: 0;
  --rm-GeneralBorderRadius: 4px;
  --rm-sectionBorderColor: #dedcde;
  --rm-border-width: 0;
  --rm-box-shadow: none;
  --rm-linkBackground: transparent;
  --rm-linkTextColor: #0070d2;
  --rm-linkBorderRadius: 0;
  --rm-viewMoreFontWeight: 400;
  --rm-fontColorHyperlink: #0070d2;
  --rm-fontColorHoverHyperlink: #0C3A6E;
  --rm-DevicesScreenfontColorOnHoverColor: #EBECF0;
  --rm-summaryCardBackground: #fbfcfd;
  --rm-summaryCardBorderColor: #e9e9e9;
  --rm-summaryCardBorderWidth: 1px;
  --rm-summaryCardBorderRadius: 4px;
  --rm-summaryCardBoxShadow: none;
  --rm-summaryCardValue: 50px;
  --rm-summaryCardFontColor: #000000;
  --rm-summaryCardFontFamily: Roboto;
  --rm-infoBackground: #ffffff;
  --rm-infoFontColor: #000000;
  --rm-infoIconBorderColor: #000000;
  --rm-infoIconBorderWidth: 1px;
  --rm-infoIconBackgroundColor: #ffffff;
  --rm-scrollBackground: #8a8888;
  --rm-scrollHoverBackground: #686767;
  --rm-scrollBorderRadius: 10px;
  --rm-HeaderBackgroundColor: #fff;
  --rm-headerCardHeaderBackgroundColor: #777777;
  --rm-headerCardContentBackgroundColor: #fbfcfd;
  --rm-headerCardFontColor: #ffffff;
  --rm-buttonBackgroundColor: #404040;
  --rm-btnbackgroundcolordark: #404040;
  --rm-buttonHoverBackgroundColor: #404040;
  --rm-buttonFontSize: 14px;
  --rm-buttonFontColor: #ffffff;
  --rm-buttonHoverFontColor: #ffffff;
  --rm-buttonFontColorBlack: #000000;
  --rm--buttonFontColorInWhite: #ffffff;
  --rm-buttonDisabledBackground: rgba(0, 0, 0, 0.12);
  --rm-buttonDisabledFontColor: rgba(0, 0, 0, 0.22);
  --rm-buttonBorderRadius: 4px;
  --rm-buttonFontColor2: #000000;
  --rm-statusBtnFontColor: #000000;
  --rm-statusBtnFontSize: 14px;
  --rm-statusBorderRadius: 4px;
  --rm-normalstatusbtnbgcolor: #e2e2e2;
  --rm-normalstatusbtnFontColor: #000000;
  --rm-statusBtnFontWeight:500;
  --rm-statusLowBtnFontWeight:700;
  --rm-strongTextFontWeight:700;
  --rm-statusBtnLineHeight:20px;
  --rm-nodataBtnFontColor:#FFFFFF;
  --rm-addSensorBtnborderRadius:4px;
  --rm-pdStatusBtnborderRadius:4px;
  --rm-summaryCardDigitFontWeight:10px;
  --rm-summaryCardDigitFontWeight:500;
  --rm-pdCardHeaderbgColor:#f7f7f7;
  --rm-pdCardTitleColor:#000000;
  --rm-pdCardExpandIconColor:invert(27%) sepia(93%) saturate(2715%) hue-rotate(188deg) brightness(80%) contrast(101%);
  --rm-assetDashBoardCardBorderColor:1px solid #0070D2;
  --rm-tableHeaderBackgroundColor: #f7f5f7;
  --rm-tableHeaderFontColor: #000000;
  --rm-tableCellBackgroundColor: #ffffff;
  --rm-tableCellFontColor: #000000;
  --rm-tableCellEvenBackgroundColor: #f2f8ff;
  --rm-tableCellOddBackgroundColor: #ffffff;
  --rm-tableCellHyperlinkColor: #0070d2;
  --rm-tableCellHyperLinkColorHover: #0C3A6E;
  --rm-tablePaginatorBackgroundColor: #ffffff;
  --rm-tablePaginatorFontColor: #000000;
  --rm-tablePaginatornextButton: #ffffff;
  --rm-tablePaginatornextDisableButton: #999999;
  --rm-tableSortHeaderFontColor: #0070D2;
  --rm-tableSortArrowActiveColor: #0070D2;
  --rm-tableSortArrowInActiveColor: #B6B6B6;
  --rm-fontSizeAssetTable: 15px;
  --rm-fileSupportTextFontSize: 15px;
  --rm-paginationContainerDisplay: flex;
  --rm-paginationContainerAlignItems: center;
  --rm-paginationContainerJustifyContent: flex-end;
  --rm-paginationContainerGap: 1px;
  --rm-paginationContainerMarginRight: 0px;
  --rm-paginationBtnBackgroundColor: white;
  --rm-paginationBtnBorderColor: transparent;
  --rm-paginationBtnTextColor: #323438;
  --rm-paginationBtnPadding: 5px 10px;
  --rm-paginationBtnHoverBackgroundColor: #ebeff7;
  --rm-paginationBtnHoverBorderColor: 1px solid #246cb0;
  --rm-paginationBtnHoverTextColor: #246cb0;
  --rm-paginationBtnDisabledCursor: not-allowed;
  --rm-paginationBtnDisabledTextColor: #ccc;
  --rm-pageInfoPadding: 5px;
  --rm-pageInfoFontSize: 14px;
  --rm-pageInfoBorderColor: transparent;
  --rm-pageInfoBackgroundColor: white;
  --rm-unPublishColor: #ff0000;
  --rm-overlayhilightIndicationkWidth:264px;
  --rm-fontColorTab: #0070d2;
  --rm-fontColorActiveTab: #000000;
  --rm-fontColorActiveTabBorder: #0070d2;
  --rm-odiTableListHoverColor:#105fa8;
  --rm-odiTableListPadding: 15px;
  --rm-NameplateBorderTopColor: #dcdedc;
  --rm-NameplateBorderLeftColor: transparent;
  --rm-NameplateBorderRightColor: transparent;
  --rm-NameplateBorderBottomColor: transparent;
  --rm-NameplateBorderWidth: 1px;
  --rm-NameplateborderRadius: 0;
  --rm-NameplateBoxShadow: none;
  --rm-NameplateHeaderBackgroundColor:#ffffff;
  --rm-NameplateAssetnameHoverColor:#000000;
  --rm-echartcautioncolor: #d9e021;
  --rm-echartnormalcolor: #ffffff;
  --rm-echarthighcolor: #f7931e;
  --rm-csafaultchartlearncolor: #5470c6;
  --rm-csafaultchartrecentcolor: #95c11f;
  --rm-legendColor: #000000;
  --rm-csafaultbartextcolor: #000000;
  --rm-echartBackgroundColor: #ffffff;
  --rm-formContainerRightPanelWidth: calc(100% - 300px);
  --rm-tabledataLinkWidth: 210px;
  --rm-axisLableFontsize: 12px;
  --rm-axisLableColor: #000000;
  --rm-legendFontColor: #000000;
  --rm-legendBackgroundColor: #ffffff;
  --rm-echartTooltipBackgroundColor: #404040;
  --rm-echarttooltipFontSize: 12px;
  --rm-echarttooltipFontColor: #FFFFFF;
  --rm-canvasMaxWidth: 300px;
  --rm-duvalErrorMessageColor: #ff0000;
  --rm-dgaLegendsBorderRadius: 50%;
  --rm-echarttooltipBorderRaduis: 5px;
  --rm-IMGBackgroundSize: 87% auto;
  --rm-IMGBackgroundPosition: 148% center;
  --rm-CornerIMGBackgroundURL: url("./media/loginBackground-HUJTOLHT.png") no-repeat;
  --rm-companyLogoHeight: auto;
  --rm-LoginTextColor: #ffffff;
  --rm-inputPlaceholderColor: #000000;
  --rm-customInputPlaceholderColor:#A9A9A9;
  --rm-customInputPlaceholderColorSearch:#A9A9A9;
  --rm-inputErrorMessage: red;
  --rm-inputCaretColor: #000000;
  --rm-defaultPlaceholderColor: #A9A9A9;
  --rm-focusPlaceholderColor: #A9A9A9;
  --rm-activePlaceholderColor: #A9A9A9;
  --rm-hoverPlaceholderColor: #A9A9A9;
  --rm-disablePlaceholderColor: #A9A9A9;
  --rm-formFeildOutLineStartBorderRadius:5px 0 0 5px;
  --rm-formFeildOutLineendBorderRadius:0 5px 5px 0;
  --rm-formFeildDisabledFontColor:#7e7e7e;
  --rm-formFeildDisabledFontWight:400;
  --rm-matFormFieldBorderRadius: 5px;
  --rm-dropdownButtonBackgroundColor: #f0f0f0;
  --rm-dropdownMenuBackgroundColor: #ffffff;
  --rm-dropdownHighlightBackgroundColor: #404040;
  --rm-dropdownButtonBorderColor: #00000040;
  --rm-dropdownActiveButtonBorderColor:#00000040;
  --rm-dropdownButtonArrowrColor: #0000008a;
  --rm-formBackgroundColor:transparent;
  --rm-dropdownSelectedBackgroundColor:#337ab7;
  --rm-dropdownButtonBackground: white url("./media/selectbox-arrow-R6HY5YDY.svg") calc(100% - 13px) 50% / 12px no-repeat;
  --rm-dropDownArrowImageSize: 14px --rm-moduleSelectionMatOptiontextColor:#404040;
  --rm-trendsDropdownPadding:20px;
  --rm-moduleNavbuttonBackgroundColor: #f0f0f0;
  --rm-moduleNavbuttonActiveBackgroundColor: #404040;
  --rm-moduleNavbuttonHoverBackgroundColor: #404040;
  --rm-filterBackgroundColor: #ffffff;
  --rm-filterFontColor: #000000;
  --rm-filterIconColor: #0070d2;
  --rm-filterSelectedFontColor: #000000;
  --rm-reportOptionSelectedFontColor: #000000;
  --rm-filterBorderRadius:4px;
  --rm-matOptionsActiveFontolor:#000;
  --rm-TrendMatOptionsActiveFontolor:#000;
  --rm-filterDropdownPanelTitleBorder:0px;
  --rm-monthYearPickerDropdownArrow: invert(67%) sepia(5%) saturate(376%) hue-rotate(319deg) brightness(92%) contrast(90%);
  --rm-mapLeafletTooltipColor: #ffffff;
  --rm-mapLeafletBgColor: #000000;
  --rm-mapTooltipBackgroundColor: #000000;
  --rm-summaryCardBackgroundcolor:#ffffff;
  --rm-hasAlarmColor:#ff3c2d;
  --rm-hasNoAlarmColor:#32C85A;
  --rm-hasNoChildColor:#B4B6BA;
  --rm-hasOnlyWarningColor:#ff9500;
  --rm-filterTickIconColor: brightness(0) saturate(100%) invert(25%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(100%) contrast(100%);
  --rm-dashaboardIconColor: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-langFilterTickIconColor: brightness(25%) saturate(0%);
  --rm-pngIconColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-trandTagsListIconColor: invert(27%) sepia(93%) saturate(2715%) hue-rotate(188deg) brightness(80%) contrast(101%);
  --rm-custompngIconColor: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  --rm-pngIconDisabledColor: invert(13%) sepia(5%) saturate(0%) hue-rotate(0deg) brightness(28%) contrast(81%);
  --rm-SVGIconColor: #000000;
  --rm-pngWidth: 16px;
  --rm-pngHeight: 16px;
  --rm-pngWidthFilter: 16px;
  --rm-pngHeightFilter: 16px;
  --rm-pngWidthdashboard: 22px;
  --rm-pngHeightdashboard: 22px;
  --rm-pngIconColorforassetdashboard: 0px;
  --rm-searchColor: #D2D4D8;
  --rm-searchColorHover: #7D7F83;
  --rm-closeIconColor: brightness(0) saturate(100%) invert(17%) sepia(13%) saturate(327%) hue-rotate(182deg) brightness(92%) contrast(87%);
  --rm-selectSearchMargin: 0 5px ;
  --rm-pngIconWidth:14px;
  --rm-healthCardsBackgroundColor: #ffffff;
  --rm-healthCardsFontColor: #000000;
  --rm-healthCardsBorderColor: #FFFFFF;
  --rm-healthCardsActiveBorderColor: 1px solid #0070D2;
  --rm-noBorderRadius: 0px ;
  --rm-headerSearchBorderRadius: 0px ;
  --rm-healthCardBoxShadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.1);
  --rm-dashboardAlarmsCardsValue: #FF3C2D;
  --rm-dashboardWarningsCardsValue: #FF9600;
  --rm-dashboardNoAlarms: #d3d3d3;
  --rm-dailogFontColor: #45556b;
  --rm-dailogHeadingFontColor: #45556B;
  --rm-dailogLableFontColor: #45556B;
  --rm-dailogActionFontColor: #45556B;
  --rm-dailogueBackgroundColor: #ffff;
  --rm-dailogueHeaderBackgroundColor: #0070d2;
  --rm-pieChartLegendFontsize: 12px;
  --rm-pieChartLegendFontColor: #000000;
  --rm-pieChartHeaderBackground: #777;
  --rm-toolbarBackgroundColor: #f7f7f7;
  --rm-greyToolbarBackgroundColor: #f8f8f8;
  --rm-toolbarFontColor: #000000;
  --rm-nameplateBackgroundColor: #ffffff;
  --rm-checkboxBorderColor: #337ab7;
  --rm-checkboxBackgroundColor: #337ab7;
  --rm-checkboxIconColor: #ffffff;
  --rm-radioBorderColor: #00FFFF;
  --rm-radioBackgroundColor: #00FFFF;
  --rm-radioHoverBackgroundColor: #ccc;
  --rm-radioHoverBorderColor: #000;
  --rm-radioActiveBorderColor: 4px solid #0070D2;
  --rm-radioActiveBackgroundColor: #FFFFFF;
  --rm-pendingCardColor:#000;
  --rm-datetimePickerBackgroundColor: #ffffff;
  --rm-datetimePickerFontColor: #000000;
  --rm-datetimePickerSelectedBackgroundColor: #0070d2;
  --rm-datetimePickerSelectedFontColor: #ffffff;
  --rm-datePickerTitleBgColor: #404040;
  --rm-datePickerTitleColor: #ffffff;
  --rm-datePickerTitleFontWeight: 400;
  --rm-inlineListDateRangeMarginLeft: 12px;
  --rm-analyticLegendsBorderRadius: 50%;
  --rm-datePickerCloseIcon: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-alarmStatus: #ff0000;
  --rm-normalColor: #95c11f;
  --rm-valueColor: #ffffff;
  --rm-warnColor: #ff9500;
  --rm-gaugePointerColor: black;
  --rm-gaugeiIconFilter: invert(1);
  --rm-spinnerBackgroundColor: #ffffff;
  --rm-dialogSpinnerFontColor: black;
  --rm-spinnerWidth: 50px;
  --rm-spinnerHeight: 50px;
  --rm-dialogSpinnerFontSize: 14px;
  --rm-spinnerShadowBox: 1px 4px 8px 0px var(--rm-headerBackgroundColor);
  --rm-toggleActiveFontColor:#ffffff;
  --rm-toggleActiveBackgroundColor:#a5acb3;
  --rm-toggleInActiveFontColor:#ffffff;
  --rm-toggleInActiveBackgroundColor:#404040;
  --rm-snotifyBackground:#FFFFFF;
  --rm-snotifyFontColor:#000000;
  --rm-expansionHoverColor:#005470;
  --rm-expansionBackgroundColor:transparent;
  --rm-realtimequalityGood: #000000;
  --rm-realtimequalityHeld: #909294;
  --rm-realtimeQualityBad: #c4b6a6;
  --rm-realtimeQualityHeldBad: #d1cbc1;
  --rm-realtimequalityReportGood: #000000;
  --rm-Reportdefautbackgroundcolor:#FFFFFF;
  --rm-reportFontSize:11px;
  --rm-reportHeaderFontSizeDefault:16px;
  --rm-reportMessageFontSize:16px;
  --rm-reportfontDgaGases: 16px;
  --rm-reportfontAnalysis: 16px;
  --rm-Reportdefautfontcolor:#000000;
  --rm-tableHeaderFontColorReport: #000000;
  --rm-tableCellBackgroundColorReport: #ffffff;
  --rm-tableRowOddBackgroundColorReport: #F8F8FA;
  --rm-dotColor:#ff0000;
  --rm-fontHoverColorHyperlink:#005AA8;
  --rm-userPopupfontHoverColor:#005AA8;
  --rm-alignRight:0px;
  --rm-alignLeft:-50%;
  --rm-tranformX:translateX(-92%);
  --rm-trendsSvgUrl: url("./media/trendsrm-PJ27ZQRG.svg") no-repeat center;
  --rm-tooltipBgColor: #6c6969;
  --rm-tooltipColor:#fff;
  --rm-tooltipBorderRadius:4px;
  --rm-padding-bottomFormFields:16px ;
  --rm-matFormFieldWrapperBottom:15px ;
  --rm-statusButtonMinWidth:62px;
  --rm-checkboxNoBorderRadius:0px;
  --rm-customfontweight:normal;
  --rm-customTransformforRadio: translateY(-50%) rotate(45deg);
  --rm-customBorderforRadio:solid #fff;
  --rm-customWidthforRadio:5px;
  --rm-customHeightforRadio:10px;
  --rm-customBackgroundColorforRadio:none;
  --rm-customBorderWidthforRadio:0 2px 2px 0;
  --rm-borderRaduisforRadio:0%;
  --rm-customleftforRadio:7px;
  --rm-customtopforRadio:45%;
  --rm-matErrorFontWeight:400;
  --rm-matErrorMarginTop:20px;
  --rm-matToolTipBoxShadow:0px 4px 4px rgba(0, 0, 0, 0.25);
  --rm-headerLeftblockPadding:13px 0 13px 20px;
  --rm-selectLineHeight:18px;
  --rm-alamCountFontColor: #FF0000;
  --rm-cardsItemContentBackGround:#fbfcfd;
  --rm-cardsItemContentBorderRadius:0 0 10px 10px ;
  --rm-cardsItemHeadingBorderRadius:10px 10px 0 0;
  --rm-SystemDashboardtrendIconColor:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-sysDashBordTrendIConLeft:-35px;
  --rm-DgacardsItemContentBackGround:#fbfcfd;
  --rm-DgacardsItemContentBorderRadius:0 0 10px 10px ;
  --rm-DgacardsItemHeadingBorderRadius:10px 10px 0 0;
  --rm-DgaCardtrendIconColor:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-DgaCardTrendIConLeft:-35px;
  --rm-fleettrendIcon:brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(32%) hue-rotate(141deg) brightness(107%) contrast(111%);
  --rm-ButtonVisibiltyDisplay:flex;
  --rm-inputPlaceholderOpacity:0.5;
  --rm-FormAckMsgColor:#45556b;
  --rm-CustomColor:#45556b;
  --rm-matSelectHeight:16px;
  --rm-excelDialogBackgroundColor:#FFFFFF;
  --rm-FontWeightForm:500;
  --rm-BorderColorListDropDown:#000000;
  --rm-assetColor:#45556b;
  --rm-searchbarMargin:0 10px 10px;
  --rm-searchbarBorder:1px solid #c1c1c1;
  --rm-nofileChooseBackgroundcolor: #FFFFFF;
  --rm-overViewAssetNameHoverColor:#0070d2;
  --rm-assetComparisionAssetNameHoverColor:#000000;
  --rm-alarmItemHeadingHoverColor:#005aa8;
  --rm-alarmItemHeadingColor:#0070d2;
  --rm-viewAllLinkHoverColor:#005aa8;
  --rm-filterLableHoverColor:#000000;
  --rm-userProfilePosition: 51px;
  --rm-addSensorIconsColor: #000000;
  --rm-sideNavfontWeight: 400;
  --rm-checkBoxAlignment: 17px;
  --rm-externalUserTextAreabgColor:#e4e4e4;
  --rm-headingFontColor:#000;
  --rm-headingFontWeight:700;
  --rm-headingBorder: 1px solid #DEDCDE;
  --rm-headingMargin:8px;
  --rm-allAssetsButton:1px solid #A2AAB5;
  --rm-rallAssetsColor:rgba(0,0,0,0.5);
  --rm-allAssetsBackgroundColor:#fff;
  --rm-sidenavAccordionAdminBackgroundColor:#323438;
  --rm-alignMappingBlocks:491px;
  --rm-uploadbuttonBorderColor:1px solid #000;
  --rm-uploadbuttonBorderHoverColor:1px solid #000;
  --rm-downlaodIconColor:#000;
  --rm-assetHeadingpPadding:47px;
  --rm-assetDropdown: 1px solid #000;
  --rm-choosefileTextColor:#333;
  --rm-radioBorder:2px solid #7D7F83;
  --rm-radioBorderRaduis:50%;
  --rm-dialogheadingFontColor:#323438;
  --rm-fontWeightdropdown:400px;
  --rm-pagination-btn-disableColor:#b2b2b2;
  --rm-noborderRaduisdropdown:10px;
  --rm-sortarrowcolor:#757575;
  --rm-multiassetfontcolor: rgba(0, 0, 0, 0.87);
  --rm-uploadbuttonbackgroundcolor:#909294;
  --rm-uploadbuttonbackgroundColorHover: #909294;
  --rm-chooseFileBackgroundColor: #909294;
  --rm-customtooltipbackgroundcolor:#fff;
  --rm-customtooltipfontcolor:#000;
  --rm-customtooltipborderraduis: 8px;
  --rm-customtooltippadding:3px 12px;
  --rm-customtooltipborder:1px solid #000;
  --rm-dgacardsfontcolor:#fffff;
  --rm-timeboxborderraduis:5px;
  --rm-fontWeightMediumwidget:400px;
  --rm-dgaTablepaddinfleft:80px;
  --rm-dgaTablepaddinfRight:70px;
  --rm-dgaTablepaddinfTop:30px;
  --rm-dgaChartpaddinfTop:30px;
  --rm-dgaCardWidth:75%;
  --rm-dgaCardpaddinfLeft:20px;
  --rm-dgaChartWidth:95%;
  --rm-dgaChartBoxMArginRight:150px;
  --rm-dgaChartCardLineHight:13px;
  --rm-dgaChartDescriptionPaddingTop:50px;
  --rm-dgaChartDescriptionMarginLeft:-100px;
  --rm-dgaChartDescriptionWidth:115%;
  --rm-dgaChartDescriptionMarginTop: 30px;
  --rm-SubHeadingFontSize: 22px;
  --rm-MainHeadingFontSize: 28px;
  --rm-eventAnalysisFontWeight: 500;
  --rm-reportImageLogo: 100px;
  --rm-bellIconColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-reportboxLoaderraduis: 8px;
  --rm-reportstrongTagdcolor: #000000;
  --rm-reportHeadingBackgroundcolor: #0070d2;
  --rm-statusBtnMinWidthHvgis: 116px;
  --rm-pdStatusBorder: 1px solid #e9e9e9;
  --rm-reportalarm-bg: #FF3C2D;
  --rm-reportwarn-bg: #FF9600;
  --rm-reportdefault-bg: transparent;
  --rm-reportalarm-text: #ffffff;
  --rm-reportwarn-text: #ffffff;
  --rm-reportdefault-text: #000000;
  --rm-alarmDescriptionFontWeight:400;
  --rm-alarmItemHeadingFontWeight:400;
  --rm-dropdownFontColor:#000000;
  --rm-trendmrgnlft:15px;
  --rm-trendfontSizeLarge: 18px;
  --rm-snackBarBackgroundColor: #FF3C2D;
  --rm-alarmHistorySnackBarBgColor: #032239;
  --rm-inputBorderColorHover: #7d7f83;
  --rm-snackBarColor: #FFFFFF;
  --rm-snackBarFontSize: 14px;
  --rm-dropdownBorderColor: #B6B7B8;
  --rm-dropdownBorderColorHover: #B6B7B8;
  --rm-inputFieldDisableColor:#EFEFEF4D;
  --rm-sliderTogglecolor:#50c878;
  --rm-sliderToggleOffcolor:#00000061;
  --rm-slidertogglethumbcolor:#FAFAFA;
  --rm-sliderToggleHovercolor: #B4B6BA;
  --rm-hoverondisabled:#B4B6BA;
  --rm-statusBorderRadius: 25px;
  --rm-statusLowBoxShadow: 0 0 10px #39B54A;
  --rm-statusAverageLowBoxShadow: 0 0 10px #8CC63F;
  --rm-statusMediumBoxShadow: 0 0 10px #D9E021;
  --rm-statusAverageBoxShadow: 0 0 10px #FCEE21;
  --rm-statusHighBoxShadow: 0 0 10px #F7931E;
  --rm-redBtnBoxShadow: 0 0 12px #FF3C2D;
  --rm-warnBtnBoxShadow: 0 0 12px #FF9600;
  --rm-grayBtnBoxShadow: 0 0 10px #32C85A;
  --rm-greenBtnBoxShadow: 0 0 12px #32C85A80;
  --rm-alertsboxbackgroundcolor:#FDD2D5;
  --rm-alertsboxtextcolor:#FF3C2D;
  --rm-defalttablebgcolor:#F7F5F7;
  --rm-plusiconColor:#3F51B5;
  --rm-icontextColor:#0070D2;
  --rm-viewAllLinkFontSize: 14px;
  --rm-iButtonNormal: #000000;
  --rm-iButtonHover: #010102;
  --rm-iButtonInactive: #b4b6ba;
  --rm-statusAmberBoxShadow: 0 4px 12px #ffa50080;
  --rm-btnHoverColor: #ebeff7;
  --rm-btHoverBorderColor: 1px solid #246cb0;
  --rm-iconFontSize: 15px;
  --rm-alarmCountPadding: 10px;
  --rm-healthinfoOverlay: 12%;
  --rm-summaryInfoOverlay:-60px;
  --rm-trendSelectionBorderRadius: 10px;
  --rm-exportimagewidth:24px;
  --rm-healthSummaryGuageBgColor:#e6ebf8;
  --rm-gugadedefauttextlcolor:#323438;
  --rm-gugadeReportdefauttextlcolor:#323438;
  --rm-alertsPaginationMarginRight: 0px;
  --rm-trendMarginLeft: 4px;
  --rm-pngTrendHeight: 16px;
  --rm-paginationWidth: 19.5%;
  --rm-showmarkerAlarmcolor:#FF0000;
  --rm-showmarkerWarningcolor:#fa961c;
  --rm-alarmlimitopacity: 1.4;
  --rm-display: inline-block ;
  --rm-width: 0px ;
  --rm-height: 0px ;
  --rm-border-bottom: none ;
  --rm-border-left: 5px solid #00000000 ;
  --rm-border-right: 5px solid #00000000 ;
  --rm-border-top: 5px solid ;
  --rm-transform: none ;
  --rm-float-transform: none ;
  --rm-margin: 0 6px ;
  --rm-normaldotcolor: #25D366;
  --rm-alarmdotcolor: #FF0000;
  --rm-inputDefaultBorder: 1px solid #00000040;
  --rm-onlineValuesBgColor: #d1d1d1;
  --rm-onlineValueBorder: 1px solid black;
  --rm-defaultInputBorder: 1px solid #00000040;
  --rm-defaultInputPlaceHolderColor: #A9A9A9;
  --rm-activeInputBorder: 1px solid #A7A6AB;
  --rm-activePlaceHolderColor: #A9A9A9;
  --rm-hoverInputBorder: 1px solid #7d7f83;
  --rm-errorInputBorder: 1px solid #ff3c2d;
  --rm-extraboxBorder: 0px solid #00000040;
  --rm-headerCompanyMarginLeft: 0px;
  --rm-oddcolor:#fff;
  --rm-evencolor:#7d7f83;
  --rm-dateIconsize:20px;
  --rm-commontrendopacity:0.4;
  --rm-statusGreen:#B2EBC0;
  --rm-reportshowmarkerAlarmcolor:#FF0000;
  --rm-reportshowmarkerWarningcolor:#FFA500;
  --rm-reportshowmarkernormalcolor:#25D366;
  --rm-dropdowntextfontcolor:#fff;
  --rm-alertcolor:#FF0000;
  --rm-warningcolor:#FFA500;
  --rm-safecolor:#EFD613;
  --rm-normalcolor: #25D366;
  --rm-barchartfaircolor:#39B54A;
  --rm-barchartgoodcolor:#8CC63F;
  --rm-barchartokcolor:#D9E021;
  --rm-barchartwarncolor:#FCEE21;
  --rm-barchartworsecolor:#F7931E;
  --rm-assetComparisonPaginationWidth: 84.8%;
  --rm-odiPaginationWidth: 84.8%;
  --rm-dropdownHighlightBackgroundColorHover: #0000000a;
  --rm-margnLeftVLFPdTest: 0px;
  --rm-addleft:6px;
  --rm-floatAddIcon:right;
  --rm-tableHeadingBgColor: #f7f5f7;
  --rm-dropdownSelectedTextColor: #323438;
  --rm-buttonHoverText: #000000;
  --rm-secondaryButtonTextColor: #000000;
  --rm-secondaryButtonDisableBgColor: grey;
  --rm-disableBtnFontColor: #fff;
  --rm-disableBtnBgColor: grey;
  --rm-tableHeaderWeight: 700;
  --rm-odiSortWeight: 700;
  --rm-datePickerColor:brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(748%) hue-rotate(181deg) brightness(98%) contrast(103%);
  --rm-fontSizeDefaultlink: 14px;
  --rm-multiAssetActionBtn: -26px;
  --rm-globalSearchBorder: 1px solid #A2AAB5;
  --rm-textAreaMatErrorMarginTop: 25px;
  --rm-exportBtnBefore: #C2C2C2;
  --rm-filterDropdowntxtClr: #000000;
  --rm-assetComparisionMarginLeftForDeleteButton: -65px;
  --rm-overlaycontainercolor:#ffffff;
  --rm-noBorderRadiusTooltip:4px;
  --rm-opacityassettree:1;
  --rm-healthCardsBorderColorsolid: 1px solid #FFFFFF;
  --rm-dfrhealthcardbordercolor: 1px solid #E9E9E9;
  --rm-dfrhealthcardfilterstyle: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.25));
  --rm-filterheadingLineHeight:0;
  --rm-dropdownButtonBackgroundColorNew:#0000008a;
  --rm-borderRadiusFilter:4px;
  --rm-fontWeightCusomized:700;
  --rm-bellIconSvgUrl: url("./media/icon-blueNotification-2KBT6TPU.svg") no-repeat center;
  --rm-minMaxBorderRadius: 4px;
  --rm-recentActiveAlertsPadding: 10px;
  --rm-infoOverlayBorderRadius: 10px;
  --rm-dropDownBorderRadius: 4px;
  --rm-tooltipBottom: -65px;
  --rm-assetTreeImageColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-mapPaddingColor: #fbfcfd;
  --rm-minMaxBorderRadius: 4px;
  --rm-recentActiveAlertsPadding: 10px;
  --rm-infoOverlayBorderRadius: 10px;
  --rm-dropDownBorderRadius: 4px;
  --rm-dropdownFieldBorderRadius: 5px;
  --rm-assetTreeImageColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-mapPaddingColor: #fbfcfd;
  --rm-minHeightDashboard: 100px;
  --rm-innerContainerPadding: 0 0 15px 0;
  --rm-deleteIconFilter: invert(21%) sepia(7%) saturate(220%) hue-rotate(187deg) brightness(96%) contrast(95%);
  --rm-lineHeightDropdown: 18px;
  --rm-fontWeightMediumTableHeading:500;
  --rm-infoiconcolor:#757575;
  --rm-tooltipBordercolor:none;
  --rm-fontSizeUserProfile:15px;
  --rm-imagemaxheight: 39px;
  --rm-imagepaddingleft: 15px;
  --rm-imagepaddingtop: 1px;
  --rm-fontweightstatus:normal;
  --rm-radioButtonColor: #0070D2;
  --rm-FilterTitleBackgroundColor: #777777;
  --rm-iconColor:brightness(0);
  --rm-fontdateRangeHoverColorHyperlink:#404040;
  --rm-dateIconColor:invert(96%) sepia(100%) saturate(18%) hue-rotate(246deg) brightness(104%) contrast(104%);
  --rm-cancelButtonBackground: #FFFFFF;
  --rm-inputBackgroundColor: #FFFFFF;
  --rm-cancelButtonBorder: #404040;
  --rm-cancelButtonHover: #ebeff7;
  --rm-secondaryButtonBackgroundColor: #FFFFFF;
  --rm-paginatorUnderline: #0000008a;
  --rm-headerBackgroundColorGlobal:#404040;
  --rm-fontWeightHeaderCenter: 700;
  --rm-tableDataLinkColor: #000000;
  --rm-tableDataLinkHoverColor: #000000;
  --rm-systemDashboardTrendIconTop: 0px;
  --rm-onlineValueActiveFontColor: #A9A9A9;
  --rm-onlineValueFontColor: #A9A9A9;
  --rm-arrowFilterColor: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-selectedWatchlistIconColor: invert(96%) sepia(100%) saturate(18%) hue-rotate(246deg) brightness(0%) contrast(104%);
  --rm-unselectedWatchListIconColor: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
  --rm-acknowledgeTickColor: invert(96%) sepia(100%) saturate(18%) hue-rotate(246deg) brightness(0%) contrast(104%);
  --rm-watchlistIconWidth: 0;
  --rm-watchlistTconHeight: 0;
  --rm-playpauseColor:#404040;
  --rm-cardBorder:1px solid #D3D3D3;
  --rm-pdstatusBorderRadius:15px;
  --rm-pdtrendlinecolor:#000;
  --rm-fontSizeXS: 13px;
  --rm--UpsOpInsightTableWidth: 144%;
  --rm-trendSelectionFontSize: 22px;
  --rm-customTooltipBorderColor: #000;
  --rm-prpdBorderRaduis:8px;
  --rm-duvalArrowColor:#000;
  --rm-headerIconClose:invert(85%) sepia(8%) saturate(120%) hue-rotate(180deg) brightness(90%) contrast(95%);
  --rm-infocardMargin:-19px;
  --rm-tooltipfontcolor:#000000;
  --rm-svgfontcolor:#000000;
  --rm-svgfontcolorred:#ff0000;
  --rm-fontColorDualAnalysis:#ffffff;
  --rm-leafletstyles:12px/1.5 "Roboto", sans-serif;
  --rm-fontWeightpd:500;
  --rm-tooltipContentFontSize: 14px;
  --rm-summaryCardHeadingFontSize: 15px;
  --rm-prpdborder:5px 5px 5px 5px;
  --rm-checkboxwidth:15px;
  --rm-checkboxheight:15px;
  --rm-checkboxfontcolor:#000;
  --rm-prpdDateTimeFontSize: 12px;
  --rm-infoIconFontSize: 18px;
  --rm-infoIconListFontSize: 14px;
  --rm-mapZoomInOutFontSize: 22px;
  --rm-matTooltipFontSize: 14px;
  --rm-vectorImgPadding: 24px;
  --rm-vectorMarginLeft: 0px;
  --rm-dropDownArrowBorderColor: #999999 transparent;
  --rm-uomMinWidth: 160px;
  --rm-uomMaxWidth: 160px;
  --rm-odiImageNameBackgroundColor: #FFFFFF;
  --rm-odiImageNameFontColor: #0070D2;
  --rm-allAssetsColor: #000000;
  --rm-infoIcondgaBackgroundColor:#777;
  --rm-assetdevicedropdownColor:#777;
  --rm-borderradio:#000;
  --rm-exportboxheight:54px ;
  --rm-heightforexcel:64px;
  --rm-floatPdtrendAddIcon: right;
  --rm-addleftPdtrend:6px;
  --rm-assetComparissionDropdownBackgroundColor: #FFFFFF;
  --rm-headerUserNameIconBackgroundColour:#395D88;
  --rm-headerUserNameIconColor:brightness(0) invert(1);
  --rm-cardDesignMargin:15px;
  --rm-cardDesignPadding: 30px;
  --rm-cardDesignBackground: #ffffff;
  --rm-cardDesignContainerPadding:60px;
  --rm-cardDesignShadow:0px 1px 2px #0000001A;
  --rm-cardDesignOpacity:1;
  --rm-mapHeadingPadding: 5px 0px 5px 0px;
  --rm-mapHeadingBgColor: #FFFFFF;
  --rm-mapHeadingTitleFontColor: #7d7f83;
  --rm-mapHeadingTitleMarginBottom: 0px;
  --rm-mapHeadingTitleMarginLeft: 333px;
  --rm-mapHeadingTitleValue: 5px;
  --rm-svgDesignBackground:#f2f3f5;
  --rm-fliterLableMarginBottom:16px;
  --rm-cardPatternSmallHeight:150px;
  --rm-matFormFeildBackgroundColor:#ffffff;
  --rm-recomendationMsgBoxMinHeight: 50px;
  --rm-recomendationMsgBoxMaxHeight: 150px;
  --rm-linkWidgetPngWidth:auto;
  --rm-linkWidgetPngHeight:30px;
  --rm-HealthSummaryInfoIconColor:#fff;
  --rm-HealthSummaryInfoIconBorder:1px solid #fff;
  --rm-tooltipbuttonFontColor:#ffffff;
  --rm-tooltipBorderRaduis: 4px;
  --rm-canvaPngIconColor: #4444444D;
  --rm-matCheckboxLabelDisabledColor: #00000061;
  --rm-whiteBoxHeaderBgColor: #FFFFFF;
  --rm-tableborder: solid 1px rgba(0, 0, 0, 0.12);
  --rm-indexBackgroundColor: #ffffff;
  --rm-tableHeadersPaddingWhiteBox: 14px 0px;
  --rm-tabelHeadingsBg: #FFFFFF;
  --rm-tabelContainerListHeight: 219px;
  --rm-doneButtonMargintop: 0px;
  --rm-assetComparissionDropdownBgColor: #FFFFFF;
  --rm-assetTypeSelectDropdownWidth: 135px;
  --rm-cardPatternMaxHeight: 150px;
  --rm-cardPatternHeight: 150px;
  --rm-duvalFontColor:#000000;
  --rm-duvalDiagnosticBackgroundColor: #FFF7D1;
  --rm-duvalTChartMarginTop:-25px;
  --rm-moreDGAChartMarginTop:0px;
  --rm-duvalNavHeaderWidth:82%;
  --rm-duvalErrorMessageLineHeight:14px;
  --rm-summarycardPadding:15px 20px;
  --rm-viewlinkPadding:5px 15px;
  --rm-infocardMarginBottom: 26px;
  --rm-latestRecommendationpadding:16px 20px;
  --rm-nameplatedetailspadding:20px;
  --rm-assetdetailpadding:16px 20px;
  --rm-sectionbordercolor:#DEDCDE;
  --rm-productImageNew:30px 20px;
  --rm-maxwidthtext:220px;
  --rm-infomrgnbttm:26px;
  --rm-alarmcountpadding:15px 15px 0;
  --rm-nameplateiconPadding:20px;
  --rm-cardDesignMarginBottom:20px;
  --rm-cardDesignSummaryContainerPadding:70px;
  --rm-alarmMapContainerHeight: 75vh;
  --rm-alarmListContainerHeight: 75vh;
  --rm-monitorAssetListHeight: 75vh;
  --rm-widgetBoderBottom: 5px solid #dedcde;
  --rm-myDashboardHeadingBorder: 1px solid #DEDCDE;
  --rm-myDashboardAssetsHeaderBackgroundColor: #fff;
  --rm-cardMarginSummary:0px 0px 0px 0px;
  --rm-strongTextFontWeightRegular:400;
  --rm-homeAssetSummaryListHeight: 289px;
  --rm-backgroundPrimaryColor: #ffffff;
  --rm-closeButonfontWeight:700;
  --rm-deletePopupfontweight:700;
  --rm-fontweightRegularcontent:400;
  --rm-fontweightFilterLabel:500;
  --rm-fontweightDefaultbold:700;
  --rm-fontweightDefaultboldHeading:700;
  --rm-summaryCardDigitFontWeightRegular:400;
  --rm-placeholderFontweight:700;
  --rm-filterfontweightMeduim:400;
  --rm-healthConditionTableAlign: hidden;
  --rm-healthConditionTableHeight: calc(100vh - 300px);
  --rm-matHeaderMinWidth: 85px;
  --rm-matHeaderMaxWidth: 85px;
  --rm-popupPadding:15px;
  --rm-overflowMiddleContainer: auto;
  --rm-gisMapWidth: calc(100vw - 240px);
  --rm-appMapSelectedViewWidth: calc(100vw - 240px);
  --rm-hvGisBarValuesMarginTop: 47px;
  --rm-hvGisSpectrumMarginTop: -48px;
  --rm-gisSldHeight: calc(100% - 36px);
  --rm-gasHeaderPadding: 20px 5px 20px 5px;
  --rm-backgroundPopupColor:#ffffff;
  --rm-MarginPaddingValueZero: 0px;
  --rm-sectionborderSummary:#DEDCDE;
  --rm-pdIconWidth: 3%;
  --rm-overlaysectionMargin:20px;
  --rm-contentbgcolor:#ffffff;
  --rm-dashboardLayoutMargin:-10px;
  --rm-allAssetsWatchlistIconPadding: 8px;
  --rm-dgaTrendsToolbarPadding: 11px 15px 0px 5px;
  --rm-addTrendTagsPadding: 28px 15px;
  --rm-paddingviewmore:22px 15px;
  --rm-oditooltipleftmargin:-169px;
  --rm-inputfiledWidth:25vw;
  --rm-infooverlayalign:-49px;
  --rm-iconPosition:-200px;
  --rm-iconPositiontdrirc:0px;
  --rm-windingalign:none;
  --rm-maxwidthheadingodi:220px;
  --rmalignItemtoright:-65px;
  --rm-trendlineopacity:0.5;
  --rm-aligniicon:60px;
  --rm-healthInfoIcon:20px;
  --rm-alignPlusIcon:11px;
  --rm-adjusticonsize:20px;
  --rm-updatemrgn:0px;
  --rm-containerheight:110.7vh;
  --rm-rightcontainerheight:110.7vh;
  --rm-leftcontainerheight:110.7vh;
  --rm-trendcomparecontainerheight:72vh;
  --rm-exportReportInfoOverlay: 20px;
  --rm-toolbarNameTrendPadding:0 16px;
  --rm-toolbarNameTrendMarginRight:0px;
  --rm-toolbarNameTrendContentafter:"";
  --rm-flexDirection:column;
  --rm-tickmarkAlign:3px;
  --rm-tableListFontWeight: 500;
  --rm-datePickerPadding: 26px 15px 20px;
  --rm-calenderTableSelectionWidth: 52px;
  --rm-dashBoardLayoutMaxHeight: calc(100vh - 334px);
  --rm-dashBoardZoomLayoutMaxHeight: calc(100vh - 460px);
  --rm-nodataColorBg:#E2E2E2;
  --rm-towerCardHeadingWeight: bold;
  --rm-towerCardValueWeight: bold;
  --rm-tableHeaderPadding:0px 10px;
  --rm-pdStatusFontColor: #FFFFFF;
  --rm-matpaginationDisplay:none;
  --rm-matpaginationRangeActionleft:100px;
  --rm-matpaginationRangeActionposition:absolute;
  --rm-matpaginationRangeActionMarginTop:50px;
  --rm-nameplateBorder:solid 1px #DEDCDE;
  --rm-alarmListPaddingBottom: 70px;
  --rm-infoIconPosition:0;
  --rm-headerfontSizeDefault:14px;
  --rm-imagemax-height:0;
  --rm-headerIconPadding:0;
  --rm-paramterTablewidth:265px;
  --rm-tablePaddingforSrno:20px;
  --rm-tableContainerparamterWidth:250px;
}
.menuIcon img {
  min-width: 15px;
}
.sidenavIcon img {
  min-width: 20px;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  font-family: var(--rm-summaryCardFontFamily);
}
html {
  font-size: 0.625rem;
}
body {
  font-family: var(--rm-fontFamily) !important;
  font-weight: normal;
  color: var(--rm-fontColor);
  line-height: 1.21;
  font-size: var(--rm-fontSizeDefault);
}
input,
button,
select {
  font-family: var(--rm-fontFamily);
}
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
button {
  border: 0 none;
}
a {
  text-decoration: none;
}
.spacer {
  flex: 1 1 auto;
}
.align-right {
  text-align: right;
}
li {
  list-style: none;
}
ul,
li {
  margin: 0;
  padding: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 0;
}
.button {
  background-color: var(--rm-buttonBackgroundColor);
  color: var(--rm-buttonFontColor);
  border: solid 1px transparent;
  display: inline-block;
  border-radius: var(--rm-noBorderRadius);
  min-width: 75px;
  text-align: center;
  font-size: var(--rm-buttonFontSize);
  line-height: 1;
  padding: 7px 14px;
  margin-left: 10px;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.button:hover {
  background-color: var(--rm-buttonBackgroundColorHover);
}
.button.fullWidth {
  display: block;
}
.button.fullWidthBig {
  display: block;
  font-size: var(--rm-fontSizeMedium);
  padding: 12px;
}
.button.strocked {
  background-color: var(--rm-cancelButtonBackground) !important;
  color: var(--rm-buttonFontColorBlack);
  border: var(--rm-borderColor);
}
.button.strocked:hover {
  background-color: transparent;
}
.button.buttonFontColorWhite {
  background-color: var(--rm-inputBackgroundColor);
  color: var(--rm--buttonFontColorInWhite);
  border-color: var(--rm-buttonBackgroundColor);
}
.button.buttonFontColorWhite:hover {
  background-color: transparent;
}
.button.btnIcon {
  position: relative;
  padding-left: 24px !important;
}
.button.btnIcon i {
  position: absolute;
  left: 6px;
  top: 48%;
  transform: translateY(-50%);
  width: 12px;
}
.button.btnIcon i img {
  filter: var(--rm-custompngIconColor);
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
.button.btnIcon i img.linkWidgetTempIcon {
  width: var(--rm-linkWidgetPngWidth);
  height: var(--rm-linkWidgetPngHeight);
}
.button.greyBtn {
  position: relative;
  background: var(--rm-whiteColor);
  cursor: pointer;
  border: 0.5px solid var(--rm-buttonBackgroundColor);
  color: var(--rm-fontColor);
}
.button.greyBtnIcon {
  position: relative;
  padding-right: 24px !important;
  background: var(--rm-buttonBackgroundColor);
  border: 0.5px solid var(--rm-buttonBackgroundColor);
  color: var(--rm-buttonFontColor);
}
.button.greyBtnIcon i {
  position: absolute;
  right: 6px;
  top: 48%;
  transform: translateY(-50%);
}
.button.greyBtnIcon i img {
  width: var(--rm-pngWidthFilter);
  height: var(--rm-pngHeightFilter);
}
.button.greyBtnIcon svg {
  position: absolute;
  right: 6px;
  top: 49%;
  transform: translateY(-50%);
  width: 12px;
  height: 14px;
}
.button.greyBtnIcon.blueAddSensor {
  margin-left: 0;
  margin-right: 16px;
  color: var(--rm-buttonFontColor);
}
.button.greyBtnIcon.blueAddSensor circle {
  fill: var(--rm-addSensorIconsColor);
}
.button.greyBtnIcon.greyColorBtn {
  padding: 5px 14px;
  min-width: 0;
}
.button.dialogBtn {
  background: var(--rm-buttonBackgroundColor);
  border: 0.5px solid var(--rm-buttonBackgroundColor);
  color: var(--rm-buttonFontColor);
  padding: 4px 8px;
  font-weight: var(--rm-strongTextFontWeight);
}
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(30%);
}
.button.statusBtn {
  font-size: var(--rm-fontSizeSmall);
  padding: 3px;
}
.button.statusBtn.onBtn {
  background-color: white;
  border-color: red;
  color: red;
}
.button.statusBtn.redBtn {
  background-color: red;
  border-color: red;
  color: white;
}
.button.statusBtn.offBtn {
  background-color: var(--rm-normalColorBg);
  border-color: #A7A6AB;
  color: #A7A6AB;
}
.button.statusBtn.disableBtn {
  background-color: #A7A6AB;
  color: var(--rm-blackColor);
}
.button.statusBtn.statusLow {
  background-color: var(--rm-verygoodColor);
  color: var(--rm-statusBtnFontColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-statusLowBtnFontWeight);
  max-width: 0px;
  min-width: var(--rm-statusBtnMinWidth);
  border: none;
  box-shadow: var(--rm-statusLowBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.button.statusBtn.statusAverageLow {
  background-color: var(--rm-goodColor);
  color: var(--rm-statusBtnFontColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-strongTextFontWeight);
  max-width: 0px;
  min-width: var(--rm-statusBtnMinWidth);
  border: none;
  box-shadow: var(--rm-statusAverageLowBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.button.statusBtn.statusMedium {
  background-color: var(--rm-fairColor);
  color: var(--rm-statusBtnFontColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-strongTextFontWeight);
  max-width: 0px;
  min-width: var(--rm-statusBtnMinWidth);
  border: none;
  box-shadow: var(--rm-statusMediumBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.button.statusBtn.statusAverage {
  background-color: var(--rm-poorColor);
  color: var(--rm-statusBtnFontColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-strongTextFontWeight);
  max-width: 0px;
  min-width: var(--rm-statusBtnMinWidth);
  border: none;
  box-shadow: var(--rm-statusAverageBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.button.statusBtn.grayBtn {
  background-color: var(--rm-normalColorBg);
  color: var(--rm-fontColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-strongTextFontWeight);
  min-width: var(--rm-statusBtnMinWidth);
  max-width: 0px;
  border: none;
}
.button.statusBtn.noavailabledataBtn {
  background-color: var(--rm-nodataColorBg);
  color: var(--rm-whiteColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-strongTextFontWeight);
  min-width: var(--rm-statusBtnMinWidth);
  max-width: 0px;
  border: none;
}
.button.statusBtn.statusHigh {
  background-color: var(--rm-unsafeColor);
  color: var(--rm-statusBtnFontColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-strongTextFontWeight);
  max-width: 0px;
  min-width: var(--rm-statusBtnMinWidth);
  border: none;
  box-shadow: var(--rm-statusHighBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.button:hover {
  background-color: var(--rm-buttonHoverBackgroundColor);
}
.table-container .button {
  min-width: var(--rm-statusBtnMinWidth);
}
.toolbar.gisToolBar {
  display: none;
}
.toolbar .button {
  padding: 4px 10px 3px;
  min-width: 0;
}
.statusBtn {
  display: block;
  border-radius: var(--rm-buttonBorderRadius);
  -moz-border-radius: var(--rm-buttonBorderRadius);
  -webkit-border-radius: var(--rm-buttonBorderRadius);
  -o-border-radius: var(--rm-buttonBorderRadius);
  -ms-border-radius: var(--rm-buttonBorderRadius);
  color: white;
  max-width: fit-content;
  text-align: center;
  line-height: var(--rm-statusBtnLineHeight);
  font-size: var(--rm-statusBtnFontSize);
  text-transform: uppercase;
  padding: 2px 5px !important;
  border-radius: var(--rm-noBorderRadius);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.statusBtn.redBtn {
  background-color: var(--rm-alarmColorBg);
  color: var(--rm-buttonFontColor);
  min-width: var(--rm-statusBtnMinWidth) !important;
  display: inline-block;
  box-shadow: var(--rm-redBtnBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.statusBtn.redBtn.faultRedBtn {
  background: var(--rm-faultRedBtnBg);
}
.statusBtn.warnBtn {
  background-color: var(--rm-warnColorBg);
  color: var(--rm-buttonFontColor);
  min-width: var(--rm-statusBtnMinWidth);
  display: inline-block;
  box-shadow: var(--rm-warnBtnBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.statusBtn.onBtn {
  background-color: white;
  border: solid 1px red;
  color: red;
  min-width: var(--rm-statusBtnMinWidth);
  display: inline-block;
}
.statusBtn.offBtn {
  background-color: white;
  border: 1px solid #A7A6AB;
  color: #A7A6AB;
  min-width: var(--rm-statusBtnMinWidth);
  display: inline-block;
}
.statusBtn.onBtn {
  background-color: white;
  border: solid 1px red;
  color: red;
  display: inline-block;
}
.statusBtn.offBtn {
  background-color: white;
  border: 1px solid #A7A6AB;
  color: #A7A6AB;
  display: inline-block;
}
.statusBtn.noavailabledataBtn {
  background-color: var(--rm-nodataColorBg);
  color: var(--rm-nodataBtnFontColor);
  padding: 0;
  margin: 0;
  font-weight: var(--rm-strongTextFontWeight);
  min-width: var(--rm-statusBtnMinWidth);
  max-width: 0px;
  border: none;
}
.statusBtn.grayBtn {
  background-color: var(--rm-normalColorBg);
  color: var(--rm-normalstatusbtnFontColor);
  min-width: var(--rm-statusBtnMinWidth);
  display: inline-block;
  box-shadow: var(--rm-grayBtnBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.statusBtn.grayBtn.nodataBtn {
  color: var(--rm-nodataBtnFontColor);
  background: var(--rm-nodataColorBg);
  min-width: var(--rm-statusBtnMinWidth);
}
.statusBtn.grayBtn.faultGreyBtn {
  background: var(--rm-faultGreyBtnBg);
}
.statusBtn.greenBtn {
  background-color: var(--rm-PureGreenColor);
  color: var(--rm-buttonFontColor);
  min-width: var(--rm-statusBtnMinWidth) !important;
  display: inline-block;
  font-weight: var(--rm-strongTextFontWeight);
  box-shadow: var(--rm-greenBtnBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.statusBtn.greenBtn.faultGreenBtn {
  background: var(--rm-faultGreenBtnBg);
}
.statusBtn.overlayAlarmStatus {
  display: block;
}
.pdStatusBtn {
  display: inline-block;
  border-radius: var(--rm-pdStatusBtnborderRadius);
  color: var(--rm-buttonFontColor);
  min-width: 94px;
  text-align: center;
  line-height: 20px;
  font-size: var(--rm-statusBtnFontSize);
  font-weight: var(--rm-strongTextFontWeight);
  text-transform: uppercase;
  padding: 4px 8px !important;
}
.pdStatusBtn.pdGreen {
  background-color: var(--rm-PureGreenColor);
  border-radius: var(--rm-statusBorderRadius) !important;
  box-shadow: var(--rm-grayBtnBoxShadow);
}
.pdStatusBtn.pdAmber {
  background-color: var(--rm-warnColorBg);
  border-radius: var(--rm-statusBorderRadius) !important;
  box-shadow: var(--rm-statusAmberBoxShadow);
}
.pdStatusBtn.pdRed {
  background-color: var(--rm-alarmColorBg);
  box-shadow: var(--rm-redBtnBoxShadow);
  border-radius: var(--rm-statusBorderRadius);
}
.indexSummaryWrapper {
  font-size: var(--rm-fontSizeSmall);
  width: 190px;
  margin-left: auto;
  height: 0;
}
.indexSummaryWrapper .indexSummary {
  display: flex;
}
.indexSummaryWrapper .indexSummary span {
  position: relative;
  width: 33.33%;
  height: 10px;
}
.indexSummaryWrapper .indexSummary span::before,
.indexSummaryWrapper .indexSummary span::after {
  position: absolute;
  top: 100%;
  right: 17px;
}
.indexSummaryWrapper .indexSummary span:first-child {
  background-color: var(--rm-verygoodColor);
}
.indexSummaryWrapper .indexSummary span:first-child::after {
  content: "0";
}
.indexSummaryWrapper .indexSummary span:nth-child(2) {
  background-color: var(--rm-goodColor);
}
.indexSummaryWrapper .indexSummary span:nth-child(2)::after {
  content: "1";
}
.indexSummaryWrapper .indexSummary span:nth-child(3) {
  background-color: var(--rm-fairColor);
}
.indexSummaryWrapper .indexSummary span:nth-child(3)::after {
  content: "2";
}
.indexSummaryWrapper .indexSummary span:nth-child(4) {
  background-color: var(--rm-poorColor);
}
.indexSummaryWrapper .indexSummary span:nth-child(4)::after {
  content: "3";
}
.indexSummaryWrapper .indexSummary span:last-child {
  background-color: var(--rm-unsafeColor);
}
.indexSummaryWrapper .indexSummary span:last-child::after {
  content: "4";
}
.indexSummaryWrapper .indexSummary div {
  position: relative;
  width: 33.33%;
  height: 10px;
}
.indexSummaryWrapper .indexSummary div::before,
.indexSummaryWrapper .indexSummary div::after {
  position: absolute;
  top: 100%;
  right: 17px;
}
.indexSummaryWrapper .indexSummary div:first-child {
  background-color: var(--rm-verygoodColor);
}
.indexSummaryWrapper .indexSummary div:first-child::after {
  content: "1";
}
.indexSummaryWrapper .indexSummary div:nth-child(2) {
  background-color: var(--rm-goodColor);
}
.indexSummaryWrapper .indexSummary div:nth-child(2)::after {
  content: "2";
}
.indexSummaryWrapper .indexSummary div:nth-child(3) {
  background-color: var(--rm-fairColor);
}
.indexSummaryWrapper .indexSummary div:nth-child(3)::after {
  content: "3";
}
.indexSummaryWrapper .indexSummary div:nth-child(4) {
  background-color: var(--rm-poorColor);
}
.indexSummaryWrapper .indexSummary div:nth-child(4)::after {
  content: "4";
}
.indexSummaryWrapper .indexSummary div:last-child {
  background-color: var(--rm-unsafeColor);
}
.indexSummaryWrapper .indexSummary div:last-child::after {
  content: "5";
}
.dynamicIndexSummaryWrapper {
  font-size: var(--rm-fontSizeSmall);
  width: 190px;
  margin-left: auto;
}
.dynamicIndexSummaryWrapper .customIndexContainer {
  display: flex;
}
.dynamicIndexSummaryWrapper .customIndexContainer .indexSummary {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dynamicIndexSummaryWrapper .customIndexContainer .indexSummary span {
  position: relative;
  height: 10px;
  text-align: center;
}
.dynamicIndexSummaryWrapper .indexSummaryDigits {
  display: flex;
  justify-content: space-around;
}
.dateRange:hover {
  color: var(--rm-fontdateRangeHoverColorHyperlink) !important;
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: var(--rm-dropdownButtonArrowrColor);
}
.btnLink-icon {
  border: none;
  background: transparent;
  display: flex;
  color: var(--rm-fontColorHyperlink);
  font-size: var(--rm-fontSizeDefault);
  white-space: nowrap;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.btnLink-icon:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.btnLink-icon .calendarIcon {
  margin: -1px 3px 0 0;
}
.btnLink-icon .calendarIcon img {
  filter: var(--rm-pngIconColor);
}
.btn-fullScreenWrapper {
  position: relative;
  margin: 0 0 0 20px;
  padding: 0 32px 0 15px;
  height: 26px;
}
.btn-fullScreenWrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  height: 19px;
  width: 1px;
  background-color: #C2C2C2;
}
.btn-fullScreenWrapper .btn-fullScreen {
  background: #F0F0F0;
  border: 0.5px solid #CBCBCB;
  border-radius: var(--rm-buttonBorderRadius);
  -moz-border-radius: var(--rm-buttonBorderRadius);
  -webkit-border-radius: var(--rm-buttonBorderRadius);
  -o-border-radius: var(--rm-buttonBorderRadius);
  -ms-border-radius: var(--rm-buttonBorderRadius);
  color: black;
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.6rem;
  padding: 4px 8px;
  display: flex;
}
.btn-fullScreenWrapper .btn-fullScreen .icon-fullScreen {
  width: 11px;
  margin: -1px 0 0 4px;
}
.btn-fullScreenWrapper .close_btn {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.formpage_container {
  background-color: var(--rm-backgroundPrimaryColor) !important;
}
.formpage_container.active {
  width: 100% !important;
  border-left: 0 none;
}
.formpage_container.active .mat-tab-label-container,
.formpage_container.active .btn-fullScreen {
  display: none !important;
}
.formpage_container.active .btn-fullScreenWrapper {
  z-index: 50;
}
.formpage_container.active .btn-fullScreenWrapper .close_btn {
  display: block;
}
.formpage_container.active .blockHeading > .close_btn {
  display: none;
}
.mat-form-field.toolbarDropdown {
  width: 308px;
  margin-left: 0px;
}
.mat-form-field.toolbarDropdown.col-9 {
  width: 75%;
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-success-userLogin,
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-error-userLogin {
  padding: 13px 25px !important;
  background: #032239;
  display: flex;
  align-items: center;
  max-width: 100% !important;
  margin: 0% !important;
  width: auto !important;
  color: white;
  border-radius: var(--rm-noBorderRadius);
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-success-userLogin::before,
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-error-userLogin::before {
  margin-right: 15px;
  display: block;
  width: 24px;
  height: 24px;
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-success-userLogin::before {
  content: url("./media/icon-snack-successTick-GQR2PZ7E.svg");
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-error-userLogin::before {
  content: url("./media/icon-snack-errorTick-WQHQDYGL.svg");
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-Monitorsuccess,
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-Monitorerror {
  padding: 10px 20px !important;
  background: var(--rm-alarmHistorySnackBarBgColor);
  display: flex;
  align-items: center;
  max-width: 100% !important;
  margin: 0% !important;
  width: auto !important;
  color: white;
  margin: 51px !important;
  border-radius: var(--rm-noBorderRadius);
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-Monitorsuccess::before,
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-Monitorerror::before {
  margin-right: 10px;
  display: block;
  width: 20px;
  height: 20px;
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-Monitorsuccess::before {
  content: url("./media/icon-smallsnack-successTick-7BNMTOAY.svg");
}
.cdk-overlay-container .cdk-global-overlay-wrapper .snack-Monitorerror::before {
  content: url("./media/icon-smallsnack-errorTick-5IPCNLVI.svg");
}
.checkbox {
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 18px;
  color: #0070D2;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: solid 1px #A7A6AB;
  border-radius: 4px;
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #0070D2;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.doubleColLayout {
  width: 100%;
}
.alignSelfTop {
  align-self: flex-start;
}
.btn {
  background-color: transparent;
  border: none;
  padding: 10px 12px;
  border-radius: 0.25rem;
  font-size: var(--rm-fontSizeMedium);
  line-height: 1.15;
  letter-spacing: 0.75px;
}
.btnPrimary {
  color: #fff;
  background-color: #0070D2;
}
.btnPrimary:hover {
  color: #fff;
  background-color: #0070D2;
}
.btnSecondary {
  color: #000;
  background-color: #CBCBCB;
}
.formBtnRow {
  margin: 0 !important;
}
@keyframes powerLineAnimation {
  0% {
    width: 0;
  }
  24% {
    width: 0;
  }
  25% {
    width: 11px;
  }
  49% {
    width: 11px;
  }
  50% {
    width: 22px;
  }
  74% {
    width: 22px;
  }
  75% {
    width: 31px;
  }
  100% {
    width: 31px;
  }
}
.batteryIcon {
  width: 50px;
  position: relative;
}
.batteryIcon .powerLineAnimation,
.batteryIcon .staticPowerLineAnimation {
  animation: powerLineAnimation 1s ease infinite;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 33px;
  overflow: hidden;
}
.batteryIcon .staticPowerLineAnimation {
  animation: none;
  width: 100%;
  display: flex;
  padding: 4.8% 11% 6.7% 5.7%;
}
.batteryIcon .powerLine {
  width: 33px;
  display: flex;
  padding: 3px;
  height: 100%;
}
.batteryIcon .powerLine span {
  flex: 1;
  margin: 0 1px;
}
.staticBatteryIcon {
  width: 100%;
}
.staticBatteryIcon svg {
  width: 100%;
  height: auto;
}
.staticBatteryIcon .powerLine {
  width: auto !important;
  height: 100% !important;
  flex: 1;
  padding: 0;
  display: flex !important;
}
.staticBatteryIcon .powerLine span {
  flex: initial;
  margin: 0;
}
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer,
.leaflet-left {
  z-index: 0 !important;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: rgba(0, 0, 0, 0.4);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background-color: magenta;
}
.leaflet-popup-scrolled {
  border-bottom: 0px;
  border-top: 0px;
  overflow: visible;
  margin: 3px 6px;
}
.leaflet-control-attribution {
  display: none;
}
.leaflet-tooltip {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightBold);
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.3;
  padding: 3px 12px !important;
  background-color: var(--rm-mapLeafletBgColor) !important;
  border: none !important;
  border-radius: var(--rm-noBorderRadius) !important;
  color: var(--rm-mapLeafletTooltipColor) !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  box-shadow: none !important;
}
.mapPinsTooltip {
  background-color: white !important;
  color: #000000 !important;
  border-radius: 5px !important;
  font-size: 1.4rem;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightBold);
}
.mapPinsTooltip table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  font-size: 1.4rem;
  width: 100%;
}
.mapPinsTooltip table th {
  padding-bottom: 5px;
  text-align: left;
  padding: 4px;
}
.mapPinsTooltip table td {
  padding: 4px 8px;
  text-align: left;
}
.mapPinsTooltip.leaflet-tooltip::before {
  display: none;
}
.leaflet-container {
  font: var(--rm-leafletstyles);
}
.required-asterisk {
  color: red;
  font-weight: var(--rm-strongTextFontWeight);
  margin-left: 3px;
  font-size: var(--rm-fontSizeSmall);
}
.dilogDropdown {
  margin-bottom: 20px;
}
.dilogDropdown .mat-form-field-subscript-wrapper {
  top: 33px;
}
.dilogDropdown .textArea {
  min-width: 100%;
  padding: 5px 0 5px;
}
.dilogDropdown .textAreaError {
  font-size: var(--rm-fontSizeSmall);
  font-weight: var(--rm-strongTextFontWeight);
  margin-top: 23px;
}
.dilogDropdown.textAreaDropdown .col-12 {
  width: 99.35%;
}
.mat-dialog-content {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--rm-fontColor);
}
.mat-dialog-content .row {
  margin: 0;
}
.cdk-overlay-container .mat-dialog-actions.dialogActonsLeft {
  justify-content: flex-start;
  padding-top: 0 !important;
}
.DT_DP {
}
.DT_DP .icon-container {
  position: relative;
  display: inline-block;
}
.DT_DP .icon-container i {
  display: block;
  font-style: normal;
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonNormal);
  color: var(--rm-iButtonNormal);
  box-shadow: var(--rm-box-shadow);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  background-color: var(--rm-infoIconBackgroundColor);
}
.DT_DP .icon-container i:hover {
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonHover);
  color: var(--rm-iButtonHover);
}
.DT_DP .icon-container i.inactive {
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonInactive);
  color: var(--rm-iButtonInactive);
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
.DT_DP .tooltip {
  opacity: 0;
  position: absolute;
  top: -20px;
  left: -97px;
  font-family: var(--rm-fontFamily);
  transform: translateX(-50%);
  background-color: var(--rm-infoIcondgaBackgroundColor);
  color: var(--rm-fontColor);
  padding: 5px;
  border-radius: var(--rm-noBorderRadius) !important;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  font-size: var(--rm-fontSizeSmall);
  white-space: nowrap;
  z-index: 1;
  transition: opacity 0.2s;
}
.DT_DP .icon-container:hover .tooltip {
  opacity: 1;
}
.DT_DP .info-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  color: var(--rm--buttonFontColorInWhite);
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  position: relative;
  border: 1px solid var(--rm-healthCardsBorderColor);
  z-index: 0;
}
.DT_DP .info-icon:hover {
  background-color: transparent;
  cursor: pointer;
}
.textAreaData {
  white-space: pre-line;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--rm-fontSizeDefault);
  overflow: hidden;
}
.dashboardTableWrapper .table-container table tr.mat-header-row th.mat-header-cell:first-child {
  position: sticky;
  left: 0;
  z-index: 3 !important;
  min-width: 50px;
  max-width: 100%;
  width: 50px;
  background: inherit;
}
.dashboardTableWrapper .table-container table tr.mat-header-row th.mat-header-cell:nth-child(2) {
  position: sticky;
  left: 50px;
  z-index: 3 !important;
  min-width: 50px;
  max-width: 50px;
  width: 50px;
  background: inherit;
}
.dashboardTableWrapper .table-container table tr.mat-header-row th.mat-header-cell:nth-child(3) {
  position: sticky;
  left: 100px;
  z-index: 3 !important;
  background: inherit;
}
.dashboardTableWrapper .table-container table tr.mat-header-row th.mat-header-cell:last-child {
  position: sticky;
  right: 0;
  z-index: 2 !important;
  min-width: 140px;
  max-width: 140px;
  width: 140px;
  background: inherit;
}
.dashboardTableWrapper .table-container table tr.mat-row td.mat-cell:first-child {
  position: sticky;
  left: 0;
  z-index: 2 !important;
  min-width: 50px;
  max-width: 50px;
  width: 50px;
  background: inherit;
}
.dashboardTableWrapper .table-container table tr.mat-row td.mat-cell:nth-child(2) {
  position: sticky;
  left: 50px;
  z-index: 1 !important;
  min-width: 50px;
  max-width: 100%;
  width: 50px;
  background: inherit;
}
.dashboardTableWrapper .table-container table tr.mat-row td.mat-cell:nth-child(3) {
  position: sticky;
  left: 100px;
  z-index: 1 !important;
  background: inherit;
}
.dashboardTableWrapper .table-container table tr.mat-row td.mat-cell:last-child {
  position: sticky;
  right: 0;
  z-index: 1 !important;
  min-width: 140px;
  max-width: 140px;
  width: 140px;
  background: inherit;
}
.transmissionTableWrapper .table-container table tr.mat-header-row th.mat-header-cell:first-child {
  position: sticky;
  left: 0;
  z-index: 3 !important;
  min-width: 50px;
  max-width: 50px;
  width: 50px;
  background: inherit;
}
.transmissionTableWrapper .table-container table tr.mat-header-row th.mat-header-cell:nth-child(2) {
  position: sticky;
  left: 50px;
  z-index: 3 !important;
  background: inherit;
}
.transmissionTableWrapper .table-container table tr.mat-row td.mat-cell:first-child {
  position: sticky;
  left: 0;
  z-index: 2 !important;
  min-width: 50px;
  max-width: 50px;
  width: 50px;
  background: inherit;
}
.transmissionTableWrapper .table-container table tr.mat-row td.mat-cell:nth-child(2) {
  position: sticky;
  left: 50px;
  z-index: 1 !important;
  background: inherit;
}
.customWidthTable .transmissionTableWrapper {
  max-height: calc(100vh - 335px) !important;
}
.customWidthTable .transmissionTableWrapper .table-container {
  flex: initial !important;
}
@media screen and (max-height: 768px) {
  .cp-table {
    max-height: calc(100vh - 244px) !important;
  }
}
.cp-table {
  overflow-x: auto;
  max-height: calc(100vh - 200px) !important;
}
.cp-table .table-container table tr.mat-header-row th.mat-header-cell:first-child {
  position: sticky !important;
  left: 0px !important;
  min-width: 50px !important;
  z-index: 999 !important;
}
.cp-table .table-container table tr.mat-header-row th.mat-header-cell:nth-child(2) {
  position: sticky !important;
  left: 50px !important;
  z-index: 999 !important;
  min-width: 300px;
  max-width: 300px;
  width: 300px;
  background: inherit;
}
.cp-table .table-container table tr.mat-header-row th.mat-header-cell:last-child {
  right: 0;
  z-index: 999 !important;
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  background: inherit;
  position: sticky !important;
}
.cp-table .table-container table tr.mat-header-row th.mat-header-cell:nth-last-child(2) {
  right: 80px;
  z-index: 999 !important;
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  background: inherit;
  position: sticky !important;
}
.cp-table .table-container table tr.mat-row td.mat-cell:last-child {
  -ms-position: sticky;
  position: sticky !important;
  right: 0;
  z-index: 1 !important;
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  background: inherit;
}
.cp-table .table-container table tr.mat-row td.mat-cell:nth-last-child(2) {
  -ms-position: sticky;
  position: sticky !important;
  right: 80px;
  z-index: 1 !important;
  min-width: 80px;
  max-width: 80px;
  width: 80px;
  background: inherit;
}
.cp-table .table-container table tr.mat-row td.mat-cell:first-child {
  position: sticky !important;
  left: 0px;
  z-index: 1 !important;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  background: inherit;
}
.cp-table .table-container table tr.mat-row td.mat-cell:nth-child(2) {
  -ms-position: sticky;
  position: sticky !important;
  left: 50px;
  z-index: 1 !important;
  min-width: 130px !important;
  max-width: 300px !important;
  width: 300px !important;
  background: inherit;
}
.insulation-table .table-container table tr.mat-header-row th.mat-header-cell {
  height: 28px;
  text-align: center;
}
.insulation-table .table-container table tr.mat-header-row th.mat-header-cell:first-child {
  width: 200px;
}
.insulation-table .table-container table tr.mat-header-row th.mat-header-cell:nth-child(2) {
  width: 200px;
}
.insulation-table .table-container table tr.mat-header-row th.mat-header-cell:nth-child(3) {
  padding-top: 10px;
}
.insulation-table .table-container table tr.mat-header-row th.mat-header-cell:last-child {
  width: 300px;
}
.mat-column-alarmCount,
.mat-column-ratedVoltage-kV-,
.mat-column-ratedCurrent,
.mat-column-age,
.mat-column-alarmAck,
.mat-column-deviceAlerts,
.mat-column-criticalityIndex,
.mat-column-rating-kVA-,
.mat-column-healthIndex,
.mat-column-oilHealthIndex,
.mat-column-CriticalityIndex,
.mat-column-rating,
.mat-column-riskIndex,
.mat-column-pdLevel {
  text-align: center !important;
}
.mat-column-alarmCount .mat-sort-header-container,
.mat-column-ratedVoltage-kV- .mat-sort-header-container,
.mat-column-ratedCurrent .mat-sort-header-container,
.mat-column-age .mat-sort-header-container,
.mat-column-alarmAck .mat-sort-header-container,
.mat-column-deviceAlerts .mat-sort-header-container,
.mat-column-criticalityIndex .mat-sort-header-container,
.mat-column-rating-kVA- .mat-sort-header-container,
.mat-column-healthIndex .mat-sort-header-container,
.mat-column-oilHealthIndex .mat-sort-header-container,
.mat-column-CriticalityIndex .mat-sort-header-container,
.mat-column-rating .mat-sort-header-container,
.mat-column-riskIndex .mat-sort-header-container,
.mat-column-pdLevel .mat-sort-header-container {
  padding-left: 18px !important;
  justify-content: center;
}
.offlineSticky .offlineStickyth {
  left: 50px !important;
}
.offlineSticky .offlineStickytd {
  left: 50px !important;
}
.resetBoxes .assetResetToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.resetBoxes .assetResetToolbar .mat-flat-button {
  min-width: 30px;
  padding: 0 5px;
}
.resetBoxes .assetResetToolbar .mat-flat-button img {
  width: 20px;
}
.resetBoxes .assetResetToolbar .resetInfoContainer {
  height: auto;
  width: auto;
}
.resetBoxes .assetResetToolbar .resetInfoContainer .infoOverlay {
  padding: 5px 15px;
}
.resetBoxes .resetFormfieldInfoContainer {
  height: auto;
  width: auto;
}
.resetBoxes .resetFormfieldInfoContainer .infoOverlay {
  padding: 5px 15px;
  left: 0;
  right: 100%;
  top: 17px;
  min-width: 100%;
}
.resetBoxes .resetFormfieldInfoContainer .matSelectParameter .mat-select-trigger .mat-select-value .mat-select-min-line {
  color: var(--rm-filterSelectedFontColor);
}
.snotify {
  min-width: 380px;
}
.snotify.snotify-leftBottom {
  left: 20px;
  bottom: 80px;
}
.snotify .snotifyToast {
  width: 100% !important;
  cursor: default;
  background: var(--rm-snotifyBackground);
  border: 1px solid #E0E0E0;
  border-radius: var(--rm-noBorderRadius);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3019607843);
}
.snotify .snotifyToast.snotify-confirm .snotifyToast__body {
  color: var(--rm-snotifyFontColor);
  font-size: var(--rm-fontSizeMedium);
  line-height: 22px;
}
.snotify .snotifyToast .snotifyToast__buttons {
  border-top: none;
}
.snotify .snotifyToast .snotifyToast__buttons button {
  font-size: var(--rm-buttonFontSize);
  border: 1px solid var(--rm-buttonBackgroundColor);
  color: var(--rm-buttonFontColor) !important;
  background-color: var(--rm-buttonBackgroundColor) !important;
}
.snotify .snotifyToast .snotifyToast__buttons button.snotifyToast__buttons--bold {
  font-size: var(--rm-buttonFontSize);
  font-weight: normal;
  color: var(--rm-fontColor) !important;
  background-color: transparent !important;
  border: 1px solid var(--rm-buttonBackgroundColor);
}
.legendTableContainer {
  border-radius: var(--rm-dgaLegendsBorderRadius);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.legendTableContainer.rogersBgcolor1 {
  background: #beff7f;
}
.legendTableContainer.rogersBgcolor2 {
  background: #a2d1e9;
}
.legendTableContainer.rogersBgcolor3 {
  background: #e47cc7;
}
.legendTableContainer.rogersBgcolor4 {
  background: #fd767a;
}
.legendTableContainer.rogersBgcolor5 {
  background: #9fcbd4;
}
.legendTableContainer.rogersBgcolor6 {
  background: #d088ec;
}
.legendTableContainer.iecBgcolor1 {
  background: #83cbef;
}
.legendTableContainer.iecBgcolor2 {
  background: #c0e1e9;
}
.legendTableContainer.iecBgcolor3 {
  background: #8065ed;
}
.legendTableContainer.iecBgcolor4 {
  background: #e0eaea;
}
.legendTableContainer.iecBgcolor5 {
  background: #d0b3dc;
}
.legendTableContainer.iecBgcolor6 {
  background: #bf7dca;
}
.dropdownInfo .globalDropdownMenuWrapper .allAssets-btn {
  border-radius: 5px;
}
.dropdownInfo .globalDropdownMenuWrapper .allAssets-btn .btnText {
  min-width: 108px;
  max-width: 90%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--rm-multiassetfontcolor);
  font-weight: var(--rm-placeholderFontweight);
  font-family: var(--rm-fontFamily);
}
.dropdownInfo .globalDropdownMenuWrapper .allAssets-btn .cardInfoContainer {
  width: 80%;
  height: auto;
}
.dropdownInfo .globalDropdownMenuWrapper .allAssets-btn .cardInfoContainer i {
  height: auto;
  width: auto;
  border: none;
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.1;
  margin-left: 0;
}
.dropdownInfo .globalDropdownMenuWrapper .allAssets-btn .cardInfoContainer .infoOverlay {
  right: auto;
  left: -7px;
  min-width: 100%;
  padding: 5px 10px;
  z-index: 1002;
  color: var(--rm-blackColor);
  font-weight: normal;
  white-space: nowrap;
}
.dropdownInfo .globalDropdownMenuWrapper .allAssets-btn .cardInfoContainer:hover .infoOverlay {
  display: block !important;
}
.radioGropuBlock .customFirstRadio {
  margin-right: 15px;
}
.radioGropuBlock .customSecondRadio {
  margin-right: 15px;
}
.staticLegendData .rogerdata,
.staticLegendData .iecdata {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: var(--rm-fontSizeSmall);
  color: #6D6E70;
  padding: 5px;
}
.staticLegendData .rogerdata span,
.staticLegendData .iecdata span {
  padding: 0 15px 5px 5px;
}
.cardsRow.fullWidthTable {
  padding: 0;
}
.cardsRow.fullWidthTable .itemContainer {
  margin: 0 !important;
}
.cardsRow .summaryBlockHeader {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px 40px;
  background-color: var(--rm-cardDesignBackground);
}
.cardsRow .summaryBlockHeader h3,
.cardsRow .summaryBlockHeader .h3 {
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: var(--rm-strongTextFontWeight);
}
.cardsRow .summaryBlockHeader .blockHeader {
  font-family: var(--rm-summaryCardFontFamily);
  font-weight: var(--rm-fontWeightMediumTableHeading);
}
.cardInfoContainer.exportInfo {
  height: auto;
  width: auto;
}
.cardInfoContainer.exportInfo i {
  border: none !important;
}
.OverlayBar {
  left: auto !important;
  right: 0 !important;
}
.infoBar {
  left: auto !important;
  right: 0 !important;
  top: 36px !important;
}
.tooltipBar {
  left: 20px !important;
  top: -5px !important;
}
.monitorAssetList {
  display: flex;
  flex: 1;
  height: var(--rm-monitorAssetListHeight);
  flex: 1;
  padding: var(--rm-recentActiveAlertsPadding);
  background-color: var(--rm-AlarmListBackgroundColor);
  border-left: solid 1px white;
  display: flex;
  flex-direction: column;
}
.monitorAssetList .alarmList-container {
  flex: 1;
  padding: var(--rm-recentActiveAlertsPadding);
  background-color: var(--rm-backgroundPrimaryColor);
  border-left: solid 1px var(--rm-backgroundPrimaryColor);
  display: flex;
  flex-direction: column;
  height: var(--rm-alarmListContainerHeight);
}
.monitorAssetList .alarmList-container .header-alarmlist {
  display: flex;
  width: 100%;
  gap: 10px;
}
.monitorAssetList .alarmList-container .header-alarmlist .cardInfo .cardInfoContainer .infoOverlay {
  position: absolute;
  top: 100%;
  left: var(--rm-alignLeft);
  transform: var(--rm-tranformX);
  right: 0%;
  width: 400px;
  border-radius: var(--rm-infoOverlayBorderRadius) !important;
  background-color: var(--rm-infoBackground);
  overflow-y: auto;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 10px;
  z-index: 3;
  font-size: 1.4rem;
}
.monitorAssetList .alarmList-container .header-alarmlist .cardInfo .cardInfoContainer .infoOverlay .infoList p {
  margin: 0;
  font-size: var(--rm-infoIconListFontSize);
}
.monitorAssetList .alarmList-container .header-alarmlist .cardInfoWrapper .assetTypeSelect {
  margin-left: 10px;
  width: 144px;
  border-radius: 5px;
}
.monitorAssetList .alarmList-container .header-alarmlist .cardInfoWrapper .assetTypeSelect .headerSearch {
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #f5f5f5;
}
.monitorAssetList .alarmList-container .header-alarmlist .cardInfoWrapper .assetTypeSelect .headerSearch input {
  flex-grow: 1;
  border: none;
  padding: 5px;
  margin-left: 8px;
  outline: none;
  font-size: 14px;
}
.monitorAssetList .alarmList-container .header-alarmlist .cardInfoWrapper .assetTypeSelect .icon-search {
  margin-right: 8px;
}
.monitorAssetList .alarmList-container .header-alarmlist .assetTypeSelect {
  max-width: var(--rm-assetTypeSelectDropdownWidth);
}
.monitorAssetList .alarmList-container .header-alarmlist mat-form-field,
.monitorAssetList .alarmList-container .header-alarmlist .reportsContainer .form-row > div,
.reportsContainer .monitorAssetList .alarmList-container .header-alarmlist .form-row > div {
  margin-left: auto;
}
.monitorAssetList .alarmList-container .alarmList-heading {
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeLarge);
  margin-bottom: 6px;
}
.monitorAssetList .alarmList-container .alarmList-heading .latestAlarms {
  font-size: 14px;
}
.monitorAssetList .alarmList-container .alarmList-noLink {
  flex: 1;
  overflow-y: auto;
}
.monitorAssetList .alarmList-container .alarmList-noLink ul {
  padding: 0;
  margin-bottom: 15px;
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li {
  list-style: decimal;
  position: relative;
  padding: 5px 0px 5px 25px;
  border-bottom: solid 1px #E3E3E3;
  font-weight: var(--rm-strongTextFontWeight);
  list-style-position: inside;
  color: black;
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li .alarmItem-heading {
  color: black;
  font-size: var(--rm-fontSizeDefaultlink);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-alarmItemHeadingFontWeight);
  margin-bottom: 7px;
  display: inline-block;
  line-height: 1.2;
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li .alarmItem-info {
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-alarmDescriptionFontWeight);
  color: var(--rm-fontColor);
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li::marker {
  color: black;
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-alarmItemHeadingFontWeight);
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: var(--rm-dotColor);
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li.alarmItem.alarm::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
  background: red !important;
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li.alarmItem.warning::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
  background: orange !important;
}
.monitorAssetList .alarmList-container .alarmList-noLink ul li:last-child {
  border-bottom: 0 none;
  padding-bottom: 70px;
}
.monitorAssetList .alarmList-container .alarmList-noLink.noAlarms {
  display: flex;
  justify-content: center;
  align-items: center;
  color: red;
  font-weight: var(--rm-strongTextFontWeight);
}
.monitorAssetList .alarmList-container .alarmList-heading {
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeLarge);
  font-weight: var(--rm-strongTextFontWeight);
  margin-bottom: 6px;
}
.monitorAssetList .alarmList-container .alarmList {
  flex: 1;
  overflow-y: auto;
}
.monitorAssetList .alarmList-container .alarmList ul {
  padding: 0;
  margin-bottom: 15px;
}
.monitorAssetList .alarmList-container .alarmList ul li {
  list-style: decimal;
  position: relative;
  padding: 5px 0px 5px 25px;
  border-bottom: solid 1px #E3E3E3;
  font-weight: var(--rm-strongTextFontWeight);
  list-style-position: inside;
  color: black;
}
.monitorAssetList .alarmList-container .alarmList ul li .alarmItem-heading {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-alarmItemHeadingFontWeight);
  margin-bottom: 7px;
  display: inline-block;
  line-height: 1.2;
}
.monitorAssetList .alarmList-container .alarmList ul li .alarmItem-heading a {
  color: var(--rm-fontColorHyperlink);
}
.monitorAssetList .alarmList-container .alarmList ul li .alarmItem-heading a:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.monitorAssetList .alarmList-container .alarmList ul li .alarmItem-heading.recentAlerts .recentAlertsLink {
  color: var(--rm-alarmItemHeadingColor);
}
.monitorAssetList .alarmList-container .alarmList ul li .alarmItem-heading.recentAlerts .recentAlertsLink:hover {
  color: var(--rm-alarmItemHeadingHoverColor);
}
.monitorAssetList .alarmList-container .alarmList ul li .alarmItem-info {
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-alarmDescriptionFontWeight);
  color: var(--rm-fontColor);
}
.monitorAssetList .alarmList-container .alarmList ul li::marker {
  color: var(--rm-fontColorHyperlink);
  font-weight: var(--rm-alarmItemHeadingFontWeight);
  font-size: var(--rm-fontSizeMedium);
}
.monitorAssetList .alarmList-container .alarmList ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: var(--rm-dotColor);
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
}
.monitorAssetList .alarmList-container .alarmList ul li.alarmItem.alarm::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
}
.monitorAssetList .alarmList-container .alarmList ul li.alarmItem.warning::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
  background: orange !important;
}
.monitorAssetList .alarmList-container .alarmList ul li .alarmItem.warning::before {
  background-color: orange;
}
.monitorAssetList .alarmList-container .alarmList ul li:last-child {
  border-bottom: 0 none;
  padding-bottom: var(--rm-alarmListPaddingBottom);
}
.monitorAssetList .alarmList-heading {
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeLarge);
  font-weight: var(--rm-strongTextFontWeight);
  margin-bottom: 6px;
}
.monitorAssetList .alarmList {
  flex: 1;
  overflow-y: auto;
}
.monitorAssetList .alarmList ul {
  padding: 0;
  margin-bottom: 15px;
}
.monitorAssetList .alarmList ul li {
  list-style: decimal;
  position: relative;
  padding: 5px 0px 5px 25px;
  border-bottom: solid 1px #e3e3e3;
  font-weight: var(--rm-strongTextFontWeight);
  list-style-position: inside;
  color: black;
}
.monitorAssetList .alarmList ul li .alarmItem-heading {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-alarmItemHeadingFontWeight);
  margin-bottom: 7px;
  display: inline-block;
  line-height: 1.2;
}
.monitorAssetList .alarmList ul li .alarmItem-heading a {
  color: var(--rm-fontColorHyperlink);
}
.monitorAssetList .alarmList ul li .alarmItem-heading a:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.monitorAssetList .alarmList ul li .alarmItem-info {
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-alarmDescriptionFontWeight);
  color: var(--rm-fontColor);
}
.monitorAssetList .alarmList ul li::marker {
  color: var(--rm-fontColorHyperlink);
  font-weight: var(--rm-alarmItemHeadingFontWeight);
  font-size: var(--rm-fontSizeMedium);
}
.monitorAssetList .alarmList ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: red;
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 50%;
}
.monitorAssetList .alarmList ul li:last-child {
  border-bottom: 0 none;
}
.monitorAssetList .alarmList.noAlarms {
  display: flex;
  justify-content: center;
  align-items: center;
  color: red;
  font-weight: var(--rm-strongTextFontWeight);
}
.monitorAssetList .bottomLink {
  padding: 10px 0 0;
  text-align: right;
}
.monitorAssetList .bottomLink .btnTxt {
  font-size: var(--rm-fontSizeLarge);
}
.radioChartContainer .itemContainer {
  background-color: transparent !important;
  border: none !important;
}
.radioChartContainer .itemContainer .radioChart {
  border: 1px solid #d3d3d3;
  margin: 0 35px -31px;
  border-radius: var(--rm-noBorderRadius);
  margin: 10px 10px 40px 10px;
}
.radioButtonGroup {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.radioButtonGroup.multiCol {
  background-color: var(--rm-pieChartHeaderBackground);
  color: #FFFFFF;
  text-align: center;
  border-radius: var(--rm-cardsItemHeadingBorderRadius) !important;
  padding: 8px;
}
.radioButtonGroup.radioBlock {
  margin: 0 !important;
  padding: 0 !important;
}
.radioButtonGroup .radioButton {
  z-index: 1;
  display: block;
  position: relative;
  padding-left: 30px;
  margin-right: 30px;
  cursor: pointer;
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightMedium);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--rm-headerCardFontColor);
}
.radioButtonGroup .radioButton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radioButtonGroup .radioButton .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--rm-radioBackgroundColor);
  border: 2px solid var(--rm-radioBorderColor);
  border-radius: 50%;
}
.radioButtonGroup .radioButton .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radioButtonGroup .radioButton:hover input ~ .checkmark {
  background-color: var(--rm-radioHoverBackgroundColor);
  border: 4px solid var(--rm-radioHoverBorderColor);
}
.radioButtonGroup .radioButton input:checked ~ .checkmark {
  background-color: #ffffff;
  border: 1px solid #0070d2;
}
.radioButtonGroup .radioButton input:checked ~ .checkmark:after {
  display: block;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--rm-radioActiveBackgroundColor);
  border: var(--rm-radioActiveBorderColor);
}
.legendChartContainer {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 10px;
}
.legendChartContainer .legendData {
  display: flex;
  align-items: center;
  margin-right: 25px;
}
.legendChartContainer .legendData .legendIcon {
  display: inline-block;
  width: 35px;
  height: 15px;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  margin-right: 10px;
}
.legendChartContainer .legendData .legendIcon.green {
  background-color: var(--rm-verygoodColor);
}
.legendChartContainer .legendData .legendIcon.light-green {
  background-color: var(--rm-goodColor);
}
.legendChartContainer .legendData .legendIcon.yellow {
  background-color: var(--rm-fairColor);
}
.legendChartContainer .legendData .legendIcon.light-yellow {
  background-color: var(--rm-poorColor);
}
.legendChartContainer .legendData .legendIcon.amber {
  background-color: var(--rm-unsafeColor);
}
.inline-list.back-forth button {
  margin: -2px 0 0 0;
  background-color: transparent;
}
.inline-list.back-forth button .svg-path {
  fill: var(--rm-fontColorHyperlink);
}
.inline-list.back-forth button .svg-path:hover {
  fill: var(--rm-fontHoverColorHyperlink);
}
.inline-list.back-forth button:active {
  background-color: transparent;
}
.inline-list.back-forth button.clicked .svg-path {
  fill: black;
}
.inline-list.back-forth button.disabled-button .svg-path {
  fill: gray;
  background-color: white;
  cursor: not-allowed;
}
.noDataMessage {
  display: flex;
  justify-content: center;
  font-weight: var(--rm-strongTextFontWeight);
  color: var(--PureRedColor);
  padding: 10px;
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.1411764706),
    0 1px 10px 0 rgba(0, 0, 0, 0.1215686275);
  background-color: var(--rm-datetimePickerBackgroundColor);
  color: var(--rm-datetimePickerFontColor);
  border-radius: var(--rm-noBorderRadius) !important;
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.3803921569);
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-table-header th {
  font-size: var(--rm-fontSizeSmall);
  font-weight: 400;
  color: var(--rm-datetimePickerFontColor);
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-table-header .mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.3803921569);
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-content {
  border-style: none;
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content .mat-mdc-button[disabled][disabled] {
  border-color: #404040;
  color: #000;
  cursor: pointer;
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content .actions .mat-mdc-button-base {
  height: 28px;
}
.cdk-overlay-container .cdk-overlay-pane.mat-datepicker-popup .mat-datepicker-content .actions .mat-mdc-button-base .mat-icon {
  font-size: 2.125rem;
  height: 2.125rem;
  width: 2.125rem;
  margin-left: 8px;
  margin-right: 8px;
  color: var(--rm-buttonFontColor);
}
.mat-datepicker-content .mat-icon {
  color: var(--rm-buttonBackgroundColor);
}
.mat-calendar-body-selected {
  background: var(--rm-datetimePickerSelectedBackgroundColor);
  color: var(--rm-datetimePickerSelectedFontColor);
}
.mat-datepicker-toggle .mat-mdc-button-base {
  padding: 0 !important;
  height: 20px !important;
  width: 20px !important;
}
.mat-datepicker-toggle .mat-datepicker-toggle-default-icon {
  width: 10px !important;
}
.mat-menu-panel {
  border-radius: var(--rm-noBorderRadius) !important;
}
.mat-menu-content .mat-focus-indicator img {
  filter: var(--rm-pngIconColor);
}
.mat-menu-content .mat-focus-indicator span {
  margin-left: 15px;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColor);
}
.mat-menu-content .mat-focus-indicator .file_upload {
  width: var(--rm-exportimagewidth);
  filter: var(--rm-pngIconColor);
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightRegular);
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
}
.mat-menu-content span {
  color: var(--rm-fontColor);
}
.mat-menu-panel .mat-menu-content button.mat-menu-item {
  color: var(--rm-fontColor);
}
.upsOperation .cardFootParent {
  margin: 0 !important;
}
.upsOperation .cardFootParent .cardFoot {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 6px !important;
}
.upsOperation .subitemCard .countWidget .cardContainer .operationInfo {
  padding: 8px;
  border: var(--rm-pdStatusBorder);
}
.upsOperation .subitemCard .countWidget .itemHeaderTrend {
  gap: 8px;
}
.upsOperation .subitemCard .countWidget .runningStatus {
  position: relative;
  text-align: center;
}
.upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend {
  display: flex;
  border: 1px solid;
  padding: 5px;
}
.upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend {
  border: 1px solid #FF0000;
  width: 65px;
  gap: 5px;
}
@media (min-width: 1920px) {
  .upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend {
    width: 110px;
    justify-content: space-around;
  }
}
.upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend .act_btn {
  background: none;
}
.upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend .countsection {
  margin-top: 10px;
}
.upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend .countsection .count {
  font-weight: 700;
  color: #25D366;
}
@media (min-width: 1366px) {
  .upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend .countsection .count {
    font-size: 20px;
    padding-left: 0px;
  }
}
@media (min-width: 1920px) {
  .upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend .countsection .count {
    font-size: 28px;
    padding-left: 17px;
  }
}
.upsOperation .subitemCard .countWidget .runningStatus .itemHeaderTrend.footertTrend .countsection .digit {
  font-size: 10px;
}
.upsOperation .subitemCard .countWidget .runningStatus .runningStatusHeading {
  font-size: 9px;
  font-weight: 500;
}
@media (min-width: 1366px) {
  .upsOperation .subitemCard .countWidget .runningStatus .alarm-active .actalrm {
    margin-left: -8px;
  }
}
.upsOperation .subitemCard .countWidget .runningStatus .alarm-active .countsection {
  color: #fff;
}
.upsOperation .subitemCard .countWidget .runningStatus .alarm-active .countsection .count {
  color: #fff !important;
}
.upsOperation .subitemCard .countWidget .runningStatus .alarm-active .act_btn path {
  fill: #fff;
}
.upsOperation .subitemCard .countWidget .statusClass {
  padding: 15px;
  text-align: center;
  color: #fff;
  cursor: context-menu;
  width: 65px;
}
.upsOperation .subitemCard .countWidget .statusClass .runningStatusHeading {
  font-size: 9px;
  font-weight: 500;
}
@media (min-width: 1920px) {
  .upsOperation .subitemCard .countWidget .statusClass .runningStatusHeading {
    font-size: var(--rm-fontSizeMedium);
  }
}
@media (min-width: 1366px) {
  .upsOperation .subitemCard .countWidget .statusClass .alarm-active .actalrm {
    margin-left: -8px;
  }
}
@media (min-width: 1920px) {
  .upsOperation .subitemCard .countWidget .statusClass {
    width: 110px;
    font-size: 16px;
    font-weight: var(--rm-strongTextFontWeight);
  }
}
.upsOperation .subitemCard .countWidget .statusClass.Online {
  background: #25d366;
}
.upsOperation .subitemCard .countWidget .statusClass.Offline {
  background: #fff;
  color: #000;
  border: 1px solid #25d366;
}
.upsOperation .subitemCard .countWidget .statusClass.noData {
  background: #fff;
  color: #000;
  border: 1px solid #25d366;
}
.upsOperation .subitemCard .countWidget .alarmListBlock {
  display: none;
  position: absolute;
}
.upsOperation .subitemCard .countWidget .statusClass:hover + .alarmListBlock,
.upsOperation .subitemCard .countWidget .alarmListBlock:hover {
  display: block;
  width: 150px;
  border-radius: 10px;
  background-color: white;
  overflow-y: auto;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 10px;
  z-index: 3;
  font-size: var(--rm-fontSizeSmall);
}
.OperationalInsightWidget .subitemCard {
  width: calc(100% - 20px) !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 10px !important;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights {
  width: 100% !important;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer {
  position: relative;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight {
  padding: 5px 0;
  position: absolute;
  right: 0;
  top: -37px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .act_btn {
  background: none;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-button {
  margin-right: 30px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-button .mat-radio-label .mat-radio-label-content {
  padding-left: 5px;
  color: #000;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-button:last-child {
  margin-right: 0px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container {
  width: 14px;
  height: 14px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container .mat-radio-outer-circle {
  height: 14px;
  width: 14px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container .mat-radio-inner-circle {
  height: 14px;
  width: 14px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container .mat-radio-ripple {
  left: calc(50% - 7px);
  top: calc(50% - 7px);
  height: 7px;
  width: 7px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .chartHeader {
  text-align: center;
  font-weight: var(--rm-strongTextFontWeight);
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container th.mat-header-cell {
  text-align: center;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container th.mat-header-cell:nth-child(1) {
  z-index: 2 !important;
  min-width: 150px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container th.mat-header-cell:nth-child(2) {
  z-index: 1 !important;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .colWidth {
  min-width: 125px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .legendColumn {
  min-width: 40px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .boldText {
  font-size: 1.6rem;
  font-weight: var(--rm-strongTextFontWeight);
  padding-right: 5px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box {
  width: 10px;
  height: 10px;
  color: #fff;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-normal {
  background-color: #00b050;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-battery {
  background-color: #f67a0a;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-bypass {
  background-color: #f00;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-default {
  background-color: #9e9e9e;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .iconButton {
  min-width: 50px;
}
.OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container td {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1280px) {
  .OperationalInsightWidget .subitemCard .col-3 {
    width: 100% !important;
  }
  .OperationalInsightWidget .subitemCard .col-3 .chartWrapper {
    width: 100% !important;
  }
  .OperationalInsightWidget .subitemCard .col-9 {
    width: 100% !important;
  }
}
@media (min-width: 1366px) {
  .OperationalInsightWidget .subitemCard .col-3 {
    width: 30% !important;
  }
  .OperationalInsightWidget .subitemCard .col-9 {
    width: 70% !important;
  }
}
.connctedGis {
  margin-top: -10%;
  margin-left: 25%;
}
.connctedGis .connctedGisChild {
  width: calc(25% - 35px) !important;
}
.connctedGis .connctedGisChild .btnWidget .itemContainer .btnSizeMtext .btnIcon {
  background-repeat: no-repeat;
  background-position: left;
}
.connctedGis .connctedGisChild .btnWidget .itemContainer .btnSizeMtext .btnIcon .iconPart svg {
  display: none !important;
}
.connctedGis .connctedGisChild .btnWidget .itemContainer .btnSizeMtext .btnIcon .buttontooltip-Text {
  margin-left: -7px;
}
.connctedGis .connctedGisChild .btnWidget .itemContainer .btnSizeMtext .btnSizeM-text {
  white-space: normal;
  max-width: fit-content !important;
}
.connctedGis .connctedGisChild .btnWidget .alarmListBlock {
  display: none;
  position: absolute;
}
.connctedGis .connctedGisChild .btnWidget .statusClass:hover + .alarmListBlock,
.connctedGis .connctedGisChild .btnWidget .alarmListBlock:hover {
  display: block;
  width: 150px;
  border-radius: 10px;
  background-color: white;
  overflow-y: auto;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 10px;
  z-index: 3;
  font-size: var(--rm-fontSizeSmall);
}
.dailogueFontColor {
  color: var(--rm-dailogFontColor);
}
.mat-pseudo-checkbox-full {
  color: var(--rm-checkboxBorderColor);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after {
  color: var(--rm-checkboxIconColor) !important;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full {
  background: var(--rm-checkboxBackgroundColor);
}
.mat-select-value {
  color: var(--rm-dropdownFontColor);
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--rm-checkboxBackgroundColor) !important;
}
.mat-checkbox-frame {
  border-color: var(--rm-checkboxBorderColor) !important;
}
.mat-checkbox-checkmark-path {
  stroke: var(--rm-checkboxIconColor) !important;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: var(--rm-checkboxBackgroundColor) !important;
}
.mat-datepicker-toggle .mat-datepicker-toggle-default-icon {
  fill: var(--rm-SVGIconColor) !important;
}
.trendBackgroundColor {
  color: var(--rm-echartBackgroundColor);
}
.echartaxisfontstyle {
  font-size: var(--rm-axisLableFontsize);
  color: var(--rm-axisLableColor) !important;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.echartaxisfontstyleReport {
  font-size: var(--rm-axisLableFontsize);
  color: var(--rm-Reportdefautfontcolor);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.echartlegendtextcolor {
  color: var(--rm-legendFontColor);
  background: var(--rm-legendBackgroundColor);
}
.piechartfontstyle {
  font-size: var(--rm-pieChartLegendFontsize);
  color: var(--rm-pieChartLegendFontColor);
}
.tooltipContainer {
  background-color: var(--rm-echartTooltipBackgroundColor) !important;
  font-size: var(--rm-echarttooltipFontSize);
  color: var(--rm-echarttooltipFontColor);
  border-radius: var(--rm-echarttooltipBorderRaduis) !important;
}
.realtimeGuageAlarmColor {
  color: var(--rm-alarmStatus);
}
.realtimeGuageNormalColor {
  color: var(--rm-normalColor);
}
.realtimeGuageValueColor {
  color: var(--rm-fontColor);
}
.realtimeGuageWarnColor {
  color: var(--rm-warnColor);
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: var(--rm-dropdownButtonBorderColor) !important;
}
.dialogSpinner .mat-dialog-container {
  background-color: var(--rm-spinnerBackgroundColor) !important;
}
.dialogSpinner {
  color: var(--rm-dialogSpinnerFontColor) !important;
  font-size: var(--rm-dialogSpinnerFontSize);
  background-color: var(--rm-spinnerBackgroundColor) !important;
  font-family: var(--rm-fontFamily) !important;
}
.spinnerSize {
  width: var(--rm-spinnerWidth) !important;
  height: var(--rm-spinnerHeight) !important;
}
.healthCardDefaultValue {
  color: var(--rm-healthCardsFontColor);
}
.gaugePointerColor {
  color: var(--rm-gaugePointerColor);
}
.mat-dialog-container {
  color: var(--rm-dailogFontColor);
}
.mat-expansion-panel-header-description {
  color: var(--rm-fontColor) !important;
}
.multiselect-dropdown[_ngcontent-ng-c692748064] .dropdown-btn[_ngcontent-ng-c692748064] .selected-item-container[_ngcontent-ng-c692748064] .selected-item[_ngcontent-ng-c692748064] {
  background: var(--rm-dropdownSelectedBackgroundColor) !important;
  color: var(--rm-dropdownFontColor) !important;
}
.multiselect-item-checkbox[_ngcontent-ng-c692748064] input[type=checkbox][_ngcontent-ng-c692748064]:checked + div[_ngcontent-ng-c692748064]:before {
  background: var(--rm-checkboxBackgroundColor) !important;
}
.multiselect-item-checkbox[_ngcontent-ng-c692748064] input[type=checkbox][_ngcontent-ng-c692748064] + div[_ngcontent-ng-c692748064]:before {
  border-color: var(--rm-checkboxBorderColor) !important;
}
.dropdown-list[_ngcontent-ng-c692748064] .filter-textbox[_ngcontent-ng-c692748064] input[_ngcontent-ng-c692748064] {
  background: var(--rm-dropdownMenuBackgroundColor) !important;
}
.toggleBtns {
  display: inline-block;
  border-radius: 4px;
  overflow: hidden;
}
.toggleBtns .mat-flat-button {
  border-radius: 0;
  margin: 0 !important;
  border-left: solid 1px white;
  background-color: var(--rm-toggleInActiveBackgroundColor) !important;
  color: var(--rm-toggleInActiveFontColor) !important;
}
.toggleBtns .mat-flat-button.active {
  background-color: var(--rm-toggleActiveBackgroundColor) !important;
  color: var(--rm-toggleActiveFontColor) !important;
}
.toggleBtns .mat-flat-button:first-child {
  border-left: 0 none;
}
.multiselect-dropdown .dropdown-list {
  background-color: var(--rm-dropdownMenuBackgroundColor) !important;
}
.multiselect-dropdown .dropdown-list ul li div {
  color: var(--rm-dropdownFontColor);
}
.multiselect-dropdown .dropdown-list ul li input[type=checkbox]:checked::after {
  accent-color: white !important;
}
.multiDropDownSection .multiDropDownSectionChild .multiselect-dropdown .dropdown-list .item2 .multiselect-item-checkbox div {
  color: var(--rm-dropdownFontColor);
}
.multiDropDownSection .multiDropDownSectionChild .multiselect-dropdown .alarmListBlock {
  display: none;
  position: absolute;
}
.multiDropDownSection .multiDropDownSectionChild .multiselect-dropdown .statusClass:hover + .alarmListBlock,
.multiDropDownSection .multiDropDownSectionChild .multiselect-dropdown .alarmListBlock:hover {
  display: block;
  width: 150px;
  border-radius: 10px;
  background-color: white;
  overflow-y: auto;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 10px;
  z-index: 3;
  font-size: var(--rm-fontSizeSmall);
}
.mat-expansion-panel-body {
  background: var(--rm-backgroundPrimaryColor);
}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background-color: var(--rm-expansionHoverColor) !important;
}
.mat-expansion-panel-header.mat-expanded:hover {
  background-color: var(--rm-expansionHoverColor) !important;
}
mat-expansion-panel {
  background: var(--rm-expansionBackgroundColor) !important;
}
.icon-label {
  cursor: pointer;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
  display: inline-flex;
  margin-bottom: 14px;
}
.gif-container {
  filter: var(--rm-pngIconColor);
}
.mat-form-field .mat-input-element {
  caret-color: var(--rm-inputCaretColor);
}
.mat-form-field .mat-error {
  color: var(--rm-inputErrorMessage);
  margin-top: 6px;
}
input::placeholder {
  color: var(--rm-inputPlaceholderColor) !important;
}
textarea::placeholder {
  color: var(--rm-inputPlaceholderColor) !important;
}
.log_input_container input::placeholder {
  color: var(--rm-customInputPlaceholderColor) !important;
}
.bigCardsWrapper .fiveCardContainer {
  width: calc(20% - 15px);
}
.bigCardsWrapper .fiveCardContainer .oneGuage {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bigCardsWrapper .fiveCardContainer {
    width: calc(33.33% - 15px) !important;
  }
}
.bigCardsWrapper .fourCardContainer {
  width: calc(25% - 15px);
}
.bigCardsWrapper .fourCardContainer .twoGuage {
  width: 50%;
}
.bigCardsWrapper .threeCardContainer {
  width: calc(33.33% - 15px);
}
.bigCardsWrapper .threeCardContainer .threeGuage {
  width: 33.33%;
}
.bigCardsWrapper .threeCardContainer .eventcardwidth {
  width: calc(33.33% - 16px) !important;
}
.bigCardsWrapper .indexWraper {
  cursor: pointer;
}
.bigCardsWrapper .healthinfoOverlay {
  display: none;
  position: absolute;
  top: 30px;
  left: -105%;
  width: fit-content;
  padding: 10px;
  background-color: var(--rm-overlaycontainercolor);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: var(--rm-noBorderRadius) !important;
  z-index: 1;
  font-family: var(--rm-fontFamily);
  font-size: 1.4rem;
}
.bigCardsWrapper .indexWraper:hover .healthinfoOverlay {
  display: block;
}
.bigCardsWrapper .healthinfoList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bigCardsWrapper .healthinfoList li {
  margin-bottom: 5px;
}
.bigCardsWrapper .statusBullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.bigCardsWrapper .greenColor {
  background-color: var(--rm-barchartfaircolor);
}
.bigCardsWrapper .yellowColor {
  background-color: var(--rm-barchartgoodcolor);
}
.bigCardsWrapper .lightamberColor {
  background-color: var(--rm-barchartokcolor);
}
.bigCardsWrapper .amberColor {
  background-color: var(--rm-barchartwarncolor);
}
.bigCardsWrapper .redColor {
  background-color: var(--rm-barchartworsecolor);
}
.bigCardsWrapper .indexText {
  font-weight: var(--rm-strongTextFontWeight);
  margin-bottom: 5px;
  height: 0;
}
.bigCardsWrapper .indexSummary {
  display: flex;
}
.bigCardsWrapper .indexSummary span {
  display: inline-block;
  width: 100%;
  height: 10px;
}
.bigCardsWrapper .health-index-section {
  position: relative;
}
.bigCardsWrapper .indexSummaryWrapper {
  display: inline-block;
  position: relative;
}
.bigCardsWrapper .health-index {
  background-color: #4CAF50;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.bigCardsWrapper .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5px;
  left: 280px;
  transform: translateX(-50%);
  width: 150px;
  background-color: #ff0000;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: var(--rm-noBorderRadiusTooltip) !important;
  padding: 10px 15px 0px;
  margin-bottom: 8px;
  z-index: 100;
  overflow: auto;
}
.bigCardsWrapper .indexSummaryWrapper:hover .tooltip-content {
  display: block;
}
.bigCardsWrapper .tooltip-content ul {
  list-style: none;
  margin-bottom: 10px;
}
.bigCardsWrapper .tooltip-content li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.bigCardsWrapper .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.bigCardsWrapper .dot.very-good {
  background-color: var(--rm-barchartfaircolor);
}
.bigCardsWrapper .dot.good {
  background-color: var(--rm-barchartgoodcolor);
}
.bigCardsWrapper .dot.fair {
  background-color: var(--rm-barchartokcolor);
}
.bigCardsWrapper .dot.poor {
  background-color: var(--rm-barchartwarncolor);
}
.bigCardsWrapper .dot.unsafe {
  background-color: var(--rm-barchartworsecolor);
}
.bigCardsWrapper .color {
  flex: 1;
}
.bigCardsWrapper .range-labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.bigCardsWrapper button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.bigCardsWrapper .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper.whiteText {
  color: #ffffff;
}
.bigCardsWrapper .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover {
  color: #ffffff;
}
.bigCardsWrapper .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover .tooltip-content {
  left: 100px !important;
  color: #000;
}
.bigCardsWrapper .indexContainer {
  min-height: 100px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bigCardsWrapper {
    width: calc(50% - 15px) !important;
  }
}
.selectedTag {
  color: #dedbdb;
  pointer-events: none;
  cursor: not-allowed !important;
  opacity: 0.5;
}
.twoCardContainer {
  width: calc(50% - 15px) !important;
}
.twoCardContainer .fourGuage {
  width: 25%;
}
.oneCardContainer {
  width: calc(100% - 15px);
}
.oneCardContainer .fiveGuage {
  width: 20%;
}
.cardItem {
  margin: 0 7.5px 15px;
}
.cardItem .cardToolbar {
  background-color: var(--rm-headerCardHeaderBackgroundColor);
  border-radius: var(--rm-noBorderRadius);
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.cardItem .cardToolbar.textOverflowEllipsis {
  display: block;
}
.cardItem .cardToolbar .toolbarHeading {
  font-family: var(--rm-fontFamily) !important;
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-headerCardFontColor);
  flex: 1;
  margin-bottom: 0;
  position: relative;
  background-color: none;
}
.cardItem .cardToolbar .toolbarHeading .tooltipTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.cardItem .cardToolbar .toolbarHeading .dataListContainer .dataListItem {
  display: flex;
  padding: 15px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-headerCardFontColor);
}
.cardItem .cardToolbar .toolbarHeading .dataListContainer .dataListItem .dataName {
  flex: 1;
  letter-spacing: 0.75px;
}
.cardItem .cardToolbar .toolbarHeading .dataListContainer .dataListItem .dataName.boldTxt {
  font-weight: var(--rm-strongTextFontWeight);
}
.cardItem .cardToolbar .toolbarHeading .dataListContainer .dataListItem .dataValue {
  letter-spacing: 0.5px;
  color: var(--rm-headerCardFontColor);
}
.cardItem .cardToolbar .toolbarHeading .dataListContainer .dataListItem .dataValue.fanIcon {
  width: 21px;
}
.cardItem .cardToolbar .toolbarHeading > div {
  padding-top: 0px;
}
.cardItem .cardToolbar .toolbarHeading > div:last-child {
  margin-bottom: 0;
}
.cardItem .cardToolbar .toolbarHeading > div:last-child .dataListItem:last-child {
  border-bottom: 0 none;
}
.cardItem .cardToolbar .toolbarHeading.alarmCards {
  background-color: var(--rm-cardsItemContentBackGround);
}
.cardItem .cardToolbar .toolbarHeading.alarmCards .greyCardHeader {
  color: var(--rm-pdCardTitleColor);
}
.cardItem .cardToolbar .toolbarHeading.fluxCard {
  background-color: var(--rm-cardsItemContentBackGround);
}
.cardItem .cardToolbar.radioCardContainer {
  margin-bottom: 20px;
}
.cardItem .cardToolbar.radioCardContainer .dataListWrapper {
  padding: 0;
}
.cardItem .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.4;
  font-weight: var(--rm-strongTextFontWeight);
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 8px;
  max-width: 90%;
  white-space: pre-wrap;
}
.cardItem:hover .tooltiptext {
  visibility: visible;
}
.toolbarRight {
  display: flex;
  align-items: center;
  gap: 5px;
}
.toolbarRight .statusLabel {
  color: var(--rm-headerCardFontColor);
  font-weight: var(--rm-strongTextFontWeight);
}
.toolbarRight .button {
  font-weight: var(--rm-fontWeightRegular);
}
.toolbarRight .button.offBtn {
  color: #282828;
}
.dataListWrapper {
  border: solid 1px #dedcde;
  border-radius: var(--rm-cardsItemContentBorderRadius);
  padding: 0 15px 25px;
  background-color: var(--rm-headerCardContentBackgroundColor);
}
.dataListWrapper .dataHeading {
  margin: 0;
  font-size: var(--rm-fontSizeLarge);
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-headerCardFontColor);
}
.dataListWrapper .dataListContainer .dataListItem {
  display: flex;
  padding: 15px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-headerCardFontColor);
}
.dataListWrapper .dataListContainer .dataListItem .dataName {
  flex: 1;
  letter-spacing: 0.75px;
}
.dataListWrapper .dataListContainer .dataListItem .dataName.boldTxt {
  font-weight: var(--rm-strongTextFontWeight);
}
.dataListWrapper .dataListContainer .dataListItem .dataValue {
  letter-spacing: 0.5px;
  color: var(--rm-headerCardFontColor);
}
.dataListWrapper .dataListContainer .dataListItem .dataValue.fanIcon {
  width: 21px;
}
.dataListWrapper > div {
  padding-top: 0px;
}
.dataListWrapper > div:last-child {
  margin-bottom: 0;
}
.dataListWrapper > div:last-child .dataListItem:last-child {
  border-bottom: 0 none;
}
.dataListWrapper.alarmCards {
  background-color: var(--rm-cardsItemContentBackGround);
}
.dataListWrapper.alarmCards .greyCardHeader {
  color: var(--rm-pdCardTitleColor);
}
.radioCardContainer {
  margin-bottom: 20px;
}
.radioCardContainer .dataListWrapper {
  padding: 0;
}
.imageInfo-blockWrapper {
  padding: 0 !important;
}
.imageInfo-blockWrapper .imageInfo-block {
  padding: 10px;
  border-bottom: 1px solid #DEDCDE;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Heading {
  display: flex;
  margin-bottom: 12px;
  position: relative;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Heading h2,
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Heading .h2 {
  font-size: 1.8rem;
  font-weight: var(--rm-strongTextFontWeight);
  margin: 0 20px 0 0;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content {
  display: flex;
  margin: 0 -5px;
  flex-wrap: wrap;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard {
  background-color: #EFEFEF;
  border: 1px solid #EFEFEF;
  border-radius: 5px 5px 0 0;
  margin: 5px;
  padding: 10px;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.noCards {
  background-color: transparent;
  border: 0 none;
  padding: 0;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.oneImage-Card {
  width: calc(100% - 10px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.oneImage-Card {
    width: calc(100% - 10px) !important;
  }
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.twoImage-Card {
  width: calc(50% - 10px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.twoImage-Card {
    width: calc(100% - 10px);
  }
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.threeImage-Card {
  width: calc(33.3% - 10px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.threeImage-Card {
    width: calc(100% - 10px);
  }
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.fourImage-Card {
  width: calc(25% - 10px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCard.fourImage-Card {
    width: calc(100% - 10px);
  }
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardLeftBlock a {
  font-size: 1.4rem;
  line-height: 1;
  color: #0070D2;
  font-weight: var(--rm-strongTextFontWeight);
  display: inline-block;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardLeftBlock .imageCardsubHeader span {
  font-size: 1.2rem;
  line-height: 1;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardLeftBlock .imageCardsubHeader span:first-child {
  margin-right: 3px;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardLeftBlock .imageCardsubHeader span:last-child {
  margin-right: 0;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardLeftBlock .imageCardsubHeader span img {
  padding-bottom: 10px;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardLeftBlock .titlePart {
  line-height: 1;
  color: #0070d2;
  font-weight: 700;
  display: inline-block;
  font-size: 1.4em;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardLeftBlock .titlePart .text {
  max-width: 150px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageCardHeader .cardRightBlock {
  margin-left: auto;
}
.imageInfo-blockWrapper .imageInfo-block .imageInfo-Content .imageContainer {
  width: 100%;
}
.imageInfo-blockWrapper .customBorder-rht {
  position: relative;
}
.imageInfo-blockWrapper .customBorder-rht:after {
  content: " ";
  position: absolute;
  border-right: 1px #d1d1d1 solid;
  top: 30%;
  right: 0;
  height: 40%;
  margin-top: auto;
  margin-bottom: auto;
}
.imageInfo-blockWrapper .matRadioBtn .mat-radio-container {
  display: none;
}
.imageInfo-blockWrapper .radioButtonsContainer {
  position: relative !important;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons {
  padding: 5px 0;
  right: 0;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button {
  margin-right: 15px;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button .mat-radio-label .mat-radio-label-content {
  padding-left: 5px;
  color: #000000;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button:last-child {
  margin-right: 0px;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button .mat-radio-container {
  width: 14px;
  height: 14px;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button .mat-radio-container .mat-radio-outer-circle {
  height: 14px;
  width: 14px;
  border-color: #0070D2;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button .mat-radio-container .mat-radio-inner-circle {
  height: 14px;
  width: 14px;
  background-color: #0070D2;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button .mat-radio-container .mat-radio-ripple {
  left: calc(50% - 7px);
  top: calc(50% - 7px);
  height: 7px;
  width: 7px;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: #cecece;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: #cecece;
}
.imageInfo-blockWrapper .radioButtonsContainer .radioButtons .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: #cecece;
}
.imageInfo-blockWrapper mat-table {
  background: var(--rm-tableCellBackgroundColor) !important;
}
.imageInfo-blockWrapper mat-table mat-header-row {
  background-color: var(--rm-tableHeaderBackgroundColor) !important;
}
.imageInfo-blockWrapper mat-table mat-header-row mat-header-cell {
  color: var(--rm-tableHeaderFontColor) !important;
}
.imageInfo-blockWrapper mat-table mat-row {
  background-color: var(--rm-tableCellBackgroundColor) !important;
}
.imageInfo-blockWrapper mat-table mat-row mat-cell {
  color: var(--rm-tableCellFontColor) !important;
}
.imageInfo-blockWrapper .noFilter {
  filter: none !important;
}
.imageInfo-blockWrapper .labelOverflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  max-width: 80%;
}
.imageInfo-blockWrapper .labelOverflow .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: var(--rm-strongTextFontWeight);
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 0;
  max-width: 100%;
  white-space: pre-wrap;
}
.imageInfo-blockWrapper .labelOverflow:hover .tooltiptext {
  visibility: visible;
}
.imageInfo-blockWrapper .realtimeQuality-Good {
  color: var(--rm-realtimequalityGood) !important;
}
.imageInfo-blockWrapper .realtimeQuality-Held {
  color: var(--rm-realtimequalityHeld) !important;
}
.imageInfo-blockWrapper .itemContainerLayer1 .noBackgroundChild .summaryBlock {
  border: 1px solid #d3d3d3 !important;
  border-radius: 9px;
}
.imageInfo-blockWrapper .pieChartContainerChild .itemContainer {
  margin-top: 10px !important;
  margin-right: 10px !important;
  border: none !important;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard {
  width: calc(100% - 20px) !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 10px !important;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights {
  width: 100% !important;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer {
  position: relative;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight {
  padding: 5px 0;
  position: absolute;
  right: 0;
  top: -37px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-button {
  margin-right: 30px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-button .mat-radio-label .mat-radio-label-content {
  padding-left: 5px;
  color: #000;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-button:last-child {
  margin-right: 0px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container {
  width: 14px;
  height: 14px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container .mat-radio-outer-circle {
  height: 14px;
  width: 14px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container .mat-radio-inner-circle {
  height: 14px;
  width: 14px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .radioButtonsRightContainer .radioButtonsRight .mat-radio-container .mat-radio-ripple {
  left: calc(50% - 7px);
  top: calc(50% - 7px);
  height: 7px;
  width: 7px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .chartHeader {
  text-align: center;
  font-weight: var(--rm-strongTextFontWeight);
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container th.mat-header-cell:nth-child(1) {
  z-index: 2 !important;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container th.mat-header-cell:nth-child(2) {
  min-width: 150px;
  z-index: 2 !important;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .colWidth {
  min-width: 125px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .legendColumn {
  min-width: 40px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .boldText {
  font-size: 1.6rem;
  font-weight: var(--rm-strongTextFontWeight);
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box {
  width: 10px;
  height: 10px;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-normal {
  background-color: #00b050;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-battery {
  background-color: #f67a0a;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-bypass {
  background-color: #f00;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .color-box.mode-default {
  background-color: #9e9e9e;
}
.imageInfo-blockWrapper .OperationalInsightWidget .subitemCard .AcUpsOperationalInsights .table-container .iconButton {
  min-width: 50px;
}
.imageInfo-blockWrapper .dailogueFontColor {
  color: var(--rm-dailogFontColor);
}
.imageInfo-blockWrapper .mat-pseudo-checkbox-full {
  color: var(--rm-checkboxBorderColor);
}
.imageInfo-blockWrapper .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after {
  color: var(--rm-checkboxIconColor) !important;
}
.imageInfo-blockWrapper .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full {
  background: var(--rm-checkboxBackgroundColor);
}
.imageInfo-blockWrapper .mat-select-value {
  color: var(--rm-dropdownFontColor);
}
.imageInfo-blockWrapper .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--rm-checkboxBackgroundColor) !important;
}
.imageInfo-blockWrapper .mat-checkbox-checkmark-path {
  stroke: var(--rm-checkboxIconColor) !important;
}
.imageInfo-blockWrapper .mat-datepicker-toggle .mat-datepicker-toggle-default-icon {
  fill: var(--rm-SVGIconColor) !important;
}
.imageInfo-blockWrapper .trendBackgroundColor {
  color: var(--rm-echartBackgroundColor);
}
.imageInfo-blockWrapper .echartaxisfontstyle {
  font-size: var(--rm-axisLableFontsize);
  color: var(--rm-axisLableColor) !important;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.imageInfo-blockWrapper .echartlegendtextcolor {
  color: var(--rm-legendFontColor);
  background: var(--rm-legendBackgroundColor);
}
.imageInfo-blockWrapper .piechartfontstyle {
  font-size: var(--rm-pieChartLegendFontsize);
  color: var(--rm-pieChartLegendFontColor);
}
.imageInfo-blockWrapper .tooltipContainer {
  background-color: var(--rm-echartTooltipBackgroundColor) !important;
  font-size: var(--rm-echarttooltipFontSize);
  color: var(--rm-echarttooltipFontColor);
  border-radius: var(--rm-echarttooltipBorderRaduis) !important;
}
.imageInfo-blockWrapper .realtimeGuageAlarmColor {
  color: var(--rm-alarmStatus);
}
.imageInfo-blockWrapper .realtimeGuageNormalColor {
  color: var(--rm-normalColor);
}
.imageInfo-blockWrapper .realtimeGuageWarnColor {
  color: var(--rm-warnColor);
}
.imageInfo-blockWrapper .mat-form-field-appearance-outline .mat-form-field-outline {
  color: var(--rm-dropdownButtonBorderColor) !important;
}
.imageInfo-blockWrapper .dialogSpinner .mat-dialog-container {
  background-color: var(--rm-spinnerBackgroundColor) !important;
}
.imageInfo-blockWrapper .dialogSpinner {
  color: var(--rm-dialogSpinnerFontColor) !important;
  font-size: var(--rm-dialogSpinnerFontSize);
  background-color: var(--rm-spinnerBackgroundColor) !important;
}
.imageInfo-blockWrapper .spinnerSize {
  width: var(--rm-spinnerWidth) !important;
  height: var(--rm-spinnerHeight) !important;
}
.imageInfo-blockWrapper .healthCardDefaultValue {
  color: var(--rm-healthCardsFontColor);
}
.imageInfo-blockWrapper .gaugePointerColor {
  color: var(--rm-gaugePointerColor);
}
.imageInfo-blockWrapper .mat-dialog-container {
  color: var(--rm-dailogFontColor);
}
.imageInfo-blockWrapper .mat-expansion-panel-header-description {
  color: var(--rm-fontColor) !important;
}
.imageInfo-blockWrapper .toggleBtns {
  display: inline-block;
  border-radius: 4px;
  overflow: hidden;
}
.imageInfo-blockWrapper .toggleBtns .mat-flat-button {
  border-radius: 0;
  margin: 0 !important;
  border-left: solid 1px white;
  background-color: var(--rm-toggleInActiveBackgroundColor) !important;
  color: var(--rm-toggleInActiveFontColor) !important;
}
.imageInfo-blockWrapper .toggleBtns .mat-flat-button.active {
  background-color: var(--rm-toggleActiveBackgroundColor) !important;
  color: var(--rm-toggleActiveFontColor) !important;
}
.imageInfo-blockWrapper .toggleBtns .mat-flat-button:first-child {
  border-left: 0 none;
}
.imageInfo-blockWrapper .multiselect-dropdown .dropdown-list {
  background-color: var(--rm-dropdownMenuBackgroundColor) !important;
}
.imageInfo-blockWrapper .multiselect-dropdown .dropdown-list ul li div {
  color: var(--rm-dropdownFontColor) !important;
}
.imageInfo-blockWrapper .multiselect-dropdown .dropdown-list ul li input[type=checkbox]:checked::after {
  accent-color: white !important;
}
.imageInfo-blockWrapper .mat-expansion-panel-body {
  background: var(--rm-backgroundPrimaryColor);
}
.imageInfo-blockWrapper .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background-color: var(--rm-expansionHoverColor) !important;
}
.imageInfo-blockWrapper .mat-expansion-panel-header.mat-expanded:hover {
  background-color: var(--rm-expansionHoverColor) !important;
}
.imageInfo-blockWrapper mat-expansion-panel {
  background: var(--rm-expansionBackgroundColor) !important;
}
.imageInfo-blockWrapper .icon-label {
  cursor: pointer;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
  display: inline-flex;
  margin-bottom: 14px;
}
.imageInfo-blockWrapper .gif-container {
  filter: var(--rm-pngIconColor);
}
.imageInfo-blockWrapper input::placeholder {
  color: var(--rm-inputPlaceholderColor) !important;
}
.imageInfo-blockWrapper textarea::placeholder {
  color: var(--rm-inputPlaceholderColor) !important;
}
.imageInfo-blockWrapper .log_input_container input::placeholder {
  color: var(--rm-customInputPlaceholderColor) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .fiveCardContainer {
  width: calc(20% - 15px);
}
.imageInfo-blockWrapper .bigCardsWrapper .fiveCardContainer .oneGuage {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .imageInfo-blockWrapper .bigCardsWrapper .fiveCardContainer {
    width: calc(33.33% - 15px) !important;
  }
}
.imageInfo-blockWrapper .bigCardsWrapper .fourCardContainer {
  width: calc(25% - 15px);
}
.imageInfo-blockWrapper .bigCardsWrapper .fourCardContainer .twoGuage {
  width: 50%;
}
.imageInfo-blockWrapper .bigCardsWrapper .threeCardContainer {
  width: calc(33.33% - 15px);
}
.imageInfo-blockWrapper .bigCardsWrapper .threeCardContainer .threeGuage {
  width: 33.33%;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .itemContainer {
  background-color: transparent !important;
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: row !important;
  flex-wrap: wrap;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .toolbar {
  display: flex;
  width: 100%;
  border-bottom: none;
  border-top: 1px solid #DEDCDE;
  margin: 0 -10px;
  padding: 15px 20px;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer {
  background-color: #FBFCFD;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  margin: 10px;
  padding: 10px;
  display: flex;
  flex: none;
  flex-direction: column;
  width: calc(20% - 20px);
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer .cardsHeader .cardInfoContainer .infoOverlay {
  min-width: 200px;
  color: #393734;
  font-weight: var(--rm-strongTextFontWeight);
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer .cardsContainer {
  flex-direction: column;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsValue {
  font-size: 6rem;
  color: var(--rm-cardsValueFontColor);
  line-height: 1;
  font-weight: var(--rm-fontWeightMedium) !important;
  margin-bottom: 10px;
  flex: 1;
  display: flex;
  align-items: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsValue .percentValue {
  font-size: 2.5rem;
  margin: 25px 0 0 4px;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsSubText {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: var(--rm-strongTextFontWeight);
  color: #393734;
  display: flex;
  justify-content: space-between;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsSubText .actualValue {
  color: #0070D2;
  margin-right: 2px;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsSubText .unitValue {
  margin-left: 5px;
  font-weight: normal;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardContainer .accordionSection .accordionHeaderPanel {
  color: #000000;
  cursor: default;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardContainer .accordionSection .accordionHeaderPanel .accordLeftIcon {
  display: none;
}
.imageInfo-blockWrapper .bigCardsWrapper .childCardContainer .cardsRow {
  display: block;
}
.imageInfo-blockWrapper .bigCardsWrapper .cursorPoint {
  cursor: pointer !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .indexWraper {
  cursor: pointer;
}
.imageInfo-blockWrapper .bigCardsWrapper .healthinfoOverlay {
  display: none;
  position: absolute;
  top: 30px;
  left: -80px;
  width: auto;
  padding: 10px;
  background-color: var(--rm-mapTooltipBackgroundColor);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: var(--rm-noBorderRadiusTooltip);
  z-index: 1;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 1.4rem;
}
.imageInfo-blockWrapper .bigCardsWrapper .indexWraper:hover .healthinfoOverlay {
  display: block;
}
.imageInfo-blockWrapper .bigCardsWrapper .healthinfoList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.imageInfo-blockWrapper .bigCardsWrapper .healthinfoList li {
  margin-bottom: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .statusBullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .greenColor {
  background-color: var(--rm-barchartfaircolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .yellowColor {
  background-color: var(--rm-barchartgoodcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .lightamberColor {
  background-color: var(--rm-barchartokcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .amberColor {
  background-color: var(--rm-barchartwarncolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .redColor {
  background-color: var(--rm-barchartworsecolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .indexText {
  font-weight: var(--rm-strongTextFontWeight);
  margin-bottom: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .indexSummary {
  display: flex;
}
.imageInfo-blockWrapper .bigCardsWrapper .indexSummary span {
  display: inline-block;
  width: 33.33%;
  height: 10px;
}
.imageInfo-blockWrapper .bigCardsWrapper .health-index-section {
  position: relative;
}
.imageInfo-blockWrapper .bigCardsWrapper .indexSummaryWrapper {
  display: inline-block;
  position: relative;
}
.imageInfo-blockWrapper .bigCardsWrapper .health-index {
  background-color: #4CAF50;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.imageInfo-blockWrapper .bigCardsWrapper .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5px;
  left: 280px;
  transform: translateX(-50%);
  width: 150px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 10px 15px 0px;
  margin-bottom: 8px;
  z-index: 100;
  overflow: auto;
}
.imageInfo-blockWrapper .bigCardsWrapper .tooltipTxmLn {
  bottom: 23px !important;
  left: 115px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .indexSummaryWrapper:hover .tooltip-content {
  display: block;
}
.imageInfo-blockWrapper .bigCardsWrapper .tooltip-content ul {
  list-style: none;
  margin-bottom: 10px;
}
.imageInfo-blockWrapper .bigCardsWrapper .tooltip-content li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.imageInfo-blockWrapper .bigCardsWrapper .dot.very-good {
  background-color: var(--rm-barchartfaircolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .dot.good {
  background-color: var(--rm-barchartgoodcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .dot.fair {
  background-color: var(--rm-barchartokcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .dot.poor {
  background-color: var(--rm-barchartwarncolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .dot.unsafe {
  background-color: var(--rm-barchartworsecolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .color {
  flex: 1;
}
.imageInfo-blockWrapper .bigCardsWrapper .range-labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.imageInfo-blockWrapper .bigCardsWrapper button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.imageInfo-blockWrapper .bigCardsWrapper .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper.whiteText {
  color: #ffffff;
}
.imageInfo-blockWrapper .bigCardsWrapper .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover {
  color: #ffffff;
}
.imageInfo-blockWrapper .bigCardsWrapper .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover .tooltip-content {
  left: 100px !important;
  color: #000;
}
.imageInfo-blockWrapper .bigCardsWrapper .indexContainer {
  min-height: 50px;
}
.imageInfo-blockWrapper .bigCardsWrapper .healthinfoOverlay {
  display: none;
  position: absolute;
  top: 30px;
  left: -105%;
  width: fit-content;
  padding: 10px;
  background-color: var(--rm-mapTooltipBackgroundColor);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: var(--rm-noBorderRadiusTooltip);
  z-index: 1;
  font-family: var(--rm-fontFamily);
  font-weight: 500;
  font-size: 1.4rem;
}
.imageInfo-blockWrapper .bigCardsWrapper button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
}
.imageInfo-blockWrapper .bigCardsWrapper .cdk-column-assetTypeName div {
  min-width: 195px;
  width: 195px;
  max-width: 195px;
}
.imageInfo-blockWrapper .bigCardsWrapper button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productSortInfo2 h4,
.imageInfo-blockWrapper .bigCardsWrapper .productSortInfo2 .h4 {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.imageInfo-blockWrapper .bigCardsWrapper .productLeft-col .productSortInfo2 h4,
.imageInfo-blockWrapper .bigCardsWrapper .productLeft-col .productSortInfo2 .h4 {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content .faultData .mat-subheader {
  font-family: var(--rm-fontFamily);
}
.imageInfo-blockWrapper .bigCardsWrapper button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.imageInfo-blockWrapper .bigCardsWrapper .setOverFlow {
  overflow: auto !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget {
  padding-left: 10px;
  align-items: center !important;
  vertical-align: middle !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .topHeading {
  display: flex;
  justify-content: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .topHeading .statusBtn {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .topHeading .statusBtn.redColor {
  background-color: var(--rm-unsafeColor);
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .topHeading .statusBtn.amberColor {
  background-color: var(--rm-poorColor);
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .topHeading .statusBtn.lightamberColor {
  background-color: var(--rm-fairColor);
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .topHeading .statusBtn.yellowColor {
  background-color: var(--rm-goodColor);
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .topHeading .statusBtn.greenColor {
  background-color: var(--rm-verygoodColor);
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .subitemCard {
  border: none !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .subitemCard.OilHealthIndexWidgetFirstChild {
  height: 185px !important;
  border: 1px solid var(--rm-healthCardsBorderColor) !important;
  padding: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .OilHealthIndexWidget .itemTrend {
  display: flex;
  justify-content: space-between;
}
.imageInfo-blockWrapper .bigCardsWrapper .blockHeading h3,
.imageInfo-blockWrapper .bigCardsWrapper .blockHeading .h3 {
  font-weight: var(--rm-fontWeightMedium) !important;
  font-family: var(--rm-fontFamily);
}
.imageInfo-blockWrapper .bigCardsWrapper .RightIcon {
  float: right;
}
.imageInfo-blockWrapper .bigCardsWrapper .mat-menu-panel {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .tap-count-container {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .mat-expansion-panel {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper paginationreportsui {
  margin-left: 1085px;
  margin-bottom: 450px;
}
.imageInfo-blockWrapper .bigCardsWrapper .annotation-arrow-g path {
  stroke: var(--rm-fontColor) !important;
  fill: var(--rm-fontColor) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .slider-container .slider-group .slider-label {
  fill: var(--rm-fontColor) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .mat-datepicker-content .mat-icon {
  color: var(--rm-buttonBackgroundColor);
}
.imageInfo-blockWrapper .bigCardsWrapper .hidePaginator {
  display: none;
  visibility: hidden;
}
.imageInfo-blockWrapper .bigCardsWrapper .mat-button,
.imageInfo-blockWrapper .bigCardsWrapper .mat-icon-button,
.imageInfo-blockWrapper .bigCardsWrapper .mat-stroked-button,
.imageInfo-blockWrapper .bigCardsWrapper .mat-flat-button {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .bigCardsWrapper input[type=file]::file-selector-button {
  border: 1px solid #0070D2;
  border-radius: var(--rm-noBorderRadius) !important;
  background-color: #FFFFFF;
  padding: 5px 5px;
  cursor: pointer;
}
.imageInfo-blockWrapper .bigCardsWrapper input[type=file]::file-selector-button:hover {
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid #0070D2;
}
.imageInfo-blockWrapper .bigCardsWrapper .custom-file-input {
  display: none;
}
.imageInfo-blockWrapper .bigCardsWrapper .logo-width {
  width: 120px;
}
.imageInfo-blockWrapper .bigCardsWrapper .tdalignment {
  text-align: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .cdk-column-assetTypeName div {
  min-width: 195px;
  width: 195px;
  max-width: 195px;
}
.imageInfo-blockWrapper .bigCardsWrapper .RmeyebotDialogPopup .cdk-dialog-container {
  overflow: hidden !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .toolbar.rmeyeBottoolbar {
  padding: 5px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .toolbar.rmeyeBottoolbar .rmeyeBottoolbarHeader {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .toolbar.rmeyeBottoolbar .rmeyeBottoolbarHeader .rmeyeBottoolbarHeading {
  margin: 0;
  top: 4px;
  position: relative;
  font-weight: 700;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection {
  margin: 0 auto;
  width: 100%;
  margin-top: 6%;
  overflow: auto;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection.botContentChat {
  margin-top: 1%;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .infoSection .infoHeader {
  text-align: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .infoSection .infoContent {
  padding: 16px;
  box-shadow: 2px 2px 6px #eacccc;
  border-radius: 4px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .infoSection .infoContentText {
  padding: 10px;
  text-align: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .inputShowSection {
  height: 47vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .inputShowSection .inputData {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 5px 0;
  padding: 5px;
  border-radius: 8px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .inputShowSection .inputData .userMessage {
  border-radius: 8px;
  padding: 6px;
  width: fit-content;
  background: #F0F2F6;
  display: flex;
  align-items: flex-end;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .outPutData .botMessage {
  display: flex;
  gap: 4px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .outPutData .botMessage .boteye img {
  max-width: 28px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .statusBullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .greenColor {
  background-color: var(--rm-barchartfaircolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .yellowColor {
  background-color: var(--rm-barchartgoodcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .lightamberColor {
  background-color: var(--rm-barchartokcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .amberColor {
  background-color: var(--rm-barchartwarncolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .redColor {
  background-color: var(--rm-barchartworsecolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .indexText {
  font-weight: var(--rm-strongTextFontWeight);
  margin-bottom: 5px;
  height: 0;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .indexSummary {
  display: flex;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .indexSummary span {
  display: inline-block;
  width: 100%;
  height: 10px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .health-index-section {
  position: relative;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .indexSummaryWrapper {
  display: inline-block;
  position: relative;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .health-index {
  background-color: #4CAF50;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5px;
  left: 280px;
  transform: translateX(-50%);
  width: 150px;
  background-color: #ff0000;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: var(--rm-noBorderRadius) !important;
  padding: 10px 15px 0px;
  margin-bottom: 8px;
  z-index: 100;
  overflow: auto;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .indexSummaryWrapper:hover .tooltip-content {
  display: block;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .tooltip-content ul {
  list-style: none;
  margin-bottom: 10px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .tooltip-content li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .dot.very-good {
  background-color: var(--rm-barchartfaircolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .dot.good {
  background-color: var(--rm-barchartgoodcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .dot.fair {
  background-color: var(--rm-barchartokcolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .dot.poor {
  background-color: var(--rm-barchartwarncolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .dot.unsafe {
  background-color: var(--rm-barchartworsecolor);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .color {
  flex: 1;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .range-labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper.whiteText {
  color: #ffffff;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover {
  color: #ffffff;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover .tooltip-content {
  left: 100px !important;
  color: #000;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .botChatSection {
  background: #fff;
  bottom: 22%;
  position: fixed;
  border: 1px solid #CDCDCD;
  padding: 5px;
  border-radius: 4px;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .botChatSection .inputSection {
  border: none;
  width: 41vw;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .botContentSection .botChatSection.disabledQuery {
  opacity: 0.3;
  pointer-events: none;
}
.imageInfo-blockWrapper .bigCardsWrapper .rmeyeBotContainer .rmeyeBotInnerContainer {
  margin: 0 5%;
}
.imageInfo-blockWrapper .bigCardsWrapper .AlertSelection {
  margin-top: -10px;
  padding-bottom: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .AlertSelection .radio-custom-label {
  display: flex;
  gap: 8px;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer {
  margin: 0 10px 0 0;
  position: relative;
  align-items: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .toggleLabel {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  margin: 0 5px 0;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .mat-slide-toggle {
  height: 20px;
  line-height: 20px;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .mat-slide-toggle .mat-slide-toggle-bar {
  background-color: #00b050;
  width: 40px;
  height: 20px;
  border-radius: 10px;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb-container {
  height: 15px;
  width: 15px;
  top: 2px;
  left: 2px;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: #044220;
  height: 15px;
  width: 15px;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(20px, 0, 0);
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: #044220;
}
.imageInfo-blockWrapper .bigCardsWrapper .toggleContainer .mat-slide-toggle .mat-slide-toggle-ripple {
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  height: 30px;
  border-radius: 50%;
  width: 30px;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .addtoWatchlistBtn .infoOverlay {
  left: 0;
  right: auto !important;
  top: 35px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .addtoWatchlistBtn .infoOverlay .infoList {
  padding: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .addtoWatchlistBtn .infoOverlay .infoList li {
  line-height: 10px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .addtoWatchlistBtn .infoOverlay .infoList .tooltiptxt {
  font-weight: 400;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .tableThInfocolleft .cardInfoContainer .infoOverlay {
  display: none;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .tableThInfocolleft .cardInfoContainer:hover .infoOverlay {
  display: block;
  left: 25px;
  right: auto !important;
  top: -5px !important;
  z-index: 9 !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .cdk-column-assetName {
  z-index: 0 !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .addWatchListSection .cdk-column-sNo {
  z-index: 0 !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock {
  padding: 2px 0;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Heading {
  display: flex;
  margin-bottom: 12px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Heading h2,
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Heading .h2 {
  font-size: 1.8rem !important;
  font-weight: bold !important;
  margin: 0 10px 0 0;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Heading .cardInfoContainer .infoOverlay {
  top: 0;
  left: 25px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .subitemCard {
  width: 20%;
  max-height: 20vh;
  align-items: center;
  background-color: #FBFCFD;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  padding: 10px;
  margin: 0 10px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .subitemCard .itemContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .subitemCard .itemContainer .cardHeader {
  margin-bottom: 10px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .subitemCard .itemContainer .cardHeader i {
  margin-right: 5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .subitemCard .itemContainer .cardHeader i img {
  width: 15px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container {
  flex: 1;
  max-height: 20vh;
  margin: 0 10px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container table {
  table-layout: auto;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container table th.mat-header-cell {
  text-align: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container table th.mat-header-cell:first-child {
  text-align: center;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container table .mat-column-pd_analytics {
  min-width: 155px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container table tr.mat-row {
  height: 43px;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container table tr.mat-row td.mat-cell {
  border-bottom-width: 0;
}
.imageInfo-blockWrapper .bigCardsWrapper .productInfo-subblock .productInfo-Content .table-container table tr.mat-row td.mat-cell:first-child {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .imageInfo-blockWrapper .bigCardsWrapper {
    width: calc(50% - 15px) !important;
  }
}
.imageInfo-blockWrapper .twoCardContainer {
  width: calc(50% - 15px) !important;
}
.imageInfo-blockWrapper .twoCardContainer .fourGuage {
  width: 25%;
}
.imageInfo-blockWrapper .oneCardContainer {
  width: calc(100% - 15px);
}
.imageInfo-blockWrapper .oneCardContainer .fiveGuage {
  width: 20%;
}
.imageInfo-blockWrapper .bigCardsWrapper {
  display: flex;
  margin: 0 -7.5px;
  color: var(--rm-txtBoldFontColor);
  flex-wrap: wrap;
}
.imageInfo-blockWrapper .bigCardsWrapper .cardItem {
  width: calc(33.33% - 15px);
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection {
  display: flex;
  align-items: center;
  margin-bottom: 7.5px;
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection .hding {
  font-family: var(--rm-fontFamily) !important;
  font-size: var(--rm-fontSizeLarge) !important;
  font-weight: var(--rm-fontweightDefaultboldHeading) !important;
  margin: 5px;
  color: var(--rm-fontColor);
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection .sf6mtbun {
  display: flex;
  padding: 0 15px;
  margin-left: 0;
  background-color: var(--rm-buttonBackgroundColor);
  border-radius: var(--rm-noBorderRadius);
  line-height: 1.2;
  font-size: var(--rm-fontSizeMedium);
  color: #fff;
  margin-bottom: 5px;
  cursor: pointer;
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection .sf6mtbun .act_btn {
  margin-left: -10px !important;
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection .tool_text {
  display: none;
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection .iconText {
  display: flex;
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection .iconText .connectedAssetName {
  margin-top: 0px;
  min-width: 120px;
  max-width: 120px;
  width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #ffffff;
}
.imageInfo-blockWrapper .bigCardsWrapper .connectedAssetSection .iconText:hover .tool_text {
  display: block;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 8px;
  height: 28px;
  border-radius: 4px;
  font-weight: var(--rm-strongTextFontWeight);
  margin: 5px;
  position: absolute;
  top: 60px;
}
.imageInfo-blockWrapper .cardItem {
  margin: 0 7.5px 15px;
}
.imageInfo-blockWrapper .cardItem .cardToolbar {
  background-color: var(--rm-headerCardHeaderBackgroundColor);
  border-radius: var(--rm-noBorderRadius) !important;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.imageInfo-blockWrapper .cardItem .cardToolbar.textOverflowEllipsis {
  display: block;
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarHeading {
  font-family: var(--rm-fontFamily) !important;
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-headerCardFontColor);
  flex: 1;
  margin-bottom: 0;
  position: relative;
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarHeading .tooltipTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarHeading .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.4;
  font-weight: var(--rm-strongTextFontWeight);
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 8px;
  max-width: 90%;
  white-space: pre-wrap;
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarHeading:hover .tooltiptext {
  visibility: visible;
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarRight {
  display: flex;
  align-items: center;
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarRight .statusLabel {
  color: var(--rm-headerCardFontColor);
  font-weight: var(--rm-strongTextFontWeight);
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarRight .button {
  font-weight: var(--rm-fontWeightRegular);
}
.imageInfo-blockWrapper .cardItem .cardToolbar .toolbarRight .button.offBtn {
  color: #282828;
}
.imageInfo-blockWrapper .cardItem .dataListWrapper {
  border: solid 1px #dedcde;
  border-radius: var(--rm-cardsItemContentBorderRadius);
  padding: 0 15px 25px;
  background-color: var(--rm-headerCardContentBackgroundColor) !important;
}
.imageInfo-blockWrapper .cardItem .dataListWrapper .dataHeading {
  margin: 0;
  font-size: var(--rm-fontSizeLarge);
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-headerCardFontColor);
}
.imageInfo-blockWrapper .cardItem .dataListWrapper .dataListContainer .dataListItem {
  display: flex;
  padding: 15px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-headerCardFontColor);
}
.imageInfo-blockWrapper .cardItem .dataListWrapper .dataListContainer .dataListItem .dataName {
  flex: 1;
  letter-spacing: 0.75px;
}
.imageInfo-blockWrapper .cardItem .dataListWrapper .dataListContainer .dataListItem .dataName.boldTxt {
  font-weight: var(--rm-strongTextFontWeight);
}
.imageInfo-blockWrapper .cardItem .dataListWrapper .dataListContainer .dataListItem .dataValue {
  letter-spacing: 0.5px;
  color: var(--rm-headerCardFontColor);
}
.imageInfo-blockWrapper .cardItem .dataListWrapper .dataListContainer .dataListItem .dataValue.fanIcon {
  width: 21px;
}
.imageInfo-blockWrapper .cardItem .dataListWrapper > div {
  padding-top: 0px;
}
.imageInfo-blockWrapper .cardItem .dataListWrapper > div:last-child {
  margin-bottom: 0;
}
.imageInfo-blockWrapper .cardItem .dataListWrapper > div:last-child .dataListItem:last-child {
  border-bottom: 0 none;
}
.imageInfo-blockWrapper .cardItem.radioCardContainer {
  margin-bottom: 20px;
}
.imageInfo-blockWrapper .cardItem.radioCardContainer .dataListWrapper {
  padding: 0;
}
.imageInfo-blockWrapper mat-table {
  background: var(--rm-tableCellBackgroundColor) !important;
}
.imageInfo-blockWrapper mat-table mat-header-row {
  background-color: var(--rm-tableHeaderBackgroundColor) !important;
}
.imageInfo-blockWrapper mat-table mat-header-row mat-header-cell {
  color: var(--rm-tableHeaderFontColor) !important;
}
.imageInfo-blockWrapper mat-table mat-row {
  background-color: var(--rm-tableCellBackgroundColor) !important;
}
.imageInfo-blockWrapper mat-table mat-row mat-cell {
  color: var(--rm-tableCellFontColor) !important;
}
.imageInfo-blockWrapper .noFilter {
  filter: none !important;
}
.imageInfo-blockWrapper .labelOverflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  max-width: 80%;
}
.imageInfo-blockWrapper .labelOverflow .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: var(--rm-strongTextFontWeight);
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 0;
  max-width: 100%;
  white-space: pre-wrap;
}
.imageInfo-blockWrapper .labelOverflow:hover .tooltiptext {
  visibility: visible;
}
.imageInfo-blockWrapper .realtimeQuality-Good {
  color: var(--rm-realtimequalityGood) !important;
}
.imageInfo-blockWrapper .realtimeQualityReport-Good {
  color: var(--rm-realtimequalityReportGood) !important;
}
.imageInfo-blockWrapper .realtimeQuality-Held {
  color: var(--rm-realtimequalityHeld) !important;
}
.imageInfo-blockWrapper .realtimeQuality-Bad {
  color: var(--rm-realtimeQualityBad) !important;
}
.imageInfo-blockWrapper .realtimeQuality-HeldBad {
  color: var(--rm-realtimeQualityHeldBad) !important;
}
.imageInfo-blockWrapper .childCardWrapper .itemContainer {
  background-color: transparent !important;
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: row !important;
  flex-wrap: wrap;
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer {
  background-color: #FBFCFD;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  margin: 10px;
  padding: 10px;
  display: flex;
  flex: none;
  flex-direction: column;
  width: calc(20% - 20px);
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsHeader .cardInfoContainer .infoOverlay {
  min-width: 200px;
  color: #393734;
  font-weight: var(--rm-strongTextFontWeight);
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsContainer {
  flex-direction: column;
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsValue {
  font-size: 6rem;
  line-height: 1;
  font-weight: var(--rm-fontWeightMedium) !important;
  margin-bottom: 10px;
  flex: 1;
  display: flex;
  align-items: center;
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsValue .percentValue {
  font-size: 2.5rem;
  margin: 25px 0 0 4px;
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsValue.pendingCardDefaultValue {
  color: var(--rm-pendingCardColor);
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsSubText {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: var(--rm-strongTextFontWeight);
  color: #393734;
  display: flex;
  justify-content: space-between;
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsSubText .actualValue {
  color: #0070D2;
  margin-right: 2px;
}
.imageInfo-blockWrapper .childCardWrapper .childCardContainer .cardsContainer .cardsSubText .unitValue {
  margin-left: 5px;
  font-weight: normal;
}
.imageInfo-blockWrapper .childCardContainer .accordionSection .accordionHeaderPanel {
  color: #000000;
  cursor: default;
}
.imageInfo-blockWrapper .childCardContainer .accordionSection .accordionHeaderPanel .accordLeftIcon {
  display: none;
}
.imageInfo-blockWrapper .childCardContainer .cardsRow {
  display: block;
}
.imageInfo-blockWrapper .productSortInfo2 h4,
.imageInfo-blockWrapper .productSortInfo2 .h4 {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.imageInfo-blockWrapper .productLeft-col .productSortInfo2 h4,
.imageInfo-blockWrapper .productLeft-col .productSortInfo2 .h4 {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium) !important;
}
.imageInfo-blockWrapper .chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content .faultData .mat-subheader {
  font-family: var(--rm-fontFamily);
}
.imageInfo-blockWrapper button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.imageInfo-blockWrapper .flx-cntr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.imageInfo-blockWrapper .setOverFlow {
  overflow: auto !important;
}
.imageInfo-blockWrapper .OilHealthIndexWidget {
  padding-left: 10px;
  align-items: center !important;
  vertical-align: middle !important;
}
.imageInfo-blockWrapper .OilHealthIndexWidget .topHeading {
  display: flex;
  justify-content: center;
}
.imageInfo-blockWrapper .OilHealthIndexWidget .topHeading .statusBtn {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .OilHealthIndexWidget .topHeading .statusBtn.redColor {
  background-color: var(--rm-unsafeColor);
}
.imageInfo-blockWrapper .OilHealthIndexWidget .topHeading .statusBtn.amberColor {
  background-color: var(--rm-poorColor);
}
.imageInfo-blockWrapper .OilHealthIndexWidget .topHeading .statusBtn.lightamberColor {
  background-color: var(--rm-fairColor);
}
.imageInfo-blockWrapper .OilHealthIndexWidget .topHeading .statusBtn.yellowColor {
  background-color: var(--rm-goodColor);
}
.imageInfo-blockWrapper .OilHealthIndexWidget .topHeading .statusBtn.greenColor {
  background-color: var(--rm-verygoodColor);
}
.imageInfo-blockWrapper .OilHealthIndexWidget .subitemCard {
  border: none !important;
}
.imageInfo-blockWrapper .OilHealthIndexWidget .subitemCard.OilHealthIndexWidgetFirstChild {
  height: 185px !important;
  border: 1px solid var(--rm-healthCardsBorderColor) !important;
  padding: 5px;
}
.imageInfo-blockWrapper .OilHealthIndexWidget .itemTrend {
  display: flex;
  justify-content: space-between;
}
.imageInfo-blockWrapper .mat-tooltip {
  color: var(--rm-buttonFontColor) !important;
  border-radius: var(--rm-noBorderRadius) !important;
  font-weight: var(--rm-fontWeightRegular) !important;
  font-size: var(--rm-fontSizeXSmall) !important;
}
.imageInfo-blockWrapper .blockHeading h3,
.imageInfo-blockWrapper .blockHeading .h3 {
  font-weight: var(--rm-fontWeightMedium) !important;
  font-family: var(--rm-fontFamily);
}
.imageInfo-blockWrapper .mat-menu-panel {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .tap-count-container {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper .mat-expansion-panel {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper paginationreportsui {
  margin-left: 1085px;
  margin-bottom: 450px;
}
.imageInfo-blockWrapper .annotation-arrow-g path {
  stroke: var(--rm-fontColor) !important;
  fill: var(--rm-fontColor) !important;
}
.imageInfo-blockWrapper .slider-container .slider-group .slider-label {
  fill: var(--rm-fontColor) !important;
}
.imageInfo-blockWrapper .mat-datepicker-content .mat-icon {
  color: var();
}
.imageInfo-blockWrapper .hidePaginator {
  display: none;
  visibility: hidden;
}
.imageInfo-blockWrapper .mat-button,
.imageInfo-blockWrapper .mat-icon-button,
.imageInfo-blockWrapper .mat-stroked-button,
.imageInfo-blockWrapper .mat-flat-button {
  border-radius: var(--rm-noBorderRadius) !important;
}
.imageInfo-blockWrapper input[type=file]::file-selector-button {
  border: 1px solid #0070D2;
  border-radius: var(--rm-noBorderRadius) !important;
  background-color: #FFFFFF;
  padding: 5px 5px;
  cursor: pointer;
}
.imageInfo-blockWrapper input[type=file]::file-selector-button:hover {
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid #0070D2;
}
.imageInfo-blockWrapper .custom-file-input {
  display: none;
}
.imageInfo-blockWrapper .checkboxContainer {
  display: flex;
  align-items: center;
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox input[type=checkbox] {
  display: none;
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox span {
  font-size: var(--rm-fontSizeDefault);
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox span::before {
  content: "";
  display: inline-block;
  width: var(--rm-checkboxwidth);
  height: var(--rm-checkboxheight);
  border: 1px solid var(--rm-checkboxBorderColor);
  border-radius: var(--rm-noBorderRadius);
  transition: background-color 0.3s, border-color 0.3s;
  margin-right: 8px;
  position: relative;
  background-color: transparent;
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox span::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border: 2px solid #ffffff;
  border-width: 0 2px 2px 0;
  top: 41%;
  left: 33%;
  transform: translate(-50%, -60%) rotate(45deg);
  display: none;
  transition: all 0.3s;
  z-index: 3 !important;
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox input[type=checkbox]:checked + span::before {
  background-color: var(--rm-checkboxBackgroundColor);
  border-color: var(--rm-checkboxBorderColorChecked);
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox input[type=checkbox]:checked + span::after {
  display: inline-block;
}
.imageInfo-blockWrapper .checkboxContainer .custom-checkbox .checkbox-icon {
  display: none;
  position: absolute;
  left: 0;
  top: 1px;
}
.imageInfo-blockWrapper .label-padding {
  white-space: normal;
  word-wrap: break-word;
}
.imageInfo-blockWrapper .logo-width {
  width: 120px;
}
.mat-column-sNo {
  z-index: 0 !important;
}
.mat-column-assetName {
  z-index: 0 !important;
}
.RmDashBoardIcon {
  filter: var(--rm-dashaboardIconColor) !important;
  width: 25px;
}
.eyeIcon {
  text-align: justify;
}
.flx-cntr-col {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.toolbar .button {
  padding: 3px 10px 3px;
  min-width: 0;
}
.serialNumberIcon img {
  filter: var(--rm-pngIconColor);
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
.text-color {
  font-weight: var(--rm-fontweightDefaultboldHeading) !important;
  font-family: var(--rm-fontFamily);
}
.nameplatetextcolor {
  font-size: 22px;
}
.btnAlignment {
  margin-left: 10px;
}
.cardInfoContainer i {
  display: block;
  font-style: normal;
  border: solid 1px #000000;
  color: #000;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
}
.childCardWrapper .childCardContainer {
  background-color: #fbfcfd;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  margin: 10px;
  padding: 10px;
  display: flex;
  flex: none;
  flex-direction: column;
  width: calc(20% - 20px);
}
.childCardWrapper .toolbar {
  display: block;
  width: 100%;
  border-bottom: none;
  border-top: 1px solid #DEDCDE;
  margin: 0 -10px;
  padding: 15px 20px;
}
.childCardWrapper .itemContainer {
  background-color: transparent !important;
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: row !important;
  flex-wrap: wrap;
}
.cardsRow .itemContainer {
  background-color: #fbfcfd;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  margin: 10px;
  padding: 10px;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.cardsRow .itemContainerLayer1.pieChartContainer .pieChartContainerChild .itemContainerLayer3 .itemContainer .pieWrapperContainer {
  border: 1px solid #d3d3d3 !important;
}
.childCardWrapper .childCardContainer .cardsHeader .cardInfoContainer .infoOverlay {
  min-width: 200px;
  color: #393734;
  font-weight: 700;
}
.childCardWrapper .childCardContainer .cardsContainer .cardsValue {
  font-size: 6rem;
  color: var(--rm-cardsValueFontColor);
  line-height: 1;
  font-weight: var(--rm-cardsValueFontWeight);
  margin-bottom: 10px;
  flex: 1;
  display: flex;
  align-items: center;
}
.childCardWrapper .childCardContainer .cardsContainer .cardsSubText {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: var(--rm-cardsSubTextFontWeight);
  color: var(--rm-fontColor);
  display: flex;
  justify-content: space-between;
}
.childCardWrapper .childCardContainer .cardsContainer .cardsSubText .actualValue {
  color: var(--rm-actualValueFontColor);
}
.cardsRow .itemContainer .cardsContainer {
  padding: 8px 0;
  flex: 1;
  display: flex;
  justify-content: center;
}
.activeAlerts {
  display: flex;
  gap: 10px;
}
.errMsge {
  color: red;
  padding: 2%;
  text-align: center;
  font-weight: 900;
}
.reqErr {
  font-weight: 500;
  color: red;
}
.commonDialog {
  min-width: 60vw !important;
  max-width: 60vw !important;
  min-height: 90vh;
}
.flx-btwn {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.width-100 {
  width: 100%;
}
@keyframes opacityAnimate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.radioActive {
  color: #404040 !important;
}
.strongText {
  font-weight: var(--rm-strongTextFontWeight);
}
.mat-select-arrow {
  display: var(--rm-display) !important;
  width: var(--rm-width) !important;
  height: var(--rm-height) !important;
  border-bottom: var(--rm-border-bottom) !important;
  border-left: var(--rm-border-left) !important;
  border-right: var(--rm-border-right) !important;
  border-top: var(--rm-border-top) !important;
  transform: var(--rm-transform) !important;
  margin: var(--rm-margin) !important;
  color: var(--rm-dropdownButtonArrowrColor);
}
.pendingCardDefaultValue {
  color: var(--rm-pendingCardColor) !important;
}
.paratext {
  margin-bottom: 1rem;
}
.orderlist-li {
  list-style-type: decimal;
}
.unorderlist {
  padding-left: 2rem !important;
}
.unorderlist .unorderlist-li {
  list-style-type: disc !important;
}
.centerli {
  text-align: center;
}
.bold-text {
  font-weight: bold;
}
.noImgNamePlate {
  text-align: center;
  padding: 8px;
  color: var(--rm-PureRedColor);
  font-weight: var(--rm-fontWeightBold);
}
.rotate-img {
  transform: rotate(90deg) !important;
}
.inputFieldWrapper {
  border: var(--rm-defaultInputBorder) !important;
}
.inputFieldWrapper:hover {
  border: var(--rm-hoverInputBorder) !important;
}
.inputFieldWrapper:focus {
  border: var(--rm-activeInputBorder) !important;
}
.inputFieldWrapper:disabled {
  border: var(--rm-defaultInputBorder) !important;
}
.tableHeading {
  font-weight: var(--rm-fontweightDefaultboldHeading) !important;
  font-size: var(--rm-formsLableFontSize);
}
.mat-flat-button.mat-button-disabled.mat-button-disabled {
  background: var(--rm-disableBtnBgColor) !important;
  color: var(--rm-disableBtnFontColor);
  cursor: not-allowed;
}
.addSvgImage {
  position: relative !important;
  float: var(--rm-floatAddIcon) !important;
  top: var(--rm-trendsTop) !important;
  width: var(--rm-addtrendsWidth) !important;
  height: var(--rm-addtrendsHeight) !important;
  left: var(--rm-addleft) !important;
}
.secondaryBtn {
  background: var(--rm-secondaryButtonBackgroundColor) !important;
  border: 1px solid var(--rm-buttonBackgroundColor) !important;
  color: var(--rm-secondaryButtonTextColor) !important;
}
.secondaryBtn:hover {
  background: var(--rm-btnHoverColor) !important;
  border: 1px solid var(--rm-btHoverBorderColor) !important;
  color: var(--rm-secondaryButtonTextColor) !important;
}
.headerWeight {
  font-weight: var(--rm-tableHeaderWeight);
}
.input:disabled {
  background: var(--rm-disableBtnBgColor) !important;
  color: var(--rm-disableBtnFontColor) !important;
}
.customwidth {
  min-width: 120px !important;
  max-width: 120px !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  border: var(--rm-defaultInputBorder) !important;
  transition: none !important;
  border-radius: var(--rm-borderRadiusFilter) !important;
}
.bellIcon {
  background: var(--rm-bellIconSvgUrl) !important;
}
.mat-menu-content:not(:empty) {
  background-color: var(--rm-summaryCardBackgroundcolor);
}
.icon-filter {
  filter: var(--rm-pngIconColorforassetdashboard);
}
.icon-filter {
  filter: var(--rm-pngIconColor);
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
textarea {
  background: var(--rm-textAreaBackgroundColor);
  border: 1px solid var(--rm-dropdownButtonBorderColor);
  color: var(--rm-fontColor);
}
.paginationWrapper {
  margin-left: -40px;
}
.dropDownBackground {
  background: var(--rm-backgroundPrimaryColor) !important;
}
.mat-form-field-ripple {
  background: var(--rm-paginatorUnderline) !important;
  height: 0 !important;
}
.addTextFontColor {
  color: var(--rm-fontColor);
}
.arrowColor {
  filter: var(--rm-arrowFilterColor) !important;
}
.ackTick {
  filter: var(--rm-acknowledgeTickColor);
}
.deleteIcon {
  filter: var(--rm-pngIconColor);
}
.cardHeadingFont {
  font-size: var(--rm-summaryCardHeadingFontSize);
  font-weight: var(--rm-fontWeightMedium);
}
.detailBlock h4,
.detailBlock .h4 {
  font-family: var(--rm-fontFamily) !important;
  font-size: var(--rm-fontSizeDefault) !important;
}
.detailBlock h3,
.detailBlock .h3 {
  font-size: var(--rm-fontSizeDefault) !important;
}
.recommendadion span {
  font-size: var(--rm-formsLableFontSize);
}
.leaflet-control-zoom-out {
  font-size: var(--rm-mapZoomInOutFontSize) !important;
}
.leaflet-control-zoom-in {
  font-size: var(--rm-mapZoomInOutFontSize) !important;
}
.md-drppicker .dropdowns {
  filter: var(--rm-monthYearPickerDropdownArrow);
}
::ng-deep .mat-checkbox-layout .mat-checkbox-label {
  font-size: var(--rm-formsLableFontSize);
}
.fileName {
  color: var(--rm-odiImageNameFontColor) !important;
  background: var(--rm-odiImageNameBackgroundColor) !important;
}
.mat-checkbox-disabled {
  opacity: 1 !important;
  cursor: not-allowed !important;
}
.mat-checkbox-disabled .mat-checkbox-inner-container {
  opacity: 0.5 !important;
}
.mat-checkbox-disabled .mat-checkbox-label {
  opacity: 1 !important;
  color: var(--rm-matCheckboxLabelDisabledColor) !important;
}
.js-plotly-plot .modebar-btn .icon path {
  fill: var(--rm-canvaPngIconColor) !important;
}
.js-plotly-plot .modebar-btn:hover .icon path {
  fill: var(--rm-canvaPngIconColor) !important;
}
.js-plotly-plot .modebar-group {
  background-color: transparent !important;
}
.js-plotly-plot .modebar-group:hover {
  background-color: transparent !important;
}
.cardView {
  padding: var(--rm-cardDesignPadding) !important;
  background-color: var(--rm-cardDesignBackground) !important;
  box-shadow: var(--rm-cardDesignShadow);
  opacity: var(--rm-cardDesignOpacity);
}
.cardView .itemContainer {
  margin: 0 0px !important;
}
.cardView .tableHeadings {
  background: var(--rm-tabelHeadingsBg) !important;
}
.cardView .tableHeadings h3,
.cardView .tableHeadings .h3 {
  text-align: left !important;
  color: var(--rm-fontColor) !important;
}
.cardView .indexWraperWhitebox {
  display: block !important;
  width: 30% !important;
}
.cardView .indexWraperWhitebox .indexText {
  margin-left: 4% !important;
}
.cardView .activeAlertsList {
  background: var(--rm-cardDesignBackground) !important;
  border-left: none !important;
}
.cardContainerPadding {
  height: auto !important;
  padding: var(--rm-cardDesignContainerPadding) !important;
}
.itemContainerLayer3 {
  width: 100% !important;
}
.whiteBoxOuter {
  background: #f3f4f6;
  padding: 70px 100px 100px 70px;
}
.whiteBoxOuter .toolbarMainHeading {
  font-weight: var(--rm-tableHeaderWeight);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-MainHeadingFontSize);
  margin-bottom: 0px;
  padding-bottom: 25px;
}
.whiteBoxOuter .toolbarSubHeading {
  font-weight: var(--rm-tableHeaderWeight);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-SubHeadingFontSize);
}
.whiteBoxOuter .separater {
  opacity: 0;
  margin: 0 0 30px 0;
}
.whiteBoxOuter .main-innerContainer .whiteBoxRealTimeContainer {
  padding: var(--rm-MarginPaddingValueZero);
}
.whiteBoxOuter .whiteBoxRealTimeToolBar {
  padding: var(--rm-MarginPaddingValueZero);
  background-color: var(--rm-cardDesignBackground);
  padding-bottom: 25px;
  border-bottom: none;
}
.whiteBoxOuter .whiteBoxRealTimeGrid {
  background-color: var(--rm-cardDesignBackground) !important;
}
.flx-cntr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.flex-cntr {
  display: flex;
  align-items: center;
  justify-content: center;
}
.duvalCss {
  color: var(--rm-duvalFontColor);
  font-family: var(--rm-fontFamily);
  background-color: var(--rm-duvalDiagnosticBackgroundColor) !important;
  font-weight: var(--rm-fontWeightRegular);
}
.headerScreenName {
  padding: 70px 100px 0px 70px !important;
  font-size: 28px !important;
  font-weight: var(--rm-fontWeightMedium);
}
.trendsToolbar {
  background: #FFFFFF !important;
  border-bottom: none !important;
}
.cardPadding {
  padding: 10px !important;
}
.toolbarBottom {
  border-bottom: none !important;
  background: var(--rm-whiteBoxHeaderBgColor) !important;
}
.whiteBoxBg {
  background: #FFFFFF !important;
  padding: 0 !important;
  box-shadow: var(--rm-cardDesignShadow) !important;
}
.whiteBoxBg .cardView {
  box-shadow: none !important;
  padding: var(--rm-cardDesignPadding) !important;
  margin: 0px !important;
}
.globalCardPadding {
  padding: 0px !important;
}
.cardMargin {
  margin-bottom: 30px !important;
}
.healthDashboardContainers {
  padding: 15px 15px 0px !important;
}
.bgcolor .mat-card-content,
.bgcolor .formfld_label {
  background-color: var(--rm-contentbgcolor) !important;
}
.cardGap {
  gap: 10px !important;
}
.assetDashCardDesign {
  padding: 0px !important;
}
.globalOverflow {
  height: 100% !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}
.odiToolbar {
  background-color: #ffffff !important;
  border-bottom: none !important;
  box-shadow: var(--rm-cardDesignShadow);
  opacity: var(--rm-cardDesignOpacity);
  padding: 30px !important;
}
.odimiddleContainer {
  background: none !important;
  box-shadow: var(--rm-cardDesignShadow);
  opacity: var(--rm-cardDesignOpacity);
  padding: 2px 30px 30px 30px !important;
}
.odimiddleContainer .table-containerWrapper {
  max-height: calc(100% - 100px) !important;
}
.odimiddleContainer .table-containerWrapper::-webkit-scrollbar {
  display: none;
}
.odimiddleContainer .table-containerWrapper.OdisideList {
  max-height: 100% !important;
}
.mrgnnew-0 {
  margin: 0px !important;
}
.mrgnnew-0::-webkit-scrollbar {
  display: none;
}
.form_page_new {
  background-color: #ffffff;
}
.scroll-overflow {
  overflow: unset !important;
}
.offlineFormWraper .offlineData .offlineContainer.hidescroll::-webkit-scrollbar {
  display: none !important;
}
.table-container.bordered.scrollhidden::-webkit-scrollbar {
  display: none !important;
}
.noWhiteBox {
  height: 100% !important;
}
.vitalTrendHeight {
  height: 100% !important;
}
.nonWhiteBoxchartWrapper {
  height: 88vh;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.gap-min {
  gap: 8px !important;
}
.bold {
  font-weight: bold !important;
}
.alignWidget {
  width: 100%;
}
.fullwidth {
  width: 100% !important;
  border: none !important;
  height: 19.6vh;
  overflow-y: auto;
}
.PerSection {
  width: 25% !important;
}
.alignTop {
  padding: 10px 0 0 10px !important;
}
.whiteBoxalignTop {
  padding: 0px !important;
}
.h-100 {
  height: 100% !important;
}
.wtd-reactor-cell--hidden {
  display: none !important;
}
.wtd-reactor-cell--centered {
  text-align: center !important;
  vertical-align: middle !important;
}
.wtd-reactor-cell--merged {
  border-bottom: none !important;
}
tr.wtd-reactor-row--merged {
  border-top: none !important;
}
tr.wtd-reactor-row--merged td {
  border-top: none !important;
}
tr.wtd-reactor-row--internal {
  border-bottom: none !important;
}
tr.wtd-reactor-row--internal td {
  border-bottom: none !important;
}
tr.mat-row:not(.wtd-reactor-row--merged) .wtd-reactor-cell--merged {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.offlineTable.globalTooltipContainer {
  position: relative;
  overflow: visible !important;
}
.offlineTable.globalTooltipContainer .table-container {
  overflow: visible !important;
}
.offlineTable.globalTooltipContainer .table-container th {
  position: relative;
  overflow: visible !important;
}
.offlineTable.globalTooltipContainer .table-container th .tabalethInfo {
  position: relative;
  overflow: visible !important;
}
.offlineTable.globalTooltipContainer .table-container th .tabalethInfo .tableheaderInfo {
  position: relative;
}
.offlineTable.globalTooltipContainer .table-container th .tabalethInfo .tableheaderInfo .infoOverlay.globalTooltipBelow {
  position: absolute;
  top: 100% !important;
  left: -245px !important;
  margin-top: 5px !important;
  z-index: 10000 !important;
  width: max-content !important;
  max-width: 600px !important;
  min-width: 250px;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow: visible !important;
}
.offlineTable.globalTooltipContainer .table-container th .tabalethInfo .tableheaderInfo .infoOverlay.globalTooltipBelow .infoList {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.offlineTable.globalTooltipContainer .table-container th .tabalethInfo .tableheaderInfo .infoOverlay.globalTooltipBelow .infoList .list-content {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block;
  width: 100%;
  max-width: 100%;
}
.whiteBoxCardGap {
  gap: 30px !important;
}
.card-Height-Widget {
  height: 100% !important;
}
.map-Height {
  height: 100% !important;
}
.sld-widget {
  border: 1px solid #d2d4d8 !important;
}
.recent-alerts-widget {
  padding: 30px 15px 0px 30px !important;
  background-color: #ffffff !important;
}
.recent-alerts-widget .monitorAssetList .alarmList-container {
  flex: 1;
  padding: var(--rm-recentActiveAlertsPadding);
  background-color: #FFFFFF;
  border-left: none !important;
  display: flex;
  flex-direction: column;
  height: var(--rm-alarmListContainerHeight);
}
.home-slider-widget {
  padding: 15px 30px 0px 15px !important;
  background-color: #ffffff !important;
}
.map-widget-card {
  padding: 15px 30px 30px 30px !important;
  background-color: #ffffff !important;
}
.map-widget-card .map-width {
  width: 100% !important;
}
.sld-filter {
  display: block !important;
  background: #FFFFFF !important;
}
.sld-filter .cdk-overlay-container .cdk-overlay-pane.cpReportDialog .mat-dialog-container {
  width: 100% !important;
  max-width: 95vw !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sld-filter .cdk-overlay-container .cdk-overlay-pane.cpReportDialog .mat-dialog-container {
    max-width: 90vw !important;
  }
}
.wordWrap {
  word-wrap: anywhere !important;
  white-space: normal !important;
}
.header-navbar {
  background-color: var(--rm-headerBackgroundColorGlobal);
  color: var(--rm-headerFontColor);
  display: flex;
  position: relative;
  align-items: center;
}
.header-navbar.zIndexUp {
  z-index: 2;
}
.header-navbar button,
.header-navbar input {
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
}
.header-navbar .header-leftBlock {
  display: flex;
  align-items: center;
  padding: var(--rm-headerLeftblockPadding);
  position: relative;
  z-index: 1;
}
.header-navbar .header-leftBlock .logo {
  margin-right: 50px;
  position: relative;
  max-width: 150px;
}
.header-navbar .header-leftBlock .logo svg {
  transform: translateY(-1px);
}
.header-navbar .header-leftBlock .logo img {
  max-width: 90%;
  display: inline-block;
}
.header-navbar .header-leftBlock .logo-title {
  font-size: var(--rm-headerfontSizeDefault);
  margin-right: 23px;
  display: flex;
  min-width: var(--rm-headerLogoTitleWidth);
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header-navbar .header-leftBlock .logo-title {
    display: none;
  }
}
.header-navbar .header-leftBlock .logo-title .headerLogo {
  max-width: 100%;
  height: 50px;
}
.header-navbar .header-leftBlock .logo-title .logotext {
  align-self: center;
  margin-left: var(--rm-headerCompanyMarginLeft);
}
.header-navbar .header-leftBlock .headerSearch input[type=text] {
  width: var(--rm-headerSearchInputWidth);
  border-radius: var(--rm-noBorderRadius);
  transition: width 0.2s ease;
}
.header-navbar .header-leftBlock .headerSearch input[type=text]::placeholder {
  color: var(--rm-customInputPlaceholderColorSearch) !important;
}
.header-navbar .headerBreadcrumbs {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  position: absolute;
  width: 100%;
  left: 0;
}
.header-navbar .headerBreadcrumbs > div {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.header-navbar .headerBreadcrumbs > div i {
  max-width: 25px;
  display: block;
  margin-right: 8px;
}
.header-navbar .headerBreadcrumbs > div i .productIcon img {
  width: 100% !important;
}
.header-navbar .headerBreadcrumbs > div strong {
  font-size: var(--rm-fontSizeHeaderCenter);
  color: var(--rm-headerFontColor);
  line-height: 2.6rem;
  font-weight: var(--rm-fontWeightHeaderCenter);
  letter-spacing: 0.5px;
  max-width: 12em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-navbar .headerBreadcrumbs .pageTitle {
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeLarge);
  margin-bottom: 0;
  font-weight: var(--rm-fontWeightMedium);
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header-navbar .headerBreadcrumbs {
    display: none;
  }
}
.header-navbar .productIcon img {
  width: 100% !important;
}
.header-navbar .header-rightBlock {
  margin-left: auto;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.header-navbar .header-rightBlock.zIndexUp {
  z-index: 3;
}
.header-navbar .header-rightBlock .headerLink {
  margin-right: 25px;
}
.header-navbar .header-rightBlock .headerLink i {
  height: 25px;
  width: 25px;
  display: inline-block;
}
.header-navbar .header-rightBlock .headerIconWrapper {
  width: 49px;
  margin-right: 50px;
}
.header-navbar .header-rightBlock .rightBlockItems {
  padding: 10px 20px;
  display: flex;
  align-items: center;
}
.header-navbar .header-rightBlock .rightBlockItems .replayBlock {
  display: flex;
  align-items: center;
  margin-right: 25px;
}
.header-navbar .header-rightBlock .rightBlockItems .replayBlock .replayRotate {
  flex: 1;
  height: auto;
  width: auto;
}
.header-navbar .header-rightBlock .rightBlockItems .replayBlock .replayExclamation {
  flex: 1;
}
.allAssetsWrapper {
  margin-right: var(--rm-assetTreeMarginRight);
}
.allAssetsWrapper .allAssets-btn {
  color: var(--rm-headerFontColor);
  font-size: var(--rm-headerfontSizeDefault);
  font-weight: var(--rm-fontWeightMedium);
}
.allAssetsWrapper .allAssets-btn > i {
  margin-left: 3px;
}
.allAssetsWrapper .allAssetsPopupWrapper {
  display: none;
  position: absolute;
  top: 51px;
  right: 0px;
  min-width: 300px;
  height: calc(100vh - 51px);
  background-color: var(--rm-assetTreeBackgroundColor);
  box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.allAssetsWrapper .allAssetsPopupWrapper::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--rm-assetTreeIndicator);
  left: var(--rm-assetTreeIndicationleft);
  top: -6px;
  transform: rotate(45deg);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupTitle {
  background-color: var(--rm-assetTreeHeaderBackgroundColor);
  padding: 8px 15px;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupTitle h4,
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupTitle .h4 {
  font-size: var(--rm-fontSizeMedium) !important;
  font-weight: bold;
  margin-bottom: 0;
  color: var(--rm-headerCardFontColor);
  font: var(--rm-fontFamily);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent {
  padding: 10px 0 0;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .headerSearch {
  margin: 0 12px 12px 12px;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList a.link {
  display: block;
  padding: 7px 0;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .allAssetsLink {
  display: block;
  color: var(--rm-blackColor);
  margin-bottom: 8px;
  padding: 0 12px 0 16px;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink {
  position: relative;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .accordion-arrow {
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 38px;
  height: 38px;
  padding-top: 6px;
  padding-left: 16px;
  z-index: 2;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .accordion-arrow img {
  vertical-align: middle;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .accordion-arrow.active img {
  transform: rotate(90deg);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink ul {
  padding-left: 16px;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper {
  position: relative;
  padding: 0 0 0 38px;
  margin: 3px 5px;
  border: var(--rm-border-width) solid var(--rm-sectionBorderColor);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper::after {
  content: "";
  opacity: 0;
  position: absolute;
  background-color: var(--rm-hoverColor);
  height: 100%;
  right: 0;
  top: 0;
  width: 300px;
  z-index: 1;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper a {
  display: block;
  padding: 8px 12px 8px 0;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-assetTreeFontColor);
  position: relative;
  z-index: 2;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper img {
  filter: var(--rm-assetTreeImageColor);
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover {
  color: var(--rm-assetTreeHoverFontColor);
  border: var(--rm-border-width) solid var(--rm-borderColor);
  border-radius: var(--rm-borderRadius);
  font-weight: var(--rm-assetTreeHoverFontWeight);
  transform: scale(1.02);
  box-shadow: var(--rm-box-shadow);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover img {
  filter: var(--rm-assetTreeHoverImageColor);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover a {
  color: var(--rm-assetTreeHoverFontColor);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover::after {
  opacity: var(--rm-opacityassettree);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper.disabled {
  cursor: default;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper.disabled > * {
  opacity: 0.6;
  color: black;
  pointer-events: none;
  cursor: default;
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper.disabled::after {
  background-color: rgba(0, 0, 0, 0.15);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper.disabled:hover a {
  color: rgba(0, 0, 0, 0.7);
}
.allAssetsWrapper .allAssetsPopupWrapper .allAssetsPopup .closeBtn img {
  filter: none;
}
.allAssetsWrapper.languageWrapper {
  margin: 0 0 0 15px;
  padding-left: 15PX;
  border-left: 1px solid #c2c2c2;
}
.allAssetsWrapper.languageWrapper .allAssets-btn {
  min-width: 70px;
  text-align: left;
}
.allAssetsWrapper.languageWrapper .allAssets-btn .icon-arrow.selected img {
  transform: rotate(180deg);
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper {
  height: auto;
  min-width: auto;
  border-radius: var(--rm-sidenavDefaultBorderRadius);
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper::before {
  content: "";
  display: none;
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent {
  padding: 10px;
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList.langSelection {
  background-color: var(--rm-legendBackgroundColor);
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .flagLink {
  color: var(--rm-fontColor);
  padding: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .flagLink .flagIcon {
  width: 25px;
  display: inline-block;
  margin-right: 10px;
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .flagLink:hover {
  color: var(--rm-assetTreeFontColor);
  border: var(--rm-border-width) solid(--rm-borderColor);
  border-radius: var(--rm-borderRadius);
  font-weight: bold;
  transform: scale(1.02);
  box-shadow: var(--rm-box-shadow);
}
.allAssetsWrapper.languageWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .flagLink:hover::after {
  opacity: 1;
}
.notification-btn {
  position: relative;
  margin-right: 25px;
}
.notification-btn .notification-alert {
  position: absolute;
  background-color: #ff0000;
  border-radius: 50%;
  color: white;
  height: 20px;
  width: 20px;
  right: -7px;
  top: -2px;
  text-align: center;
  line-height: 20px;
  font-size: var(--rm-fontSizeDefault);
}
.closeBtn {
  position: absolute;
  right: 10px;
  top: 8px;
}
.user-profileWrapper .user-icon-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
}
.user-profileWrapper .user-icon {
  background-color: white;
  border-radius: 50%;
  color: var(--rm-blackColor);
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 31px;
  font-size: var(--rm-fontSizeDefault);
}
.user-profileWrapper .full-name {
  color: var(--rm-headerFontColor);
  font-size: var(--rm-headerfontSizeDefault);
  font-weight: var(--rm-fontWeightMedium);
  margin: 0 0 0 15px;
}
.user-profileWrapper .avatar-circle-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--rm-headerUserNameIconBackgroundColour);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.user-profileWrapper .avatar-circle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: var(--rm-headerUserNameIconColor);
}
.user-profileWrapper .user-profilePopupWrapper {
  display: none;
  position: absolute;
  top: var(--rm-userProfilePosition);
  right: var(--rm-alignRight);
  width: 451px;
  height: calc(100vh - 51px);
}
.user-profileWrapper .user-profilePopupWrapper::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--rm-userProfileIndicator);
  right: var(--rm-profileAlignRight);
  top: -6px;
  transform: rotate(45deg);
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent {
  color: var(--rm-userProfileFontColor);
  background-color: var(--rm-userProfileContentBackgroundColor);
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeInUp 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  flex-direction: column;
  font-family: var(--rm-fontFamily);
  box-shadow: 0px 6px 8px -1px #909090;
  border-radius: 0px 0px 10px 10px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  margin-right: 4px;
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .user-DP {
  height: 102px;
  width: 102px;
  background: var(--rm-userProfileDPBackgroundColor);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--rm-fontSizeUserDP);
  font-weight: var(--rm-fontWeightRegular);
  color: var(--rm-userProfileDPFontColor);
  margin-bottom: 19px;
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .userName {
  font-size: var(--rm-fontSizeMedium);
  margin-bottom: 2px;
  letter-spacing: 0.5px;
  font-weight: var(--rm-fontWeightMedium) !important;
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .userRole {
  margin-bottom: 22px;
  letter-spacing: 0.5px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightRegular) !important;
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .userRole img {
  filter: var(--rm-pngIconColor);
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .userRole.userOptions .textlink:hover {
  color: var(--rm-userPopupfontHoverColor);
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .textlink {
  font-size: var(--rm-fontSizeUserProfile);
  margin-bottom: 23px;
  cursor: pointer;
  color: var(--rm-fontColorHyperlink);
  font-weight: var(--rm-fontWeightRegular) !important;
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .textlink .textlinkIcon {
  margin-right: 10px;
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .textlink:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .signOutBtn {
  font-size: var(--rm-fontSizeMedium);
  padding: 5px 36px;
  letter-spacing: 0.5px;
  background: var(--rm-buttonBackgroundColor);
  color: var(--rm-buttonFontColor);
  border-radius: 4px;
  transition: all 0.3s ease;
  border: solid 1px transparent;
  margin: 0 !important;
}
.user-profileWrapper .user-profilePopupWrapper .user-profilePopupContent .signOutBtn:hover {
  background-color: white;
  border-color: var(--rm-buttonBackgroundColor);
  color: var(--rm-blackColor);
}
.closeBtn {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: transparent;
  height: 40px;
  width: 40px;
}
.closeBtn i {
  display: block;
  margin-top: -2px;
}
.closeBtn i img {
  filter: var(--rm-pngIconColor);
}
.headerSearch {
  position: relative;
  padding: 1px 6px 1px 30px;
  margin: var(--rm-selectSearchMargin);
  display: flex;
  border-bottom: var(--rm-headerSearchborder);
}
.headerSearch button,
.headerSearch input {
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
}
.headerSearch input[type=text] {
  width: 100%;
  line-height: 18px;
  position: relative;
  z-index: 1;
  display: block;
  font-size: var(--rm-fontSizeDefault);
}
.headerSearch input[type=text]:focus + label {
  border-color: var(--rm-primaryColor);
}
.headerSearch input[type=text]::placeholder {
  color: var(--rm-headerSearchPlaceholderColor);
}
.headerSearch label {
  background-color: white;
  border-radius: var(--rm-headerSearchBorderRadius);
  border: var(--rm-assetTreeInputBorder);
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.headerSearch label .icon-search {
  width: 14px;
  margin: 0 0 0 6px;
  display: block;
  line-height: 17px;
  filter: invert(90%) sepia(5%) saturate(200%) hue-rotate(180deg) brightness(95%) contrast(95%);
}
.headerSearch:hover,
.headerSearch:focus-within,
.headerSearch:active {
  border-bottom-color: var(--rm-searchColorHover) !important;
}
.headerSearch:hover .icon-search img,
.headerSearch:focus-within .icon-search img,
.headerSearch:active .icon-search img {
  filter: invert(85%) sepia(8%) saturate(120%) hue-rotate(180deg) brightness(90%) contrast(95%);
}
.headerSearch:hover .icon-close img,
.headerSearch:focus-within .icon-close img,
.headerSearch:active .icon-close img {
  filter: var(--rm-headerIconClose);
}
.headerSearch.reportSearch {
  margin: 0 0 10px 5px;
}
.headerSearch.reportSearch label {
  border-radius: 4px;
}
.headerSearch.reportSearch label .icon-search {
  margin: 2px 0 0 6px;
}
.headerSearch.reportSearch input[type=text] {
  line-height: 22px;
}
.headerSearch .icon-close img {
  width: 20px;
  height: 20px;
  filter: var(--rm-headerIconClose);
}
.globalDropdownWrapperOuter {
  width: 100%;
  max-width: 220px;
  padding: 20px;
}
.globalDropdownMenuWrapper {
  margin-right: 0;
  position: relative;
}
.globalDropdownMenuWrapper .allAssets-btn {
  width: 100%;
  height: 26px;
  border: var(--rm-defaultInputBorder);
  border-radius: var(--rm-noBorderRadius) !important;
  font-size: var(--rm-fontSizeDefault);
  line-height: 16px;
  color: var(--rm-allAssetsColor);
  text-align: left;
  background-color: var(--rm-inputBackgroundColor);
  display: flex;
  justify-content: space-between;
  padding: 5px 9px;
}
.globalDropdownMenuWrapper .allAssets-btn:hover {
  border: var(--rm-hoverInputBorder) !important;
}
.globalDropdownMenuWrapper .allAssets-btn:active {
  border: var(--rm-activeInputBorder) !important;
}
.globalDropdownMenuWrapper .allAssets-btn:focus {
  border: var(--rm-activeInputBorder) !important;
}
.globalDropdownMenuWrapper .allAssets-btn img {
  transform: rotate(90deg) translateX(-2px);
  filter: var(--rm-assetTreeImageColor);
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper {
  width: 100%;
  right: auto;
  left: 0;
  top: 100%;
  border-radius: --rm-noBorderRadius;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper::before {
  display: none;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent {
  padding: 9px 12px;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper {
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border: none;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover {
  color: var(--rm-assetTreeHoverFontColor) !important;
  border: none;
  border-radius: 0;
  font-weight: normal;
  transform: none;
  box-shadow: none;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover img {
  filter: var(--rm-assetTreeHoverImageColor);
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover a {
  color: var(--rm-assetTreeHoverFontColor) !important;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover::after {
  opacity: 0;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper .accordion-arrow {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 6px;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper .accordion-arrow img {
  vertical-align: middle;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper .accordion-arrow.active img {
  transform: rotate(90deg);
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper a {
  padding: 0;
}
.globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .headerSearch {
  margin: 0 0 9px;
  padding: 3px 9px;
  border-radius: var(--rm-headerSearchBorderRadius);
}
.globalDropdownMenuWrapper .headerSearch {
  background-color: #fff;
  border: var(--rm-globalSearchBorder);
  border-radius: 30rem;
  display: flex;
  border-bottom: var(--rm-headerSearchborder);
}
.globalDropdownMenuWrapper .headerSearch label {
  background-color: transparent;
  border: none;
  border-radius: 0;
  position: static;
  width: auto;
  height: auto;
  margin-right: 3px;
}
.globalDropdownMenuWrapper .headerSearch label i {
  margin: 0;
}
.globalDropdownMenuWrapper .headerSearch input[type=text] {
  height: auto;
  background-color: transparent;
  border: none;
  max-width: calc(100% - 30px);
}
.globalDropdownMenuWrapper.active .allAssets-btn::after {
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: flex;
  position: fixed;
}
.globalDropdownMenuWrapper .assetDropdown .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover a {
  color: var(--rm-NameplateAssetnameHoverColor);
}
.user-myDashboardPopupWrapper .myDashboardPopupContent {
  display: flex;
  align-items: center;
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardDP {
  height: 130px;
  width: 130px;
  background: var(--rm-userProfileDPBackgroundColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--rm-fontSizeMyDashboardDP);
  line-height: 1.1;
  font-weight: var(--rm-fontWeightRegular);
  color: var(--rm-userProfileDPFontColor);
  margin-right: 15px;
  overflow: hidden;
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail {
  flex: 1;
  color: var(--rm-fontColor);
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail .userProfile {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontWeightMedium) !important;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  font-family: var(--rm-fontFamily);
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail .userProfile .dataText {
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightRegular);
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail .userRole {
  font-size: var(--rm-fontSizeDefault);
  display: flex;
  flex-direction: column;
  font-weight: var(--rm-fontWeightRegular);
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail .userRole .userRoleData {
  display: flex;
  margin-bottom: 5px;
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail .userRole .userRoleData .dataLeft {
  margin-right: 5px;
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail .userRole .userRoleData .dataRight {
  flex: 1;
  margin-left: 5px;
}
.user-myDashboardPopupWrapper .myDashboardPopupContent .myDashboardUserDetail .userRole :last-child {
  margin-bottom: 0;
}
.user-myDashboardPopupWrapper .filterButton {
  background-color: #404040;
  border: solid 1px transparent;
}
.left-sidebar {
  background-color: var(--rm-sidenavBackgroundColor);
  width: 230px;
  position: relative;
  transition: width 0.2s ease;
  overflow: hidden;
  border-right: 1px solid #BBBABB;
  height: 100%;
}
.left-sidebar.slideOn {
  width: 45px !important;
}
.left-sidebar.slideOn .example-accordion-item-body {
  display: none;
}
.left-sidebar.slideOn .bottom-nav .toggleSidebar svg {
  transform: rotate(-180deg);
}
.left-sidebar.slideOnModule {
  width: 68px !important;
}
.left-sidebar.slideOnModule .example-accordion-item-body {
  display: none;
}
.left-sidebar.slideOnModule .bottom-nav .toggleSidebar svg {
  transform: rotate(-180deg);
}
.left-sidebar .leftNav-wrapper {
  width: 230px;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.left-sidebar .leftNav-wrapper > .nav {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.left-sidebar .leftNav-wrapper .sidenavImg {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background-size: cover;
  background-position: center;
}
.left-sidebar h4.sidebarHeading,
.left-sidebar .sidebarHeading.h4 {
  margin-bottom: 4px;
  border-bottom: solid 1px #CBCBCB;
}
.left-sidebar h4.sidebarHeading.noborder,
.left-sidebar .sidebarHeading.noborder.h4 {
  border-bottom: 0;
  margin-bottom: 0;
}
.left-sidebar h4.sidebarHeading.noborder.nohover,
.left-sidebar .sidebarHeading.noborder.nohover.h4 {
  pointer-events: none;
  background-color: transparent !important;
}
.left-sidebar h4.sidebarHeading.noborder.nohover .navLink,
.left-sidebar .sidebarHeading.noborder.nohover.h4 .navLink {
  font-size: 17px;
}
.left-sidebar h4.sidebarHeading.noborder .navLink,
.left-sidebar .sidebarHeading.noborder.h4 .navLink {
  font-size: var(--rm-fontSizeLarge);
  word-wrap: break-word;
  font-weight: var(--rm-sideNavfontWeight);
  cursor: pointer;
}
.left-sidebar h4.sidebarHeading.noborder .navLink .componyIcon,
.left-sidebar .sidebarHeading.noborder.h4 .navLink .componyIcon {
  width: 21px;
}
.left-sidebar h4.sidebarHeading.noborder.noIcon .navLink,
.left-sidebar .sidebarHeading.noborder.noIcon.h4 .navLink {
  padding-left: 18px;
}
.left-sidebar h4.sidebarHeading.noborder.noIcon .homeIcon,
.left-sidebar .sidebarHeading.noborder.noIcon.h4 .homeIcon {
  padding-left: var(--rm-assetHeadingpPadding);
}
.left-sidebar h4.sidebarHeading.noborder.noIcon .homeIcon .onlyName,
.left-sidebar .sidebarHeading.noborder.noIcon.h4 .homeIcon .onlyName {
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeLarge);
  font-weight: var(--rm-fontWeightMedium);
  margin-left: -33px;
  color: var(--rm-fontColor);
}
.left-sidebar .example-accordion {
  display: block;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.left-sidebar .example-accordion-item {
  display: block;
}
.left-sidebar .example-accordion-item-header {
  display: block;
}
.left-sidebar .example-accordion-item-body {
  background-color: var(--rm-sidenavAccordionBackgroundColor);
}
.left-sidebar .btn-toggle-nav {
  margin-bottom: 0 !important;
}
.left-sidebar .btn-toggle-nav li {
  list-style: none;
}
.left-sidebar .navLinkWrapper.newnavlink:hover {
  background: var(--rm-sidenavActiveHoverBackgroundColor);
}
.left-sidebar .navLinkWrapper.newnavlink.active {
  background: var(--rm-sidenavActiveHoverBackgroundColor);
}
.left-sidebar .navLinkWrapper.newnavlink .navLinknested:hover {
  background: var(--rm-sidenavActiveHoverBackgroundColor);
}
.left-sidebar .navLinkWrapper.newnavlink .navLink:hover {
  background: var(--rm-sidenavActiveHoverBackgroundColor);
}
.left-sidebar .navLinkWrapper.newnavlink .nestedanchorLink {
  color: var(--rm-sidenavFontColor);
}
.left-sidebar .navLinkWrapper.newnavlink .nestedanchorLink:hover {
  background: var(--rm-sidenavActiveHoverBackgroundColor);
  color: var(--rm-sidenavActiveHoverFontColor);
}
.left-sidebar .navLinkWrapper.newnavlink .nestedanchorLink.active {
  background: var(--rm-sidenavActiveHoverBackgroundColor);
  color: var(--rm-sidenavActiveHoverFontColor);
}
.left-sidebar .navLinkWrapper .navLink {
  font-weight: var(--rm-fontweightstatus);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-sidenavFontColor);
  display: block;
  padding: var(--rm-navlinkPadding);
  margin: var(--rm-navlinkMargin);
  position: relative;
  border: var(--rm-border-width) solid var(--rm-borderColor);
  border-radius: var(--rm-sidenavDefaultBorderRadius);
}
.left-sidebar .navLinkWrapper .navLink.backlink path {
  fill: none !important;
}
.left-sidebar .navLinkWrapper .navLink path {
  fill: var(--rm-sidenavIconColor) !important;
}
.left-sidebar .navLinkWrapper .navLink .navLinkIcon {
  position: absolute;
  left: var(--rm-sidenavIconLeftSpacing);
  top: 0;
  width: var(--rm-sidenavIcon);
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
.left-sidebar .navLinkWrapper .navLink .navLinkIcon mat-icon {
  max-width: 100%;
  display: flex;
  font-size: 0;
}
.left-sidebar .navLinkWrapper .navLink .accordion-arrow {
  position: absolute;
  right: 10px;
  top: 0;
  width: 8px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
.left-sidebar .navLinkWrapper .navLink .accordion-arrow svg {
  transition: transform 0.2s ease;
  transform: rotate(0deg);
}
.left-sidebar .navLinkWrapper .navLink .accordion-arrow.arrow-down svg {
  transform: rotate(90deg);
}
.left-sidebar .navLinkWrapper .navLink.active {
  background-color: var(--rm-sidenavActiveHoverBackgroundColor);
  color: var(--rm-sidenavActiveHoverFontColor);
  border: var(--rm-border-width) solid var(--rm-borderColor);
  border-radius: var(--rm-borderRadius);
  transform: var(--rm-sidenavActiveHoverFontZoom);
  box-shadow: var(--rm-box-shadow);
  font-weight: var(--rm-sidenavActiveFontWeight);
}
.left-sidebar .navLinkWrapper:hover .navLink,
.left-sidebar .navLinkWrapper.active .navLink {
  background-color: var(--rm-sidenavActiveHoverBackgroundColor);
  color: var(--rm-sidenavActiveHoverFontColor);
  border-radius: var(--rm-borderRadius);
  transform: var(--rm-sidenavActiveHoverFontZoom);
  box-shadow: var(--rm-box-shadow);
  font-weight: var(--rm-fontweightstatushover) !important;
}
.left-sidebar .navLinkWrapper:hover .navLink.backlink path,
.left-sidebar .navLinkWrapper.active .navLink.backlink path {
  fill: none !important;
}
.left-sidebar .navLinkWrapper:hover .navLink path,
.left-sidebar .navLinkWrapper.active .navLink path {
  fill: var(--rm-sidenavActiveHoverFontColor) !important;
}
.left-sidebar .navLinkWrapper:hover .navLink.disableLink,
.left-sidebar .navLinkWrapper.active .navLink.disableLink {
  pointer-events: none;
  cursor: pointer;
  background-color: transparent;
}
.left-sidebar .navLinkWrapper:hover .navLink.disableLink path,
.left-sidebar .navLinkWrapper.active .navLink.disableLink path {
  fill: initial !important;
}
.left-sidebar .navLinkWrapper.active-parent .navLink {
  font-weight: var(--rm-sidenavActiveHoverFontWeight);
}
.left-sidebar .navLinkWrapper.active-parent .navLink .accordion-arrow svg {
  transform: rotate(90deg);
}
.left-sidebar .navLinkWrapper.active-parent .navLink:hover {
  background-color: var(--rm-sidenavActiveHoverBackgroundColor);
  color: var(--rm-sidenavActiveHoverFontColor);
}
.left-sidebar .navLinkWrapper.active-parent .navLink:hover path {
  fill: var(--rm-sidenavActiveHoverFontColor);
}
.left-sidebar .navLinkWrapper.active .navLink {
  background-color: var(--rm-sidenavActiveHoverBackgroundColor);
  color: var(--rm-sidenavActiveHoverFontColor);
}
.left-sidebar .navLinkWrapper.active .navLink path {
  fill: var(--rm-sidenavActiveHoverFontColor);
}
.left-sidebar .navLinkWrapper .disableLink.navLink {
  border: 1px solid transparent;
  border-radius: 0;
  font-weight: var(--rm-sidenavActiveHoverFontWeight);
  transform: var(--rm-sidenavActiveHoverFontZoom);
  box-shadow: none;
  color: var(--rm-sidenavFontColor);
}
.left-sidebar .navLinkWrapper .disableLink:hover .navLink,
.left-sidebar .navLinkWrapper .disableLink.active .navLink {
  border: 1px solid transparent;
  border-radius: 0;
  font-weight: var(--rm-sidenavActiveHoverFontWeight);
  transform: var(--rm-sidenavActiveHoverFontZoom);
  box-shadow: none;
  color: var(--rm-sidenavFontColor);
}
.left-sidebar .navLinkWrapper:has(.nestedanchorLink:hover) {
  background: transparent !important;
}
.left-sidebar .navLinkWrapper:has(.nestedanchorLink:hover) .navLink {
  background: transparent !important;
  color: var(--rm-sidenavFontColor) !important;
}
.left-sidebar .bottom-nav {
  padding-bottom: 45px;
}
.left-sidebar .bottom-nav button.toggleSidebar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--rm-sidenavAccordionAdminBackgroundColor);
  padding: 8px;
  text-align: center;
  width: 100%;
}
.left-sidebar .bottom-nav button.toggleSidebar path {
  fill: var(--rm-sidenavIconColor) !important;
}
.left-sidebar .bottom-nav button.toggleSidebar:hover {
  background-color: var(--rm-sidenavActiveHoverBackgroundColor);
}
.left-sidebar .bottom-nav button.toggleSidebar:hover path {
  fill: var(--rm-sidenavActiveHoverFontColor) !important;
}
.left-sidebar .bottom-nav button.toggleSidebar svg {
  vertical-align: middle;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
}
.left-sidebar .bottom-nav button.toggleSidebar .toggleSidebarBorder {
  display: inline-block;
  border: var(--rm-border-width) solid var(--rm-borderColor);
  border-radius: 50%;
  padding: 3px 8px;
}
.left-sidebar .bottom-nav button.toggleSidebar .toggleSidebarBorder:hover {
  box-shadow: var(--rm-box-shadow);
}
@media (min-width: 1025px) {
  .btn13 {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .btn13 {
    display: block;
    position: fixed;
    width: 36px;
    height: 36px;
    top: 8px;
    left: 10px;
    transition: none;
    background-color: transparent;
  }
  .btn13 .icon {
    transition-duration: 0.3s;
    position: absolute;
    height: 3px;
    width: 26px;
    top: 15px;
    left: 0;
    background-color: #ffffff;
  }
  .btn13 .icon:before {
    transition-duration: 0.3s;
    position: absolute;
    width: 26px;
    height: 3px;
    background-color: #ffffff;
    content: "";
    top: -8px;
    left: 0;
  }
  .btn13 .icon:after {
    transition-duration: 0.3s;
    position: absolute;
    width: 26px;
    height: 3px;
    background-color: #ffffff;
    content: "";
    top: 8px;
    left: 0;
  }
  .slideOn .btn13 .icon {
    transition: 0.5s;
  }
  .slideOn .btn13 .icon:before {
    transform: rotateZ(-45deg) scaleX(0.75) translate(-8px, -3px);
    width: 20px;
    left: 4px;
  }
  .slideOn .btn13 .icon:after {
    transform: rotateZ(45deg) scaleX(0.75) translate(-8px, 3px);
    width: 20px;
    left: 4px;
  }
  .btn13:hover {
    cursor: pointer;
  }
  .header-navbar .header-leftBlock {
    padding-left: 48px;
  }
  .left-sidebar {
    position: absolute;
    left: -230px;
    height: calc(100% - 51px);
    z-index: 101;
    top: 51px;
    transition: left 0.2s ease;
  }
  .left-sidebar.slideOn {
    width: 230px !important;
    left: 0;
  }
  .left-sidebar .bottom-nav {
    padding-bottom: 0;
  }
  .left-sidebar .bottom-nav button.toggleSidebar {
    display: none;
    position: fixed;
    top: 6px;
    left: 6px;
    width: 36px;
    bottom: auto;
  }
  .monitoringHome div.alarmMap-wrapper {
    height: 93vh !important;
  }
  .left-sidebar.slideOn .example-accordion-item-body {
    display: block;
  }
}
.wrapper {
  height: calc(100vh - 52px);
  display: flex;
  flex-direction: column;
}
.wrapper.noHeader {
  height: 100vh !important;
}
.wrapper .container-wrapper {
  background-color: var(--rm-backgroundPrimaryColor);
  display: flex;
  flex: 1;
  overflow: hidden;
}
app-asset-trends {
  display: block;
  height: 100%;
}
.main-container {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.main-container .mat-toolbar {
  border-bottom: 1px solid #DEDCDE;
}
.main-container .mat-card,
.main-container .form-card {
  padding: 0;
  background: var(--rm-backgroundPrimaryColor);
}
.mat-toolbar .toolbarDropdown {
  margin-left: 18px 0 0 !important;
}
.mat-toolbar .list_title {
  font-family: var(--rm-fontFamily);
}
.loginLayout {
  display: flex;
  flex-direction: column;
}
.loginLayout .loginContainer {
  display: flex;
  height: calc(100% - 50px);
}
.loginLayout .loginContainer .poweredBy {
  padding-top: 4%;
  color: var(--rm-fontColor);
}
.loginLayout .loginContainer .poweredBy > span {
  display: block;
  text-align: center;
  margin-bottom: 4px;
  font-size: var(--rm-fontSizeDefault);
}
.loginLayout .loginContainer .poweredBy .rmesLogo {
  display: flex;
  justify-content: center;
}
.loginLayout .loginContainer .poweredBy .rmesLogo svg {
  max-width: 100%;
}
.loginLayout .loginContainer .loginRight .loginContent {
  width: 100%;
}
.loginLayout .loginContainer .loginRight .loginContent h2,
.loginLayout .loginContainer .loginRight .loginContent .h2 {
  font-size: 4.5rem;
  font-weight: bold;
  margin-bottom: 0;
  text-shadow: 1px 1px 3px #0a2055, 0px 0px 10px #0a2055;
}
.loginLayout .loginContainer .loginRight .loginContent p {
  font-size: 2.5rem;
  margin: 0;
  text-shadow: 1px 1px 3px #0a2055, 0px 0px 10px #0a2055;
}
.loginLayout .loginLeft {
  width: 38%;
  padding: 3vh 4.7% 0 5.5%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.loginLayout .loginLeft .logo-container {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
.loginLayout .loginLeft .logo-container img {
  max-width: 100%;
  height: var(--rm-companyLogoHeight);
}
.loginLayout .loginLeft .loginContent {
  padding: 0 0 18px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.loginLayout .loginLeft .loginContent h2,
.loginLayout .loginLeft .loginContent .h2 {
  font-size: var(--rm-fontSizeXXXLarge);
  font-weight: bold;
  margin-bottom: 8px;
}
.loginLayout .loginLeft .loginContent p {
  font-size: var(--rm-fontSizeDefault);
}
.loginLayout .loginLeft .loginContent .loginTypeHeading {
  font-size: var(--rm-fontSizeXLarge);
  color: var(--rm-fontColor);
}
.loginLayout .loginRight {
  width: 62%;
  display: flex;
  flex-direction: column;
}
.loginLayout .loginRight .loginContentWrapper {
  flex: 1;
  overflow-y: auto;
}
.loginLayout .loginRight .loginContent {
  padding: 18vw 0 0 45px;
  color: white;
  width: 55%;
}
@media (min-height: 768px) {
  .loginLayout .loginRight .loginContent {
    padding-top: 22vw;
  }
}
.loginLayout .loginRight .loginContent h2,
.loginLayout .loginRight .loginContent .h2 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 1.3;
}
.loginLayout .loginRight .loginContent p {
  font-size: var(--rm-fontSizeXLarge);
  margin-bottom: 38px;
  line-height: 1.4;
}
.loginLayout .loginRight .loginContent .btnWhite {
  border: 0 none;
  background: white;
  border-radius: 20px;
  padding: 11px 20px;
  font-size: var(--rm-fontSizeLarge);
  color: var(--rm-primaryColor);
  transition: all 0.3s ease;
}
.loginLayout .loginRight .loginContent .btnWhite:hover {
  background-color: var(--rm-primaryColor);
  color: white;
}
.loginLayout .copyWrite-text {
  background-color: var(--rm-primaryColor);
  color: white;
  padding: 15px 17px;
  padding-left: 38.2%;
}
.loginLayout .copyWrite-text a {
  color: white;
}
.loginLayout .copyWrite-text a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .loginLayout {
    width: auto;
    flex-direction: column;
  }
  .loginLayout .loginLeft {
    width: auto;
    padding: 40px;
    height: auto;
  }
  .loginLayout .loginRight {
    flex: 1;
  }
}
.loginLayout.rilLogin {
  position: relative;
}
.loginLayout.rilLogin .loginGif {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: var(--rm-IMGBackgroundPosition);
  background-repeat: no-repeat;
  background-color: #f7f7f9;
  background-size: var(--rm-IMGBackgroundSize);
  left: 0;
  top: 0%;
  z-index: 1;
}
.loginLayout.rilLogin .loginGif::after {
  content: "";
  background: var(--rm-CornerIMGBackgroundURL);
  background-size: 100% 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.loginLayout.rilLogin .loginLeft {
  min-width: 426px;
}
.loginLayout.rilLogin .loginRight .loginContent {
  padding-top: 3vh;
  padding-left: 17px;
  color: var(--rm-primaryColor);
}
.loginLayout.rilLogin .loginRight .loginContent h2,
.loginLayout.rilLogin .loginRight .loginContent .h2 {
  line-height: 1;
}
.loginLayout.rilLogin .loginRight .loginContent h2,
.loginLayout.rilLogin .loginRight .loginContent .h2,
.loginLayout.rilLogin .loginRight .loginContent p {
  text-shadow: none;
}
.loginLayout.rilLogin .loginContainer {
  position: relative;
  z-index: 2;
}
.loginLayout.rilLogin .copyWrite-text {
  background-color: transparent;
  color: var(--rm-fontColor);
  padding-left: 5.5%;
  position: relative;
  z-index: 2;
}
@media (max-width: 1400px) and (max-height: 700px) {
  .loginLayout.rilLogin .loginLeft {
    padding: 0 4.7% 0 4.5%;
    position: relative;
  }
  .loginLayout.rilLogin .loginLeft .formBg {
    padding: 14px;
    max-width: 349px;
  }
  .loginLayout.rilLogin .loginRight .loginContent {
    padding-top: 20px;
  }
  .loginLayout.rilLogin .loginRight .loginContent h2,
  .loginLayout.rilLogin .loginRight .loginContent .h2 {
    font-size: 3.8rem;
    line-height: 1;
  }
  .loginLayout.rilLogin .loginRight .loginContent p {
    font-size: 2.25rem;
  }
}
.formRow {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColor);
}
.formRow.rowView {
  flex-direction: row;
  padding: 2px;
}
.formRow.rowView .rightAlign {
  margin-left: auto;
}
.formRow.rowBtn {
  padding-top: 16px;
}
.formRow .labelText {
  margin-bottom: var(--rm-fliterLableMarginBottom);
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColor);
  font-weight: normal;
  line-height: var(--rm-filterheadingLineHeight);
}
.formRow .inputField {
  border: 1px solid #A2AAB5;
  background-color: #F6F6FA;
  border-radius: 4px;
  padding: 8px;
  font-size: var(--rm-fontSizeDefault);
  transition: all 0.3s ease;
}
.formRow .inputField:active {
  background-color: #F6F6FA;
}
.formRow .inputField:focus {
  border-color: var(--rm-primaryColor);
  background-color: #F6F6FA;
}
.formRow .inputField.fullWidth {
  width: 100%;
}
.formRow .inputField::placeholder {
  color: var(--rm-customInputPlaceholderColor);
}
.formRow.twoCol {
  flex-direction: row;
}
.formRow.twoCol .labelText {
  flex: 1;
}
.formRow.twoCol .mat-form-field.toolbarDropdown {
  width: 180px;
}
.formRow .FromBtn {
  background-color: var(--rm-primaryColor);
  color: var(--rm-LoginTextColor);
  padding: 10px;
  text-align: center;
  font-size: var(--rm-fontSizeMedium);
  border: 0 none;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: solid 1px transparent;
}
.formRow .FromBtn:hover {
  background-color: white;
  border-color: var(--rm-buttonBackgroundColor);
  color: var(--rm-buttonBackgroundColor);
}
.formRow .FromBtn.fullWidth {
  width: 100%;
}
.formRow .formCheck {
  display: flex;
  padding: 2px \200b 0 0 4px;
  align-items: center;
}
.formRow .formCheck input[type=checkbox] {
  border: 1px solid #A2AAB5;
  height: 15px;
  width: 15px;
  border-radius: 4px;
  background-color: white;
  margin-right: 8px;
}
.formRow .formCheck label {
  color: var(--rm-primaryColor);
}
.captchaWrapper {
  border: 1px solid #A2AAB5;
  border-radius: 4px;
  padding: 0px 15px 10px 15px;
  width: 70%;
}
.captchaWrapper .captchaContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.captchaWrapper .captchaContainer .captchaImageWrapper {
  padding: 20px 30px;
  position: relative;
}
.captchaWrapper .captchaContainer .captchaImageWrapper::after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.captchaWrapper .captchaContainer .captchaImageWrapper .captchaImage {
  font-size: 2.5rem;
  font-weight: normal;
  font-style: italic;
  position: relative;
  text-align: center;
  min-width: 142px;
}
.captchaWrapper .captchaContainer .captchaImageWrapper .captchaImage::before,
.captchaWrapper .captchaContainer .captchaImageWrapper .captchaImage::after {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  left: 0;
  top: 0;
}
.captchaWrapper .captchaContainer .captchaImageWrapper .captchaImage::before {
  background: url("./media/captchaLine1-BQ5FCDW3.svg") center bottom no-repeat;
}
.captchaWrapper .captchaContainer .captchaImageWrapper .captchaImage::after {
  background: url("./media/captchaLine2-YLMNC2L5.svg") center top no-repeat;
  top: 50%;
}
.captchaWrapper .captchaContainer .circleIconBtn {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: relative;
}
.captchaWrapper .captchaContainer .circleIconBtn i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin-top: -1px;
}
.optInputContainer {
  position: relative;
}
.optInputContainer .inputLink {
  position: absolute;
  right: 0;
  display: flex;
  height: 100%;
}
.optInputContainer .inputLink button {
  flex: 1;
  padding: 10px;
  background: transparent;
  color: #0070D2;
}
.optInputContainer .inputField {
  width: 100%;
  padding-right: 70px;
}
.btn-addWrapper {
  position: relative;
  z-index: 2;
}
.btn-addWrapper .addTrandTags {
  position: absolute;
  top: 100%;
  right: 0;
  width: var(--rm-addTrandTagsSectionWidth);
  background: var(--rm-filterBackgroundColor);
  color: var(--rm-filterFontColor);
  border-radius: var(--rm-noBorderRadius);
  border: 1px solid var(--rm-healthCardsBorderColor);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  padding: var(--rm-addTrendTagsPadding);
  max-height: 80vh;
  display: none;
  flex-direction: column;
}
.btn-addWrapper .addTrandTags .headerSearch {
  margin-bottom: 10px;
}
.btn-addWrapper .addTrandTags .headerSearch input[type=text] {
  width: 100%;
  border: 0 none;
}
.btn-addWrapper .addTrandTags .trandTagsList {
  flex: 1;
  overflow-y: auto;
}
.btn-addWrapper .addTrandTags .trandTagsList a {
  color: var(--rm-fontColor);
  padding: 8px 0px;
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightRegular);
}
.btn-addWrapper .addTrandTags .trandTagsList a i {
  position: absolute;
  width: 15px;
  left: 0;
  top: 6px;
}
.btn-addWrapper .addTrandTags .trandTagsList a i img {
  filter: var(--rm-trandTagsListIconColor);
}
.btn-addWrapper.active .addTrandTags {
  display: flex;
}
.btn-addWrapper .leftMenuAdd {
  left: 0;
  right: auto;
}
.btn-addWrapper .button .iconText {
  display: flex !important;
  gap: 10px !important;
}
.btn-addWrapper .button .iconText img {
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
.formRow .formRow {
  margin-bottom: 0;
}
button.btnLink {
  background-color: transparent;
  color: #0070D2;
}
.inputDefault {
  border-radius: 4px;
  border: solid 1px #A2AAB5;
  display: block;
  padding: 3px 6px;
}
.invalidFeedback {
  font-size: var(--rm-fontSizeSmall);
  display: block;
  color: var(--rm-inputErrorMessage);
  padding: 4px 8px 0;
}
.alertMsg {
  font-size: var(--rm-fontSizeSmall);
  padding: 8px;
  border-radius: 4px;
  border: solid 1px rgb(87, 87, 87);
  background-color: rgba(87, 87, 87, 0.3);
}
.alertMsg.errorMsg {
  color: red;
  border-color: red;
  background-color: rgba(255, 0, 0, 0.1);
}
.duvalAnalysis-layout {
  display: flex;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .duvalAnalysis-layout {
    flex-direction: column;
  }
}
.duvalAnalysis-layout .duvalAnalysis-view {
  width: 60%;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .duvalAnalysis-layout .duvalAnalysis-view {
    width: 100%;
    margin-bottom: 30px;
  }
}
.duvalAnalysis-layout .duvalAnalysis-detail {
  width: 40%;
  line-height: 8px;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .duvalAnalysis-layout .duvalAnalysis-detail {
    width: 100%;
  }
}
.duvalAnalysis-layout .duvalAnalysis-detail h3,
.duvalAnalysis-layout .duvalAnalysis-detail .h3 {
  font-size: 1.6rem;
  font-weight: var(--rm-fontWeightMedium);
  font-family: var(--rm-fontFamily);
}
.duvalAnalysis-layout .duvalAnalysis-detail .detailBlock {
  margin-bottom: 40px;
}
.duvalAnalysis-layout .duvalAnalysis-detail .detailBlock .diagnosis-label {
  margin-bottom: 6px;
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightMedium);
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper {
  padding-top: 0 !important;
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper .faultList-subheading {
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
  padding-bottom: 15px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightMedium);
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper .mat-list-item {
  margin-bottom: 14px;
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper .mat-list-item .mat-list-item-content {
  padding: 0 !important;
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper .mat-list-item .mat-list-item-content .mat-list-icon {
  margin: -2px 8px 0 0;
  height: 14px;
  width: 14px;
  font-size: 14px;
  border-radius: var(--rm-noBorderRadius);
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper .mat-list-item .mat-list-item-content .mat-list-icon.analyticLegends {
  border-radius: var(--rm-analyticLegendsBorderRadius);
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper .mat-list-item .mat-list-item-content .strng_data {
  min-width: 24px;
  margin-right: 3px;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightMedium);
}
.duvalAnalysis-layout .duvalAnalysis-detail .faultList-wapper .mat-list-item .mat-list-item-content .mat-subheader {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
}
.duvalAnalysis-layout .alertMsg {
  border-radius: var(--rm-noBorderRadius);
  padding: 6px 10px;
}
.duvalAnalysis-layout .alertMsg.redAlert {
  background-color: #FDD2D5;
  border: 0 none;
  color: var(--rm-fontColorDualAnalysis);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeDefault);
}
.duvalAnalysis-layout .analysisView-indicators {
  display: flex;
}
.duvalAnalysis-layout .analysisView-indicators .indicatorItem {
  display: flex;
}
.duvalAnalysis-layout .analysisView-indicators .indicatorItem:first-child {
  margin-right: 10%;
}
.duvalAnalysis-layout .analysisView-indicators .indicatorItem .indicatorIcon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  display: flex;
}
.duvalAnalysis-layout .analysisView-indicators .indicatorItem .indicatorLabel {
  font-weight: bold;
}
.monitorContentWrapper {
  position: relative;
  min-height: 100%;
}
.monitorContentWrapper .dividerLine::after {
  content: "";
  position: absolute;
  left: 33.33%;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--rm-sectionBorderColor);
}
.healthGaugeWrapper {
  position: relative;
}
.healthGaugeWrapper .itemInfo {
  position: absolute;
  left: 0;
  top: 75%;
  width: 100%;
}
.canvasMaxWidth {
  max-width: var(--rm-canvasMaxWidth);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .canvasMaxWidth {
    max-width: 250px;
  }
}
.resizeCanvas {
  position: relative;
}
.resizeCanvas::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.resizeCanvas > div {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
}
.resizeCanvas > div canvas {
  width: 100% !important;
  height: 100% !important;
}
.healthGauge {
  height: auto;
  overflow: hidden;
}
.realTimeBarGraph {
  position: relative;
}
.realTimeBarGraph .indexWraper {
  position: absolute;
  top: -30px;
  right: 0;
}
.realTimeBarGraph .indexWraper .indexSummaryWrapper {
  width: 100px;
}
.realTimeBarGraph .indexWraper .indexSummaryWrapper .indexSummary span::after {
  right: 30%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .realTimeBarGraph .indexWraper {
    top: -190px;
  }
}
.summary-model1 {
  max-height: 100%;
  overflow: hidden;
  display: flex;
}
.summary-model1 .dividerLine {
  display: flex;
  flex: 1;
}
.summary-model1 .dividerLine > .row {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.summary-model1 .dividerLine > .row .productLeft-col {
  overflow: auto;
  height: 100%;
}
.summary-model1 .dividerLine > .row .productRight-col {
  overflow: auto;
  height: 100%;
}
.summary-model1 .dividerLine > .row .productRight-col .nameplateWrapper .blockHeading h3,
.summary-model1 .dividerLine > .row .productRight-col .nameplateWrapper .blockHeading .h3 {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.summary-model1 .dividerLine > .row .productRight-col .nameplateWrapper .mat-card-content .nameplate-container .nameplate-group h4,
.summary-model1 .dividerLine > .row .productRight-col .nameplateWrapper .mat-card-content .nameplate-container .nameplate-group .h4 {
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.runningStatus .subitemCard {
  width: calc(50% - 66px) !important;
}
.runningStatus .subitemCard:first-child {
  padding: 0 !important;
  background: none !important;
  border: 0px !important;
  width: 71px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .runningStatus .subitemCard {
    width: calc(40.55% - 20px) !important;
  }
}
.runningStatus .itemContainer > div {
  display: flex;
  margin-bottom: 8px;
}
.runningStatus .itemContainer > div:last-child {
  margin-bottom: 0;
}
.runningStatus .itemContainer > div > div:first-child {
  flex: 1;
}
.textWidgetWrapper {
  width: 300px;
  height: 250px;
  margin: 10px;
}
.textWidgetContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.textWidgetContainer h4,
.textWidgetContainer .h4 {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontWeightMedium) !important;
  margin: 0 0 12px 0px;
  font-family: var(--rm-summaryCardFontFamily);
}
.textWidgetContainer .containerBox {
  border-radius: var(--rm-GeneralBorderRadius);
  height: 100px;
  overflow: auto;
  padding: 10px 8px;
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.1;
}
.textWidgetContainer .containerBox.imgContainerBox {
  height: 100px;
}
.textWidgetContainer .containerBox.imgContainerBox .flex-container {
  display: flex;
  justify-content: space-between;
}
.textWidgetContainer .containerBox.imgContainerBox .textWidgetList {
  display: flex;
  width: 100%;
  margin-bottom: 6px;
}
.textWidgetContainer .containerBox.imgContainerBox .textWidgetList label {
  font-weight: bold;
  margin: 0 5px;
}
.textWidgetContainer .containerBox.imgContainerBox .textWidgetList:last-child {
  margin-bottom: 0;
}
.textWidgetContainer .containerBox.imgContainerBox .notextWidgetList {
  display: block;
}
.textWidget {
  padding-bottom: 0 !important;
}
.textWidget .containerBox {
  height: 100px;
}
.threeCol-all33 .textWidgetContainer .containerBox {
  height: 220px;
  word-spacing: 5px;
  line-height: 15px;
}
.threeCol-all33 .textWidgetContainer .containerBox span {
  display: block;
  margin-bottom: 15px;
}
.gaugeChart-Wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gaugeChart-Wrapper .gaugeChartDisc {
  font-weight: normal;
  display: block;
  text-align: center;
}
.twoCol-card {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.twoCol-card.gaugeDisc-Wrapper .js-plotly-plot {
  height: 80px;
  width: 90px;
}
.twoCol-card.gaugeDisc-Wrapper .js-plotly-plot .plot-container {
  transform: scale(0.6);
  transform-origin: 0 0 0;
}
.twoCol-card .gauge-info {
  text-align: center;
}
.twoCol-card .gauge-info span {
  display: block;
}
.productInfo-Content.fourCol-row .gaugeChart-Wrapper {
  flex-direction: row;
}
.productInfo-Content.fourCol-row .subitemCard {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productInfo-Content.fourCol-row .subitemCard {
    flex: auto;
    width: calc(50% - 20px);
  }
}
.productInfo-Content.fourCol-row .guageBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.productInfo-Content.fourCol-row .twoCol-card > .odometer {
  margin-right: 18px;
}
.productInfo-Content.fourCol-row .twoCol-card .alrt_icon {
  margin-right: 18px;
  width: 47px;
}
.productInfo-Content.fourCol-row .gauge-SummaryInfo {
  flex-direction: column;
}
.productInfo-Content.fourCol-row .gauge-SummaryInfo .odometer {
  margin: 0 0 4px !important;
  display: flex;
}
.productInfo-Content.fourCol-row.sevenCols .subitemCard {
  flex: initial;
}
.productInfo-Content.twoCol-row .subitemCard,
.productInfo-Content.threeCol-row .subitemCard {
  padding: 10px;
}
.productInfo-Content.twoCol-row .subitemCard h4.cardStatus-heading,
.productInfo-Content.twoCol-row .subitemCard .cardStatus-heading.h4,
.productInfo-Content.threeCol-row .subitemCard h4.cardStatus-heading,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-heading.h4 {
  font-size: var(--rm-fontSizeLarge);
  margin: 0;
  font-weight: bold;
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-infoWrapper,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-infoWrapper {
  display: flex;
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-infoWrapper .cardstatus-left,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-infoWrapper .cardstatus-left {
  font-weight: normal;
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-infoWrapper .cardstatus-right,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-infoWrapper .cardstatus-right {
  margin-left: auto;
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-fanwrapper,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-fanwrapper {
  display: flex;
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-fanwrapper .fanIcon,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-fanwrapper .fanIcon {
  width: 40px;
  padding-top: 4px;
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-fanwrapper .cardStatus-infocontainer,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-fanwrapper .cardStatus-infocontainer {
  margin-left: 10px;
  flex: 1;
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-fanwrapper .cardStatus-infocontainer .coolingData,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-fanwrapper .cardStatus-infocontainer .coolingData {
  display: flex;
  margin-bottom: 5px;
  font-size: var(--rm-fontSizeDefault);
}
.productInfo-Content.twoCol-row .subitemCard .cardStatus-fanwrapper .cardStatus-infocontainer .coolingData .coolingRight,
.productInfo-Content.threeCol-row .subitemCard .cardStatus-fanwrapper .cardStatus-infocontainer .coolingData .coolingRight {
  margin-left: auto;
}
.productInfo-Content.twoCol-row .chartToolbar,
.productInfo-Content.threeCol-row .chartToolbar {
  padding-top: 5px;
}
.productInfo-Content.twoCol-row .chartToolbar,
.productInfo-Content.twoCol-row .chartWrapperContainer,
.productInfo-Content.threeCol-row .chartToolbar,
.productInfo-Content.threeCol-row .chartWrapperContainer {
  margin: 0 -10px;
}
.filterMenu-Wpraper {
  position: relative;
}
.filterMenu-Wpraper .filterMenuDD {
  width: 338px;
  display: none;
  position: absolute;
  top: 100%;
  background-color: white;
  border-radius: var(--rm-filterBorderRadius);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
  z-index: 102;
  right: 0;
  overflow: hidden;
  max-height: 57vh;
  border: 1px solid var(--rm-dropdownBorderColor);
}
.filterMenu-Wpraper .filterMenuDD.active {
  display: flex;
  flex-direction: column;
}
.filterMenu-Wpraper .filterMenuDD.positionRight-102 {
  right: 0px;
}
.filterMenu-Wpraper .filterMenuDD .panel-title {
  display: flex;
  background-color: var(--rm-headerCardHeaderBackgroundColor);
  padding: 10px 15px;
  border-radius: var(--rm-filterDropdownPanelTitleBorder);
}
.filterMenu-Wpraper .filterMenuDD .panel-title h3,
.filterMenu-Wpraper .filterMenuDD .panel-title .h3 {
  flex: 1;
  font-weight: var(--rm-fontWeightMedium);
  line-height: 1.2;
  margin: 0;
  color: var(--rm-headerCardFontColor);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeDefault);
}
.filterMenu-Wpraper .filterMenuDD .panel-title .closeBtn {
  background-color: transparent;
  color: var(--rm-headerCardFontColor);
}
.filterMenu-Wpraper .filterMenuDD .panel-title .closeBtn i img {
  filter: none;
}
.filterMenu-Wpraper .filterMenuDD .Filter-title {
  background-color: var(--rm-FilterTitleBackgroundColor) !important;
}
.filterMenu-Wpraper .filterMenuDD .panel-content,
.filterMenu-Wpraper .filterMenuDD .form {
  flex: 1;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
}
.filterMenu-Wpraper .filterMenuDD .formRow .labelText {
  color: var(--rm-filterFontColor);
  font-weight: var(--rm-filterfontweightMeduim);
  font-family: var(--rm-fontFamily);
}
.filterMenu-Wpraper .filterMenuDD .formRow .labelText.filterLable:hover {
  color: var(--rm-filterLableHoverColor);
}
.filterMenu-Wpraper .filterMenuDD .formFieldsWrapper {
  padding: 20px 15px 0 15px;
  flex: 1;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  background: var(--rm-filterBackgroundColor);
}
.filterMenu-Wpraper .filterMenuDD .rowBtn {
  margin: 0;
  padding-top: 0;
}
.filterMenu-Wpraper .filterMenuDD .rowBtn .fullWidth {
  border-radius: 0 0 4px 4px !important;
  padding: 13px 0 !important;
}
.filterMenu-Wpraper .filterMenuDD .rowBtn .fullWidth.button {
  margin: 0;
}
.filterMenu-Wpraper .filterMenuDD .rowBtn .fullWidth.twoBtnSet {
  display: flex;
  padding: 0 !important;
  position: relative;
}
.filterMenu-Wpraper .filterMenuDD .rowBtn .fullWidth.twoBtnSet .button {
  width: 50%;
  border-radius: 0px !important;
  padding: 13px 0 !important;
  margin: 0;
}
.filterMenu-Wpraper .filterMenuDD .rowBtn .fullWidth.twoBtnSet .button:first-child {
  border-bottom-left-radius: 4px;
}
.filterMenu-Wpraper .filterMenuDD .rowBtn .fullWidth.twoBtnSet .button:last-child {
  border-bottom-right-radius: 4px;
}
.filterMenu-Wpraper .filterMenuDD .rowBtn .fullWidth.twoBtnSet::after {
  content: "";
  position: absolute;
  left: 50%;
  height: 20px;
  width: 1px;
  background-color: white;
  top: 50%;
  transform: translateY(-50%);
}
.filterMenu-Wpraper .filterMenuDD .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.filterMenu-Wpraper .button {
  border-radius: var(--rm-filterBorderRadius);
}
.filterMenu-Wpraper.buttonSection {
  display: flex;
}
button.activeFilter {
  position: relative;
  z-index: 102;
}
button.activeFilter::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: default;
}
button.activeFilter + * {
  z-index: 102;
}
.checkboxBtnMenu {
  text-align: left !important;
  display: flex;
  justify-content: flex-end;
}
.checkboxBtnMenu .filterMenuTop {
  bottom: 100%;
  top: auto;
  border: 1px solid #E0E0E0;
  max-height: 40vh;
  min-height: 30vh;
  background-color: var(--rm-filterBackgroundColor);
}
.checkboxBtnMenu .filterMenuTop .close_btn {
  top: 10px;
  right: 10px;
  font-size: 20px;
  height: 20px;
  width: 20px;
  filter: var(--rm-pngIconColor);
}
.checkboxBtnMenu .filterMenuTop .panel-content {
  margin-top: 40px;
  padding: 0 10px 10px;
  position: relative;
}
.checkboxBtnMenu .filterMenuTop .panel-content .checkboxList {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100vh;
}
.checkboxBtnMenu .filterMenuTop .panel-content .checkboxList .checkboxData {
  padding: 2px 5px;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
}
.checkboxBtnMenu .filterMenuTop .panel-content .checkboxList .checkboxData .mat-checkbox .mat-checkbox-ripple {
  display: none;
}
.checkboxBtnMenu .filterMenuTop .panel-content .checkboxList .checkboxData .mat-checkbox-frame {
  border-color: var(--rm-checkboxBorderColor);
}
.checkboxBtnMenu .filterMenuTop .panel-content .checkboxList .checkboxData .mat-checkbox-checkmark-path {
  stroke: var(--rm-checkboxIconColor) !important;
}
.checkboxBtnMenu .filterMenuTop .panel-content .actionBtn {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.checkboxBtnMenu .filterMenuTop .panel-content .actionBtn button {
  min-width: 50px;
}
.checkboxBtnMenu .filterMenuTop::after {
  content: "";
  position: absolute;
  height: 18px;
  width: 1px;
  left: 14px;
  top: 1px;
  background-color: #C2C2C2;
}
.checkboxBtnMenu .filterMenuTop.dashboardNav {
  padding-left: 0;
}
.checkboxBtnMenu .filterMenuTop.dashboardNav::after {
  content: none;
}
.selectReportWraper h3,
.selectReportWraper .h3 {
  margin-bottom: 0;
  font-size: var(--rm-fontSizeDefault);
}
.selectReportWraper .checkboxListContainer {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.selectReportWraper .checkboxListContainer .checkboxData {
  padding: 5px;
  margin-right: 10px;
}
.selectReportWraper .checkboxListContainer .checkboxData .mat-checkbox .mat-checkbox-ripple {
  display: none;
}
.toolbar {
  display: flex;
  padding: 15px;
  border-bottom: var(--rm-headingBorder);
  position: relative;
  align-items: center;
  background: var(--rm-HeaderBackgroundColor);
}
.toolbar .toolbarHeading {
  font-size: var(--rm-fontSizeLarge);
  line-height: 21px;
  font-weight: var(--rm-fontWeightMediumTableHeading);
  margin-bottom: 0;
  margin-right: 8px;
  white-space: nowrap;
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
}
.toolbar .select-box .select-field label {
  padding: 0px 35px 1px 5px;
}
.toolbar .toolbarNav {
  flex: 1;
  position: relative;
  padding-left: 16px;
  display: flex;
}
.toolbar .toolbarNav .toolbarTabs {
  display: flex;
}
.toolbar .toolbarNav .toolbarTabs li label,
.toolbar .toolbarNav .toolbarTabs li a {
  padding: 0 16px;
  position: relative;
  display: block;
  cursor: pointer;
  color: var(--rm-fontColorTab);
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightRegular);
}
.toolbar .toolbarNav .toolbarTabs li label:hover,
.toolbar .toolbarNav .toolbarTabs li a:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.toolbar .toolbarNav .toolbarTabs li label.getActiveUrl,
.toolbar .toolbarNav .toolbarTabs li a.getActiveUrl {
  color: var(--rm-fontColor);
}
.toolbar .toolbarNav .toolbarTabs li label.getActiveUrl::after,
.toolbar .toolbarNav .toolbarTabs li a.getActiveUrl::after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0px;
  bottom: -17px;
  background-color: var(--rm-fontColorActiveTabBorder);
}
.toolbar .toolbarNav .toolbarTabs li input[type=radio] {
  position: absolute;
  opacity: 0;
}
.toolbar .toolbarNav .toolbarTabs li input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0px;
  bottom: -17px;
  background-color: var(--rm-fontColorActiveTabBorder);
}
.toolbar .toolbarNav::after {
  content: "";
  position: absolute;
  height: 18px;
  width: 1px;
  left: 14px;
  top: 1px;
  background-color: #C2C2C2;
}
.toolbar .toolbarNav.dashboardNav {
  padding-left: 0;
}
.toolbar .toolbarNav.dashboardNav::after {
  content: none;
}
.toolbar .toolbarRight {
  display: flex;
  align-items: baseline;
  margin-left: auto;
}
.toolbar .toolbarRight .filterColor img {
  filter: none;
}
.toolbar .toolbarRight .inline-list {
  margin-left: 15px;
}
.toolbar .toolbarRight .inline-list label {
  color: var(--rm-fontColorHyperlink);
  font-size: var(--rm-fontSizeDefault);
  display: block;
  cursor: pointer;
}
.toolbar .toolbarRight .inline-list label:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.toolbar .toolbarRight .inline-list label.active {
  color: var(--rm-activeDateFontColor);
}
.toolbar .toolbarRight .inline-list .mat-radio-button .mat-radio-container {
  display: none;
}
.toolbar .toolbarRight .inline-list .mat-radio-button.mat-radio-checked .mat-radio-label {
  color: black;
}
.toolbar .toolbarRight.toolbarButton button {
  padding: 5px 10px 4px;
  min-width: 130px;
}
.toolbar.btnShow {
  display: var(--rm-ButtonVisibiltyDisplay);
}
.toolbar.filterToolbar {
  background: var(--rm-formBackgroundColor);
}
.main-innerContainer {
  display: flex;
  flex-direction: column;
}
.main-innerContainer .main-middleContainer {
  flex: 1;
  overflow-x: var(--rm-overflowMiddleContainer);
  padding: var(--rm-tableHeaderPadding);
  background: var(--rm-backgroundPrimaryColor);
}
.main-innerContainer .main-middleContainer .table-containerWrapper {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.main-innerContainer .main-middleContainer .table-containerWrapper > .table-container {
  margin-bottom: 0;
  flex: 1;
  overflow-x: auto;
}
.main-innerContainer .main-middleContainer .table-containerWrapper .mat-paginator-outer-container .mat-paginator-container {
  min-height: 0 !important;
}
.main-innerContainer .main-middleContainer .table-containerWrapper .mat-paginator {
  background-color: var(--rm-tablePaginatorBackgroundColor);
  color: var(--rm-tablePaginatorFontColor);
  font-size: var(--rm-fontSizeSmall);
}
.main-innerContainer .main-middleContainer .table-containerWrapper .mat-paginator .mat-select-value {
  color: var(--rm-tablePaginatorFontColor);
}
.main-innerContainer .main-middleContainer .table-containerWrapper .mat-paginator .mat-select-arrow {
  color: var(--rm-tablePaginatorFontColor);
}
.main-innerContainer .main-middleContainer .table-containerWrapper .mat-paginator .mat-form-field-underline {
  background-color: var(--rm-tablePaginatorFontColor);
}
.main-innerContainer .main-middleContainer .table-containerWrapper .mat-paginator .mat-icon-button {
  color: var(--rm-tablePaginatornextButton);
}
.main-innerContainer .main-middleContainer .table-containerWrapper .mat-paginator .mat-icon-button.mat-button-disabled {
  color: var(--rm-tablePaginatornextDisableButton);
}
.main-innerContainer.fullTable .main-middleContainer .table-containerWrapper {
  margin: 0 -15px;
  max-height: calc(100vh - 113px);
}
.main-innerContainer.oltcSummary .main-middleContainer {
  padding-top: 0;
}
.main-innerContainer .systemalert-dialog .cpReport .reportForm .reportPage .form-row .col-12 .formRowPadding .radioRow {
  width: 60%;
}
.main-innerContainer .systemalert-dialog .cpReport .reportForm .reportPage .form-row .col-12 .mat-form-field {
  margin-bottom: 22px;
}
.main-innerContainer .systemalert-dialog .cpReport .reportForm .reportPage .selectReportWraper {
  display: none;
}
.main-innerContainer .systemalert-dialog .cpReport .reportForm .checkboxBtnMenu .filterMenu-Wpraper .filterMenuDD {
  height: auto !important;
}
.main-innerContainer .systemalert-dialog .cpReport .reportForm .checkboxBtnMenu .filterMenu-Wpraper .filterMenuDD .checkboxList {
  height: auto !important;
}
.main-innerContainer .systemalert-dialog .cpReport .reportForm .checkboxBtnMenu .filterMenu-Wpraper .filterMenuTop {
  max-height: calc(100% + 250px) !important;
  min-height: 0 !important;
}
.main-innerContainer.rcmDialogContainer {
  align-items: center;
  padding: 8px;
}
.main-innerContainer.rcmDialogContainer .form-container .heading h2,
.main-innerContainer.rcmDialogContainer .form-container .heading .h2 {
  font-weight: 600;
}
.main-innerContainer.commonTrend .toolbar {
  display: flex;
}
.main-innerContainer.commonTrend .toolbar .select-boxWrapper {
  display: flex;
  align-items: baseline;
}
.cardItem {
  margin: 0 7.5px 15px;
}
.cardItem .cardToolbar {
  background-color: var(--rm-headerCardHeaderBackgroundColor);
  border-radius: var(--rm-DgacardsItemHeadingBorderRadius);
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.cardItem .cardToolbar.textOverflowEllipsis {
  display: block;
}
.cardItem .cardToolbar .toolbarHeading {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontweightDefaultboldHeading);
  color: var(--rm-headerCardFontColor);
  flex: 1;
  margin-bottom: 0;
  position: relative;
}
.cardItem .cardToolbar .toolbarHeading .tooltipTitle {
  font-size: var(--rm-fontSizeMedium);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-weight: var(--rm-fontWeightMedium) !important;
  color: var(--rm-headerCardFontColor) !important;
}
.cardItem .cardToolbar .toolbarHeading .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--rm-dgacardsfontcolor);
  text-align: left;
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.4;
  font-weight: var(--rm-fontWeightMedium);
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 8px;
  max-width: 90%;
  white-space: pre-wrap;
}
.cardItem .cardToolbar .toolbarHeading:hover .tooltiptext {
  visibility: visible;
}
.cardItem .cardToolbar .toolbarRight {
  display: flex;
  align-items: center;
}
.cardItem .cardToolbar .toolbarRight .statusLabel {
  color: var(--rm-headerCardFontColor);
  font-weight: var(--rm-fontweightRegularcontent);
}
.cardItem .cardToolbar .toolbarRight .button {
  font-weight: var(--rm-fontweightDefaultboldHeading);
}
.cardItem .cardToolbar .toolbarRight .button.offBtn {
  color: var(--rm-normalstatusbtnFontColor);
}
.cardItem .dataListWrapper {
  border: solid 1px #DEDCDE;
  border-radius: var(--rm-cardsItemContentBorderRadius);
  padding: 0 15px 25px;
  background-color: var(--rm-headerCardContentBackgroundColor);
}
.cardItem .dataListWrapper .dataHeading {
  margin: 0;
  font-size: var(--rm-fontSizeLarge);
  font-weight: bold;
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.cardItem .dataListWrapper .dataListContainer .dataListItem {
  display: flex;
  padding: 15px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  font-size: var(--rm-fontSizeDefault);
}
.cardItem .dataListWrapper .dataListContainer .dataListItem .dataName {
  flex: 1;
  letter-spacing: 0.75px;
  font-weight: var(--rm-fontWeightRegular);
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
}
.cardItem .dataListWrapper .dataListContainer .dataListItem .dataName.boldTxt {
  font-weight: bold;
}
.cardItem .dataListWrapper .dataListContainer .dataListItem .dataValue {
  letter-spacing: 0.5px;
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontWeightRegular);
  font-family: var(--rm-fontFamily);
}
.cardItem .dataListWrapper .dataListContainer .dataListItem .dataValue.fanIcon {
  width: 21px;
}
.cardItem .dataListWrapper > div {
  padding-top: 0px;
}
.cardItem .dataListWrapper > div:last-child {
  margin-bottom: 0;
}
.cardItem .dataListWrapper > div:last-child .dataListItem:last-child {
  border-bottom: 0 none;
}
.cardItem .dataListWrapper.dataListWrapperSection {
  background: var(--rm-echartBackgroundColor);
}
.cardItem.radioCardContainer {
  margin-bottom: 20px;
}
.cardItem.radioCardContainer .dataListWrapper {
  padding: 0;
}
.healthSummaryCards .dataListWrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}
.healthSummaryCards .dataListWrapper .healthToolbar {
  display: flex;
  font-weight: bold;
  margin-bottom: 10px;
}
.healthSummaryCards .dataListWrapper .healthToolbar .label {
  flex: 1;
}
.healthSummaryCards .dataListWrapper .healthSummaryList {
  padding: 20px 0;
  border-bottom: solid 1px #DEDCDE;
}
.healthSummaryCards .dataListWrapper .healthSummaryList:first-child {
  padding-top: 0;
}
.healthSummaryCards .dataListWrapper .healthSummaryList:last-child {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.healthSummaryCards .dataListWrapper .healthSummary {
  position: relative;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryValue {
  position: absolute;
  top: -35px;
  left: 0;
  font-size: 25px;
  line-height: 1;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPointer {
  position: absolute;
  width: 12px;
  height: 16px;
  top: -8px;
  border: solid 8px transparent;
  border-top-color: black;
  border-left-width: 6px;
  border-right-width: 6px;
  transform: translateX(-50%);
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPath {
  display: flex;
  height: 10px;
  background-color: lightgrey;
  margin-bottom: 16px;
  margin-top: 38px;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPath li:first-child {
  background-color: green;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPath li:first-child span:first-child {
  left: 0;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPath li:nth-child(2) {
  background-color: orange;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPath li:last-child {
  background-color: red;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPath li {
  position: relative;
}
.healthSummaryCards .dataListWrapper .healthSummary .healthSummaryPath li span {
  position: absolute;
  top: calc(100% + 4px);
  left: 100%;
  transform: translateX(-50%);
  font-size: 10px;
}
.cardblockHeading h2,
.cardblockHeading .h2 {
  font-size: var(--rm-fontSizeLarge);
  color: var(--rm-fontColor);
  font-weight: var(--rm-bigCardsfontWeight);
  margin-bottom: 15px;
  font-family: var(--rm-fontFamily);
}
.bigCardsWrapper {
  display: flex;
  margin: 0 -7.5px;
  color: var(--rm-txtBoldFontColor);
  flex-wrap: wrap;
}
.bigCardsWrapper .cardItem {
  width: calc(33.33% - 15px);
}
.bigCardsWrapper .connectedAssetSection {
  display: flex;
  align-items: center;
  margin-bottom: 7.5px;
}
.bigCardsWrapper .connectedAssetSection .hding {
  font-size: var(--rm-fontSizeLarge) !important;
  font-weight: var(--rm-fontweightDefaultboldHeading) !important;
  margin: 5px;
  color: var(--rm-fontColor);
}
.bigCardsWrapper .connectedAssetSection .sf6mtbun {
  width: 150px;
  display: flex;
  padding: 0 15px;
  margin-left: 0;
  background-color: var(--rm-buttonBackgroundColor);
  border-radius: var(--rm-noBorderRadius);
  line-height: 1.2;
  font-size: var(--rm-fontSizeMedium);
  color: var(--rm-fontColor);
  margin-bottom: 5px;
  cursor: pointer;
}
.bigCardsWrapper .connectedAssetSection .sf6mtbun .act_btn {
  margin-left: -10px !important;
}
.bigCardsWrapper .connectedAssetSection .sf6mtbun .act_btn .mat-button-wrapper {
  display: flex;
}
.bigCardsWrapper .connectedAssetSection .tool_text {
  display: none;
}
.bigCardsWrapper .connectedAssetSection .iconText {
  display: flex;
}
.bigCardsWrapper .connectedAssetSection .iconText .connectedAssetName {
  min-width: 120px;
  max-width: 120px;
  width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: var(--rm-headerFontColor) !important;
}
.bigCardsWrapper .connectedAssetSection .iconText:hover .tool_text {
  display: block;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 8px;
  height: 28px;
  border-radius: 4px;
  font-weight: bold;
  margin: 5px;
  position: absolute;
  top: 60px;
}
.graphWrapper {
  margin-bottom: 20px;
  min-height: 56vh;
  display: flex;
}
.graphWrapper .chartWrapperHeight {
  flex: 1;
  width: 100%;
}
.cardsWrapper,
.productInfo-Content.fourCol-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}
.cardsWrapper .cardItem,
.cardsWrapper .subitemCard,
.productInfo-Content.fourCol-row .cardItem,
.productInfo-Content.fourCol-row .subitemCard {
  margin: 0 7.5px 15px 7.5px;
  border-radius: var(--rm-summaryCardBorderRadius) !important;
  background-color: var(--rm-summaryCardBackgroundcolor);
  border: solid 1px #dedcde;
  padding: 12px;
  display: flex;
}
.cardsWrapper .cardItem .itemContainer,
.cardsWrapper .subitemCard .itemContainer,
.productInfo-Content.fourCol-row .cardItem .itemContainer,
.productInfo-Content.fourCol-row .subitemCard .itemContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: center;
}
.cardsWrapper .cardItem .itemContainer .twoCol-card,
.cardsWrapper .subitemCard .itemContainer .twoCol-card,
.productInfo-Content.fourCol-row .cardItem .itemContainer .twoCol-card,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .twoCol-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.cardsWrapper .cardItem .itemContainer .itemImg,
.cardsWrapper .cardItem .itemContainer .chartWrapperHeight,
.cardsWrapper .cardItem .itemContainer .chart-container,
.cardsWrapper .subitemCard .itemContainer .itemImg,
.cardsWrapper .subitemCard .itemContainer .chartWrapperHeight,
.cardsWrapper .subitemCard .itemContainer .chart-container,
.productInfo-Content.fourCol-row .cardItem .itemContainer .itemImg,
.productInfo-Content.fourCol-row .cardItem .itemContainer .chartWrapperHeight,
.productInfo-Content.fourCol-row .cardItem .itemContainer .chart-container,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .itemImg,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .chartWrapperHeight,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .chart-container {
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}
.cardsWrapper .cardItem .itemContainer .itemInfo,
.cardsWrapper .subitemCard .itemContainer .itemInfo,
.productInfo-Content.fourCol-row .cardItem .itemContainer .itemInfo,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .itemInfo {
  margin-bottom: 4px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.cardsWrapper .cardItem .itemContainer .itemInfo .itemName,
.cardsWrapper .subitemCard .itemContainer .itemInfo .itemName,
.productInfo-Content.fourCol-row .cardItem .itemContainer .itemInfo .itemName,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .itemInfo .itemName {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-summaryCardDigitFontWeight);
  text-align: center;
}
.cardsWrapper .cardItem .itemContainer .itemInfo .itemValue,
.cardsWrapper .subitemCard .itemContainer .itemInfo .itemValue,
.productInfo-Content.fourCol-row .cardItem .itemContainer .itemInfo .itemValue,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .itemInfo .itemValue {
  font-size: 20px;
  font-weight: var(--rm-towerCardValueWeight);
  margin-top: 10px;
  text-align: center;
  font-family: var(--rm-fontFamily);
}
.cardsWrapper .cardItem .itemContainer .itemInfo .itemValue.textValue,
.cardsWrapper .subitemCard .itemContainer .itemInfo .itemValue.textValue,
.productInfo-Content.fourCol-row .cardItem .itemContainer .itemInfo .itemValue.textValue,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .itemInfo .itemValue.textValue {
  font-size: var(--rm-fontSizeMedium);
  margin-top: 16px;
}
.cardsWrapper .cardItem .itemContainer .alrt_icon,
.cardsWrapper .subitemCard .itemContainer .alrt_icon,
.productInfo-Content.fourCol-row .cardItem .itemContainer .alrt_icon,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .alrt_icon {
  flex: 1;
  justify-content: center;
  align-items: center;
}
.cardsWrapper .cardItem .itemContainer .alrt_icon img,
.cardsWrapper .subitemCard .itemContainer .alrt_icon img,
.productInfo-Content.fourCol-row .cardItem .itemContainer .alrt_icon img,
.productInfo-Content.fourCol-row .subitemCard .itemContainer .alrt_icon img {
  width: 120px;
}
.cardsWrapper .cardItem .chart-container,
.cardsWrapper .subitemCard .chart-container,
.productInfo-Content.fourCol-row .cardItem .chart-container,
.productInfo-Content.fourCol-row .subitemCard .chart-container {
  width: 100%;
  flex: 1;
}
.cardsWrapper .cardItem .chart-container + div,
.cardsWrapper .subitemCard .chart-container + div,
.productInfo-Content.fourCol-row .cardItem .chart-container + div,
.productInfo-Content.fourCol-row .subitemCard .chart-container + div {
  justify-content: center;
  align-items: center;
}
.cardsWrapper .cardItem .chart-container + div .guageBlock,
.cardsWrapper .subitemCard .chart-container + div .guageBlock,
.productInfo-Content.fourCol-row .cardItem .chart-container + div .guageBlock,
.productInfo-Content.fourCol-row .subitemCard .chart-container + div .guageBlock {
  text-align: center;
}
.cardsWrapper .cardItem .chart-container .itemValue,
.cardsWrapper .subitemCard .chart-container .itemValue,
.productInfo-Content.fourCol-row .cardItem .chart-container .itemValue,
.productInfo-Content.fourCol-row .subitemCard .chart-container .itemValue {
  font-size: 3rem;
  font-weight: bold;
  margin-top: 15px;
}
.cardsWrapper.fiveCards .cardItem,
.productInfo-Content.fourCol-row.fiveCards .cardItem {
  width: calc(20% - 15px);
}
.productInfo-Content.fourCol-row .subitemCard .itemImg {
  margin-bottom: 6px !important;
}
.productInfo-Content.fourCol-row .subitemCard .itemInfo {
  margin-bottom: 0 !important;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend {
  display: flex;
  justify-content: space-between;
  font-family: var(--rm-summaryCardFontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend strong {
  flex: 1;
  margin-right: 2px;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend .trendBtn {
  background-color: transparent;
  padding-bottom: 3px;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend .itemHeaderTrend {
  display: flex;
  justify-content: space-between;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend .itemHeaderTrend .rightInfoOverlay {
  left: auto;
  right: 0;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend .itemHeaderTrend .gaugeIcon {
  margin-right: 10px;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend .itemHeaderTrend .status-green {
  margin-right: 10px !important;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend .itemHeaderTrend .tempGraph.trendMiddle {
  margin-right: 10px;
}
.productInfo-Content.fourCol-row .subitemCard .itemTrend .itemHeaderTrend .tempGraph.trendMiddle .act_btn img {
  filter: var(--rm-pngIconColor);
}
.productInfo-Content.fourCol-row .subitemCard .itemName,
.productInfo-Content.fourCol-row .subitemCard .itemValue,
.productInfo-Content.fourCol-row .subitemCard .itemValue.textValue {
  font-size: var(--rm-fontSizeDefault) !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}
.cardsWrapper,
.productInfo-Content.twoCol-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}
.cardsWrapper .itemContainer,
.productInfo-Content.twoCol-row .itemContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: center;
}
.cardsWrapper .itemContainer .twoCol-card,
.productInfo-Content.twoCol-row .itemContainer .twoCol-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.cardsWrapper .itemContainer .itemImg,
.cardsWrapper .itemContainer .chartWrapperHeight,
.cardsWrapper .itemContainer .chart-container,
.productInfo-Content.twoCol-row .itemContainer .itemImg,
.productInfo-Content.twoCol-row .itemContainer .chartWrapperHeight,
.productInfo-Content.twoCol-row .itemContainer .chart-container {
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}
.cardsWrapper .itemContainer .itemInfo,
.productInfo-Content.twoCol-row .itemContainer .itemInfo {
  margin-bottom: 4px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.cardsWrapper .itemContainer .itemInfo .itemName,
.productInfo-Content.twoCol-row .itemContainer .itemInfo .itemName {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontWeightMedium) !important;
  text-align: center;
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
}
.cardsWrapper .itemContainer .itemInfo .itemValue,
.productInfo-Content.twoCol-row .itemContainer .itemInfo .itemValue {
  font-size: var(--rm-fontSizeXLarge);
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}
.cardsWrapper .itemContainer .itemInfo .itemValue.textValue,
.productInfo-Content.twoCol-row .itemContainer .itemInfo .itemValue.textValue {
  font-size: var(--rm-fontSizeMedium);
  margin-top: 16px;
}
.cardsWrapper .itemContainer .alrt_icon,
.productInfo-Content.twoCol-row .itemContainer .alrt_icon {
  flex: 1;
  justify-content: center;
  align-items: center;
}
.cardsWrapper .itemContainer .alrt_icon img,
.productInfo-Content.twoCol-row .itemContainer .alrt_icon img {
  width: 120px;
}
.productInfo-Content.twoCol-row .itemTrend {
  display: flex;
  justify-content: space-between;
}
.productInfo-Content.twoCol-row .itemTrend strong {
  flex: 1;
  margin-right: 2px;
}
.productInfo-Content.twoCol-row .itemTrend .trendBtn {
  background-color: transparent;
  padding-bottom: 3px;
}
.productInfo-Content.twoCol-row .itemTrend .itemHeaderTrend {
  display: flex;
  justify-content: space-between;
}
.productInfo-Content.twoCol-row .itemTrend .itemHeaderTrend .rightInfoOverlay {
  left: auto;
  right: 0;
}
.productInfo-Content.twoCol-row .itemTrend .itemHeaderTrend .gaugeIcon {
  margin-right: 10px;
}
.productInfo-Content.twoCol-row .itemTrend .itemHeaderTrend .status-green {
  margin-right: 10px !important;
}
.productInfo-Content.twoCol-row .itemTrend .itemHeaderTrend .tempGraph.trendMiddle {
  margin-right: 10px;
}
.productInfo-Content.threeCol-row .subitemCard .itemTrend {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.twoCol-card .chartWrapperHeight {
  height: auto;
}
.twoCol-card:first-child {
  height: 80px;
}
.twoCol-card:first-child > div:first-child {
  height: 80px;
  width: 80px;
}
.twoCol-card:first-child > div:first-child canvas {
  height: 80px;
  width: 80px;
}
.productInfo-Content .chartWrapperHeight {
  height: auto !important;
}
.subitemCard .itemContainer .itemInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.subitemCard .itemContainer .itemInfo .itemValue {
  display: block;
  min-height: 20px;
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.2;
}
.subitemCard .itemContainer .itemInfo .itemValue.counterValue {
  margin-bottom: 5px;
  margin-top: 5px;
}
.subitemCard .itemContainer .itemInfo .itemValue.counterValue.unitValue {
  font-weight: var(--rm-fontWeightMedium) !important;
}
.subitemCard .itemContainer .itemInfo .itemValue.item1 {
  font-weight: var(--rm-fontWeightMedium);
}
.subitemCard .itemContainer .itemInfo .itemName {
  margin-bottom: 10px;
}
.subitemCard .itemContainer.alignLeftTop {
  align-items: initial !important;
}
.subitemCard .itemContainer.alignLeftTopHeader {
  align-items: initial !important;
  justify-content: flex-start !important;
}
.subitemCard .itemContainer.alignLeftTopHeader .cardHeaderInfo {
  display: flex;
  align-items: center;
}
.subitemCard .itemContainer.alignLeftTopHeader .cardHeaderInfo .cardHeaderText {
  font-size: var(--rm-fontSizeDefault) !important;
  line-height: 1 !important;
  margin: 0;
}
.subitemCard .itemContainer.alignLeftTopHeader .cardHeaderInfo .cardInfoRightWrapper {
  margin-left: auto;
  margin-top: 20px;
}
.subitemCard .itemContainer.alignLeftTopHeader .operationInfo {
  flex: 1;
  justify-content: center;
}
.subitemCard .itemContainer.alignLeftTopHeader .operationInfo h2,
.subitemCard .itemContainer.alignLeftTopHeader .operationInfo .h2 {
  margin: 0;
}
.subitemCard .itemContainer.alignLeftTopHeader .operationInfo h2 .cardValueText,
.subitemCard .itemContainer.alignLeftTopHeader .operationInfo .h2 .cardValueText {
  font-size: 25px !important;
  text-transform: uppercase;
  margin-top: 0 !important;
}
.fiveCol-row .gaugeEchart {
  margin-bottom: 10px;
}
.trendsContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.trendsContainer .chartWrapper {
  flex: 1;
}
.healthIndexWrapper {
}
.healthIndexWrapper .healthIndexSN {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.healthIndexWrapper .healthIndexSN > span {
  position: relative;
  width: 16.66%;
  border-right: solid 1px black;
}
.healthIndexWrapper .healthIndexSN > span span {
  position: relative;
  width: 48%;
  display: block;
  height: 8px;
  margin-left: 23%;
  border-left: solid 1px black;
  border-right: solid 1px black;
}
.healthIndexWrapper .healthIndexSN > span span::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background-color: black;
}
.healthIndexWrapper .healthIndexSN > span::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 4px;
  top: 0;
  left: 0;
  background-color: black;
}
.healthIndexWrapper .healthIndexSN > span::after {
  content: "";
  font-size: var(--rm-fontSizeXSmall);
  position: absolute;
  left: 0;
  bottom: 110%;
  transform: translateX(-50%);
}
.healthIndexWrapper .healthIndexSN > span:first-child::after {
  content: "1000";
}
.healthIndexWrapper .healthIndexSN > span:nth-child(2)::after {
  content: "800";
}
.healthIndexWrapper .healthIndexSN > span:nth-child(3)::after {
  content: "600";
}
.healthIndexWrapper .healthIndexSN > span:nth-child(4)::after {
  content: "400";
}
.healthIndexWrapper .healthIndexSN > span:nth-child(5)::after {
  content: "200";
}
.healthIndexWrapper .healthIndexSN > span:last-child {
  margin-right: 4%;
}
.healthIndexWrapper .healthIndexSN::after {
  content: "0";
  font-size: var(--rm-fontSizeXSmall);
  position: absolute;
  right: -4px;
  bottom: 110%;
  transform: translateX(-50%);
}
.healthIndexWrapper .healthIndexSN::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 4px;
  top: 0;
  right: 0;
  background-color: black;
}
.healthIndexWrapper .path {
  height: 6px;
  background: #fa6e53;
  background: -moz-linear-gradient(left, #ff0000 0%, #fa6e53 20%, #fff32c 40%, #26722d 60%, #76a8ee 80%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #ff0000 0%, #fa6e53 20%, #fff32c 40%, #26722d 60%, #76a8ee 80%, #ffffff 100%);
  background:
    linear-gradient(
      to right,
      #ff0000 0%,
      #fa6e53 20%,
      #fff32c 40%,
      #26722d 60%,
      #76a8ee 80%,
      #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa6e53", endColorstr="#76a8ee", GradientType=1);
  position: relative;
}
.healthIndexWrapper .path::before {
  content: "# Pulse";
  font-size: var(--rm-fontSizeXSmall);
  position: absolute;
  right: calc(100% + 10px);
  white-space: nowrap;
  bottom: -2px;
  line-height: 1;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .healthIndexWrapper {
    display: flex;
    justify-content: flex-end;
  }
}
.PD-toolbar {
  display: flex;
  padding: 12px 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .PD-toolbar {
    flex-direction: column;
  }
}
.tags-container {
  display: flex;
  flex: 1;
}
.tags-container .prpdButton {
  text-wrap: nowrap !important;
}
.tags-container .prpdTags {
  display: flex;
  align-items: center;
  max-width: 150px;
  overflow: hidden;
  padding: 5px 4px 5px 4px !important;
}
.tags-container .prpdTags span {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tags-container .prpdTags .closeButton {
  margin-left: 8px;
  cursor: pointer;
  flex-shrink: 0;
}
.tags-container .prpdTags .closeButton .img {
  vertical-align: middle;
}
.tags-container .addSensor {
  color: #0070D2;
  background-color: white;
  display: flex;
  align-items: center;
  line-height: 14px;
  margin-right: 16px;
  padding: 7px 0 5px 0;
  cursor: pointer;
}
.tags-container .addSensor i {
  margin-left: 4px;
  display: inline-block;
}
.tags-container .tagsItem {
  border-radius: 0px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  border-left: solid 8px #0070D2;
  padding: 5px 8px 5px 14px;
  font-size: var(--rm-fontSizeSmall);
  color: var(--rm-fontColor);
  display: flex;
  margin-left: 8px;
  background: var(--rm-legendBackgroundColor);
}
.tags-container .tagsItem .closeButton {
  margin-left: 4px;
  cursor: pointer;
  display: flex;
  line-height: 1;
}
.tags-container .tagsItem .closeButton img {
  filter: var(--rm-pngIconColor);
}
.tags-container .tagsItem .closeButton .realtime-remove-tag {
  width: 17px;
}
.tags-container .tagsItem.addSensorBtn {
  border-radius: var(--rm-addSensorBtnborderRadius);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tags-container {
    margin-bottom: 10px;
  }
}
.timeSelectorWrapper .timeContainer {
  display: flex;
  overflow-x: auto;
}
.timeSelectorWrapper .timeContainer .timeItem {
  background-color: #ECECEC;
  border: solid 1px white;
  flex: 1;
  text-align: center;
  padding: 5px 15px;
  cursor: pointer;
}
.timeSelectorWrapper .timeContainer .timeItem:hover,
.timeSelectorWrapper .timeContainer .timeItem.active {
  background-color: #d5d5d5;
}
.timeSelectorWrapper .timeDate {
  color: #0070D2;
  padding: 10px 0 10px 60%;
}
.timeBlueBar {
  display: flex;
  overflow: hidden;
}
.timeBlueBar .timebarWrapper {
  position: relative;
  flex: 1;
}
.timeBlueBar .timebarWrapper #timebar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.timeBlueBar .timebarWrapper #timebar > div,
.timeBlueBar .timebarWrapper #timebar canvas {
  width: 100% !important;
  height: 100% !important;
}
.graphListWrapper {
  padding: 0 15px;
  display: flex;
  flex: 1;
  margin-left: 30px;
  overflow-y: auto;
}
.graphListWrapper .graphList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}
.graphListWrapper .graphList .graphItem {
  width: calc(33.33% - 15px);
  border-radius: 4px;
  overflow: hidden;
  margin: 0 7.5px 20px;
}
.graphListWrapper .graphList .graphItem .header {
  position: relative;
  display: flex;
  padding: 12px;
  align-items: center;
  background-color: var(--rm-headerCardHeaderBackgroundColor);
  border: 1px solid #DEDCDE;
  border-bottom: none;
}
.graphListWrapper .graphList .graphItem .header .pd-title {
  flex: 1;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-headerCardFontColor);
}
.graphListWrapper .graphList .graphItem .header .graphRightInfo {
  margin-right: 25px;
  margin-left: 15px;
}
.graphListWrapper .graphList .graphItem .header .pd-info {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  top: 12px;
}
.graphListWrapper .graphList .graphItem .header .btnIcon {
  cursor: pointer;
  padding: 15px 12px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}
.graphListWrapper .graphList .graphItem .header .btnIcon img {
  padding-bottom: 5px !important;
}
.graphListWrapper .graphList .graphItem .header.pdCardHeader {
  background-color: var(--rm-pdCardHeaderbgColor);
}
.graphListWrapper .graphList .graphItem .header.pdCardHeader .pd-title {
  color: var(--rm-pdCardTitleColor);
}
.graphListWrapper .graphList .graphItem .header.pdCardHeader .btnIcon .ExpandIcon {
  filter: var(--rm-pdCardExpandIconColor);
}
.graphListWrapper .graphList .graphItem .graphImgWrapper {
  position: relative;
  background: var(--rm-headerCardContentBackgroundColor);
  border: 1px solid #DEDCDE;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.graphListWrapper .graphList .graphItem .graphImgWrapper img {
  width: 100%;
}
.graphListWrapper .graphList.twoItems .graphItem {
  width: calc(50% - 15px);
}
.graphListWrapper .graphList.twoItems .pdClasClasification .progressBarSection {
  gap: 0px;
}
.graphListWrapper .graphList.twoItems .pdClasClasification .hedingSection .circleSection {
  width: 115px;
  height: 140px;
}
.graphListWrapper .graphList.fullScreen {
  width: calc(100% - 15px);
  height: 45vh;
}
.graphListWrapper .graphList.fullScreen .graphItem {
  width: calc(100% - 15px);
}
.graphListWrapper .graphList.fullScreen .pdClasClasification .progressBarSection {
  gap: 90px;
}
.graphListWrapper .graphList.fullScreen .pdClasClasification .hedingSection .circleSection {
  width: 150px;
  height: 190px;
}
.graphListWrapper .graphList.threeItems {
  display: block;
  position: relative;
}
.graphListWrapper .graphList.threeItems .graphItem {
  display: flex;
  flex-direction: column;
}
.graphListWrapper .graphList.threeItems .graphItem:first-child {
  width: calc(70% - 15px);
  margin-bottom: 0;
}
.graphListWrapper .graphList.threeItems .graphItem:nth-child(2) {
  width: calc(30% - 15px);
  position: absolute;
  right: 0;
  top: 0;
  height: calc(50% - 7.5px);
}
.graphListWrapper .graphList.threeItems .graphItem:last-child {
  width: calc(30% - 15px);
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(50% - 7.5px);
  margin-bottom: 0;
}
.graphListWrapper .graphList.threeItems .graphItem .graphImgWrapper {
  flex: 1;
  overflow: hidden;
}
.graphListWrapper .graphList.fullScreen .graphItem {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  background: var(--rm-headerCardContentBackgroundColor);
}
.graphListWrapper .graphList.fullScreen .graphItem .graphImgWrapper {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.graphListWrapper .graphList.fullScreen .graphItem .graphImgWrapper img {
  display: none;
}
.graphListWrapper .graphList.pinnedClass {
  padding: 1%;
  overflow-y: auto;
  width: 50%;
}
.graphListWrapper .graphList.pinnedClass.fullScreen {
  width: 100%;
}
.graphListWrapper .graphList.pinnedClass.fullScreen .graphItem {
  height: 100%;
}
.graphListWrapper .graphList.pinnedClass .graphItem {
  width: 100%;
}
.graphListWrapper .graphList.unpinnedChannels {
  padding: 1%;
  overflow-y: auto;
  width: 50%;
}
.graphListWrapper .graphList.unpinnedChannels.fullScreen {
  width: 100%;
}
.graphListWrapper .graphList.unpinnedChannels.fullScreen .graphItem {
  height: auto;
}
.graphListWrapper .graphList.unpinnedChannels .graphItem {
  width: 100%;
}
.namePlate-page {
  flex-direction: row;
  overflow: hidden;
}
.namePlate-page .productImg {
  flex: 1;
  padding: 20px;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: var(--rm-nameplateBackgroundColor);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .namePlate-page .productImg {
    height: 70vh;
  }
}
.namePlate-page .productDetail {
  width: 60%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .namePlate-page .productDetail {
    width: 100%;
    flex-direction: row;
    padding: 20px;
  }
}
.namePlate-page .productDetail .blockHeading {
  display: flex;
  align-items: center;
  background: var(--rm-backgroundPrimaryColor);
}
.namePlate-page .productDetail .blockHeading h3,
.namePlate-page .productDetail .blockHeading .h3 {
  flex: 1;
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontWeightMedium);
  font-family: var(--rm-fontFamily) !important;
}
.namePlate-page .productInfo {
  padding-top: 44px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .namePlate-page .productInfo {
    width: 50%;
    padding-top: 0;
  }
}
.namePlate-page h1,
.namePlate-page .h1 {
  font-size: 3rem;
  margin-bottom: 20px;
  font-weight: bold;
}
.namePlate-page .infoItemsWrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 22px;
}
.namePlate-page .infoItemsWrapper .infoItem {
  width: 50%;
}
.namePlate-page .infoItemsWrapper .infoItem .infoLable {
  display: block;
  margin-bottom: 8px;
}
.namePlate-page .infoItemsWrapper .infoItem .infoValue {
  display: block;
  margin-bottom: 22px;
}
.namePlate-page .productDetailList {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: auto;
}
.namePlate-page .productDetailList h2,
.namePlate-page .productDetailList .h2 {
  font-size: var(--rm-fontSizeMedium);
  padding-bottom: 8px;
  border-bottom: solid 1px #CBCBCB;
  margin-bottom: 0;
}
.namePlate-page .productDetailList .tableWrapper {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 25px;
}
.namePlate-page .productDetailList .tableWrapper table {
  width: 100%;
}
.namePlate-page .productDetailList .tableWrapper table thead {
  display: none;
}
.namePlate-page .productDetailList .tableWrapper table tr {
  height: 35px;
}
.namePlate-page .productDetailList .tableWrapper table tr td {
  padding-left: 0;
  border-bottom: 0 none;
}
.namePlate-page .productDetailList .tableWrapper table tr td:last-child {
  padding: 0 0 0 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .namePlate-page .productDetailList {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .namePlate-page {
    flex-direction: column;
    overflow: auto;
  }
}
.subitemCard .itemContainer .itemImg {
  display: flex;
  justify-content: center;
}
.gaugeEchart {
  height: 68px;
  width: 80px;
  overflow: hidden;
  position: relative;
}
.gaugeEchart > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.gaugeEchart.parcentageGauge {
  overflow: visible;
  height: 100px;
  margin-bottom: 20px;
}
.gaugeEchart.normalGauge {
  height: 100px;
  width: 100px;
  margin-bottom: 10px;
}
.gaugeEchart.cbGauge > div {
  top: 56%;
}
.CBRespFull > .itemName {
  padding-top: 20px;
}
.newSummaryPageWrapper {
  height: 100%;
}
.newSummaryPage {
  display: flex;
  flex: 1;
  overflow-y: auto;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .newSummaryPage {
    flex-wrap: wrap;
  }
}
.newSummaryPage .sidebar {
  min-width: 277px;
  width: 26.5%;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .newSummaryPage .sidebar {
    order: 2;
    width: 40%;
  }
  .newSummaryPage .sidebar:last-child {
    margin-left: auto;
  }
}
.newSummaryPage .sidebar::after {
  content: "";
  display: block;
  height: 5px;
}
.newSummaryPage .sidebar .cardItem {
  margin: 0 0 15px;
  position: relative;
}
.newSummaryPage .sidebar .cardItem h3.toolbarHeading,
.newSummaryPage .sidebar .cardItem .toolbarHeading.h3 {
  font-size: var(--rm-fontSizeDefault);
}
.newSummaryPage .sidebar .cardItem .toolbarRight .statusLabel {
  font-weight: normal !important;
  cursor: pointer;
}
.newSummaryPage .sidebar .cardItem .dataListWrapper {
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
}
.newSummaryPage .sidebar .cardItem .dataListWrapper > div {
  padding-top: 0px;
}
.newSummaryPage .sidebar .cardItem .dataListWrapper .dataItem {
  width: 50%;
  margin: 0 0 15px !important;
}
.newSummaryPage .sidebar .cardItem .dataListWrapper .dataItem .itemImg {
  min-height: 100px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.newSummaryPage .sidebar .cardItem .dataListWrapper .dataItem .itemImg .img-fluid {
  width: 70%;
}
.newSummaryPage .sidebar .cardItem .dataListWrapper .dataItem app-oltcalarms .itemImg {
  justify-content: center;
  display: flex;
  padding: 10px 0;
}
.newSummaryPage .sidebar .cardItem .dataListWrapper .dataItem app-tap-count .itemImg {
  min-height: 0;
  padding: 10px 0;
}
.newSummaryPage .sidebar .cardItem .dataTableWrapper {
  padding: 15px 10px !important;
  border: solid 1px #DEDCDE;
  border-radius: 0 0 10px 10px;
  background-color: #FBFCFD;
}
.newSummaryPage .sidebar .cardItem .dataTableWrapper .subitemCard {
  margin: 0 !important;
}
.newSummaryPage .productImgWrapper {
  display: flex;
  flex: 1;
  position: sticky;
  top: 0;
  justify-content: center;
  height: calc(100vh - 80px);
}
.newSummaryPage .productImgWrapper.transformer .boxContainer {
  display: block;
}
.newSummaryPage .productImgWrapper > div {
  flex: 1;
  position: relative;
}
.newSummaryPage .productImgWrapper > div > .imgContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.newSummaryPage .productImgWrapper > div > .imgContainer > img {
  width: 100%;
  height: auto;
}
.newSummaryPage .productImgWrapper > div .boxContainer {
  color: white;
  position: absolute;
  display: flex;
  perspective: 800px;
  font-size: var(--rm-fontSizeXSmall);
  top: 21%;
  left: 26%;
  font-size: var(--rm-fontSizeXSmall);
  line-height: 1;
  display: none;
}
.newSummaryPage .productImgWrapper > div .boxContainer .cube {
  width: 21.5em;
  transform-style: preserve-3d;
  transform: rotateX(-19deg) rotateY(40deg);
}
.newSummaryPage .productImgWrapper > div .boxContainer .side {
  position: absolute;
  width: 100%;
  padding: 1.4em 1.3em;
  height: 16em;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide {
  transform: translateZ(10.8em);
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .ProductName {
  font-size: 3.1em;
  margin-bottom: 0.3em;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealthIndex {
  padding: 0.8em 0;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealthIndex li {
  display: flex;
  margin-bottom: 0.2em;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealthIndex li span:first-child {
  width: 40%;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealthIndex li span.statusbtn {
  padding: 0 0.6em;
  border-radius: 0.4em;
  color: black;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealthIndex li span.statusbtn.greenBtn {
  background-color: #26722d;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealthIndex li span.statusbtn.redBtn {
  background-color: #fa6e53;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealthIndex li span.statusbtn.redBtn {
  background-color: grey;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealtMeter {
  display: flex;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealtMeter .productTemp {
  display: flex;
  padding-top: 1.5em;
  font-size: 0.9em;
  flex: 1;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealtMeter .productTemp .tempIcon {
  width: 14px;
  display: flex;
  align-items: center;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealtMeter .productTemp .tempDetail {
  display: flex;
  flex-direction: column;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealtMeter .productTemp .tempDetail strong {
  font-weight: normal;
  white-space: nowrap;
}
.newSummaryPage .productImgWrapper > div .boxContainer .rightSide .productHealtMeter .productGauge {
  width: 4em;
}
.newSummaryPage .productImgWrapper > div .boxContainer .leftSide {
  transform: rotateY(-90deg) translateZ(10.8em);
}
.newSummaryPage .productImgWrapper > div .boxContainer .leftSide .logo {
  margin: 2em 0 3em;
}
.newSummaryPage .productImgWrapper > div .boxContainer .leftSide .dataList {
  border: solid 1px white;
  padding: 10px;
  width: 65%;
}
.newSummaryPage .productImgWrapper > div .boxContainer .leftSide .dataList li {
  display: flex;
  line-height: 1;
}
.newSummaryPage .productImgWrapper > div .boxContainer .leftSide .dataList li:first-child {
  padding-bottom: 6px;
}
.newSummaryPage .productImgWrapper > div .boxContainer .leftSide .dataList li strong:first-child,
.newSummaryPage .productImgWrapper > div .boxContainer .leftSide .dataList li span:first-child {
  width: calc(100% - 3em);
}
@media (min-width: 768px) and (max-width: 1198.98px) {
  .newSummaryPage .productImgWrapper {
    flex: initial;
    width: 60%;
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .newSummaryPage .imgContainer {
    width: 380px !important;
  }
  .newSummaryPage .imgContainer .boxContainer {
    font-size: 9.2px !important;
    perspective: 690px !important;
  }
  .newSummaryPage .imgContainer .boxContainer .cube {
    transform: rotateX(-18deg) rotateY(40deg) !important;
  }
  .newSummaryPage .imgContainer .boxContainer .cube .ProductName {
    font-size: 1.8em !important;
    margin-bottom: 0 !important;
  }
  .newSummaryPage .imgContainer .boxContainer .cube .logo {
    margin: 1em 0 2em !important;
  }
  .newSummaryPage .imgContainer .boxContainer .cube .dataList {
    width: 82% !important;
  }
}
@media (min-width: 1440px) and (max-width: 1649.98px) {
  .newSummaryPage .imgContainer {
    width: 535px !important;
  }
  .newSummaryPage .imgContainer .boxContainer {
    font-size: 13px !important;
    perspective: 900px !important;
  }
  .newSummaryPage .imgContainer .boxContainer .cube {
    transform: rotateX(-18deg) rotateY(40deg) !important;
  }
  .newSummaryPage .imgContainer .boxContainer .cube .ProductName {
    font-size: 1.8em !important;
  }
}
@media (min-width: 1650px) and (max-width: 1919.98px) {
  .newSummaryPage .imgContainer {
    width: 653px !important;
  }
  .newSummaryPage .imgContainer .boxContainer {
    font-size: 15.8px !important;
    perspective: 1600px !important;
  }
  .newSummaryPage .imgContainer .boxContainer .productHealthIndex {
    padding: 0.2em 0 !important;
  }
  .newSummaryPage .imgContainer .boxContainer .ProductName {
    font-size: 2.1em !important;
  }
}
@media (min-width: 1920px) {
  .newSummaryPage .imgContainer {
    width: 777px !important;
  }
  .newSummaryPage .imgContainer .boxContainer {
    font-size: 19px !important;
    perspective: 2000px !important;
  }
  .newSummaryPage .imgContainer .boxContainer .ProductName {
    font-size: 2em !important;
  }
}
.newSummaryPage .dataTable,
.newSummaryPage .dataTableWrapper {
  flex: 1;
  padding: 10px 0 !important;
}
.newSummaryPage .dataTable h4,
.newSummaryPage .dataTable .h4,
.newSummaryPage .dataTableWrapper h4,
.newSummaryPage .dataTableWrapper .h4 {
  font-size: var(--rm-fontSizeDefault);
  font-weight: 700;
  margin-bottom: 8px;
}
.newSummaryPage .dataTable table,
.newSummaryPage .dataTableWrapper table {
  width: 100%;
}
.newSummaryPage .sidebar .cardItem .dataTableWrapper h4,
.newSummaryPage .sidebar .cardItem .dataTableWrapper .h4 {
  margin-bottom: 0;
}
.newSummaryPage .sidebar .cardItem .dataTableWrapper .dataItem.subitemCard {
  margin-bottom: 15px !important;
  display: block;
}
.newSummaryPage .sidebar .cardItem .dataTableWrapper .dataItem.subitemCard:last-child {
  margin-bottom: 0 !important;
}
.offlineFormWraper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.offlineFormWraper .offlineData {
  display: flex;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  background: var(--rm-backgroundPrimaryColor);
}
.offlineFormWraper .offlineData .offlineContainer {
  padding: 15px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.offlineFormWraper .offlineData .offlineContainer .heading {
  margin-bottom: var(--rm-headingMargin);
  font-weight: var(--rm-fontWeightBold);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeAssetTable);
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow {
  margin-bottom: 15px;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .Supported {
  padding: 7px 0 0 0;
  font-weight: 700;
  color: var(--rm-odiFontColor);
  font-size: var(--rm-fileSupportTextFontSize);
  font-family: var(--rm-fontFamily);
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .uploadedFliesPath {
  display: flex;
  flex-wrap: wrap;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .uploadedFliesPath .uploadedItem {
  display: flex;
  margin: 0;
  align-items: center;
  line-height: 1.1;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .uploadedFliesPath .uploadedItem .fileName {
  color: var(--rm-odiImageNameFontColor);
  cursor: pointer;
  text-align: left;
  padding-bottom: 5px;
  background: var(--rm-odiImageNameBackgroundColor);
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .uploadedFliesPath .uploadedItem .deleteFile {
  margin-left: 8px;
  margin-bottom: 2px;
  cursor: pointer;
  width: 25px;
}
.offlineFormWraper .offlineData .offlineContainer .formContainer mat-label {
  display: block;
  font-size: var(--rm-odiFieldHeaderFontSize);
  color: var(--rm-odiFontColor);
  font-weight: var(--rm-fontWeightMedium);
}
.offlineFormWraper .offlineData .offlineContainer .formContainer .mat-form-field {
  display: block;
}
.offlineFormWraper .offlineData .offlineContainer .formContainer .FieldsContainer {
  width: 100% !important;
}
.offlineFormWraper .offlineData .bottomBtnRow {
  text-align: right;
  padding: 10px 15px;
}
.offlineFormWraper .offlineData .addbtn {
  cursor: pointer;
}
.newtagsForm {
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
  display: block;
  text-align: right;
}
.newtagsForm .addbtnWrapper {
  display: inline-block;
}
.newtagsForm .addbtnWrapper span {
  display: inline-block;
  padding: 1px 0 0 4px;
  vertical-align: middle;
}
.newtagsForm .collapse {
  text-align: left;
}
.newtagsForm .collapse.active {
  display: block;
}
.newtagsForm .collapse.active::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 102;
}
.newtagsForm .addToggle {
  margin-top: 10px;
  background: #F1F1F1;
  border: solid 1px #E1E1E1;
  padding: 15px;
  position: absolute;
  top: 100%;
  right: 0;
  width: 80%;
  z-index: 103;
}
.newtagsForm .mat-form-field-appearance-outline .mat-form-field-outline-start,
.newtagsForm .mat-form-field-appearance-outline .mat-form-field-outline-end {
  background-color: white;
}
.reportPageWrapper .componentTag {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.reportPageWrapper .reportPage .radio-custom-label {
  white-space: nowrap;
}
.reportPageWrapper .reportPage .weeklyCheckInner {
  padding: 0 0 5px 1px;
}
.reportPageWrapper .reportPage .weeklyCheckInner input[type=checkbox] {
  margin-right: 8px;
}
.reportPageWrapper .reportPage .dateRangeOptions .mat-form-field-label-wrapper {
  font-size: var(--rm-fontSizeSmall);
}
.reportPageWrapper .reportPage .dateRangeOptions .mat-form-field-label-wrapper .mat-form-field-label {
  color: var(--rm-dropdownFontColor);
}
.reportPageWrapper .reportPage .bottomBtnRow {
  padding: 10px 15px;
  text-align: left !important;
}
.trend_class {
  height: 95%;
  overflow-y: auto;
}
.chart-container {
  position: relative;
  width: 300px;
}
.demo-chart {
  height: 200px;
}
.cards-Gridview {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
  color: var(--rm-fontColor);
}
.cards-Gridview .cardsItemWrapper {
  width: 25%;
  padding: 0 7.5px 15px;
  display: flex;
  position: relative;
}
.cards-Gridview .cardsItemWrapper .cardsItem {
  flex: 1;
  overflow: hidden;
  border-radius: var(--rm-cardsBorderRadius) !important;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading {
  background-color: var(--rm-headerCardHeaderBackgroundColor) !important;
  text-align: center;
  border-radius: var(--rm-cardsItemHeadingBorderRadius);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading h3,
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading .h3 {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontWeightMedium);
  margin: 0;
  line-height: 40px;
  font-family: var(--rm-fontFamily);
  color: var(--rm-headerCardFontColor) !important;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading.multiCol {
  display: flex;
  text-align: left;
  position: relative;
  border-radius: var(--rm-cardsItemHeadingBorderRadius);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading.multiCol h3,
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading.multiCol .h3 {
  flex: 1;
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading.multiCol h3 .tooltiptext,
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading.multiCol .h3 .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: var(--rm-tooltipBgColor);
  color: var(--rm-tooltipFontColorHeader);
  text-align: left;
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.4;
  font-weight: var(--rm-fontWeightMedium);
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 8px;
  max-width: 90%;
  white-space: pre-wrap;
  font-family: var(--rm-fontFamily);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading.multiCol h3:hover .tooltiptext,
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading.multiCol .h3:hover .tooltiptext {
  visibility: visible;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content {
  position: relative;
  padding: 10px 20px 18px;
  border: var(--rm-cardBorder);
  background-color: var(--rm-headerCardContentBackgroundColor);
  border-bottom-left-radius: var(--rm-cardsBorderRadius) !important;
  border-bottom-right-radius: var(--rm-cardsBorderRadius) !important;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .infoRow {
  color: var(--rm-fontColor) !important;
  font-size: var(--rm-fontSizeDefault);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .infoLink {
  overflow: hidden;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .infoLink .linkItem {
  cursor: pointer;
  float: right;
  color: var(--rm-fontColorHyperlink);
  font-size: var(--rm-fontSizeDefaultlink);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .offline-status {
  position: absolute;
  right: 10px;
  top: 3px;
  width: 11px;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-statusPie {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-statusPie .reading-block {
  color: #45556B;
  font-weight: bold;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-status strong {
  font-weight: var(--rm-fontWeightRegular);
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .cardsItem-infoRow {
  display: flex;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .cardsItem-infoRow label {
  flex: 1;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColorDgaCards);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .cardsItem-infoRow span {
  width: 48%;
  text-align: right;
  position: relative;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColorDgaCards);
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .cardsItem-infoRow span::before {
  content: ":";
  position: absolute;
  left: 0;
  top: 0;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info .cardsItem-infoRow span.dpSpan {
  width: 40%;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info.sf6-Item {
  padding: 0 8%;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info.sf6-Item .cardsItem-infoRow label {
  padding-right: 10px;
}
.cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardsItem-info.sf6-Item .cardsItem-infoRow span {
  width: 50%;
  text-align: left;
  padding-left: 10px;
}
.cards-Gridview .cardsItemWrapper .cardsItem.mainTankCards .cardsItem-heading {
  border-radius: var(--rm-DgacardsItemHeadingBorderRadius);
}
.cards-Gridview .cardsItemWrapper .cardsItem.mainTankCards .cardsItem-heading .trendsIcon {
  filter: var(--rm-SystemDashboardtrendIconColor);
}
.cards-Gridview .cardsItemWrapper .cardsItem.mainTankCards .cardsItem-heading .sysDashBordTrendICon {
  left: var(--rm-DgaCardTrendIConLeft);
}
.cards-Gridview .cardsItemWrapper .cardsItem.mainTankCards .cardsItem-content {
  border-radius: var(--rm-DgacardsItemContentBorderRadius);
  background-color: var(--rm-DgacardsItemContentBackGround);
}
.cards-Gridview .cardsItemWrapper.healthDashBordCards .cardsItem-heading {
  border-radius: var(--rm-cardsItemHeadingBorderRadius);
}
.cards-Gridview .cardsItemWrapper.healthDashBordCards .cardsItem-heading .trendsIcon {
  filter: var(--rm-DgaCardtrendIconColor);
}
.cards-Gridview .cardsItemWrapper.healthDashBordCards .cardsItem-heading .sysDashBordTrendICon {
  left: var(--rm-sysDashBordTrendIConLeft) !important;
  top: var(--rm-systemDashboardTrendIconTop) !important;
}
.cards-Gridview .cardsItemWrapper.healthDashBordCards .cardsItem-content {
  border-radius: var(--rm-cardsItemContentBorderRadius);
  background-color: var(--rm-cardsItemContentBackGround);
}
.event-anaylsis-toolbar .chartOutOf {
  margin-right: 18px;
}
.event-anaylsis-toolbar .chartDateTime {
  display: flex;
  font-size: var(--rm-fontSizeLarge);
  color: #393734;
  font-weight: 700;
}
.event-anaylsis-toolbar .chartDateTime .btn-prev {
  margin-right: 16px;
  transform: translateY(-2px);
}
.event-anaylsis-toolbar .chartDateTime .btn-next {
  margin-left: 16px;
  transform: translateY(-2px);
}
.event-anaylsis-toolbar .toolbarNav {
  display: flex;
}
.event-anaylsis-toolbar .toolbarNav a {
  white-space: nowrap;
}
.event-anaylsis-toolbar .toolbarNav .btn-prev {
  margin-left: 16px;
}
.event-anaylsis-toolbar button {
  background-color: transparent;
}
.bigCardsWrapper.masonryGrid {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  grid-auto-rows: 233px;
  grid-auto-flow: dense;
}
.bigCardsWrapper.masonryGrid .cardItem {
  width: 100%;
  margin: 0;
}
.cards-Gridview.fourCardsGrid .cardsItemWrapper {
  width: 25.5%;
}
.cards-Gridview.fourCardsGrid .cardsItemWrapper.dubbleWidth {
  width: 37.6%;
}
.cards-Gridview.fourCardsGrid .cardsItemWrapper.dubbleWidth .dataGauge.threeCols {
  width: 33.3%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cards-Gridview.fourCardsGrid .cardsItemWrapper.dubbleWidth {
    width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cards-Gridview.fourCardsGrid .cardsItemWrapper {
    width: 50%;
  }
}
.chartWrapperContainer {
  margin: 0 -15px;
}
.collapsedTable th:first-child {
  width: 315px;
  min-width: 315px;
  max-width: 315px;
}
.collapsedTable th:nth-child(2) {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}
.collapsedTable th:nth-child(3) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}
.collapsedTable th:nth-child(4) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}
.collapsedTable th:nth-child(5) {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.collapsedTable .example-element-detail {
  margin: 0 -15px;
  padding: 0 15px;
  background-color: #f7f7f7 !important;
}
.collapsedTable .example-element-detail table {
  box-shadow: none;
}
.collapsedTable .example-element-detail thead {
  display: none;
}
.collapsedTable .example-element-detail tr {
  background-color: #f7f7f7 !important;
}
.collapsedTable .example-element-detail tr td {
  white-space: normal !important;
}
.collapsedTable .example-element-detail tr td:first-child {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
}
.collapsedTable .example-element-detail tr td:nth-child(2) {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.collapsedTable .example-element-detail tr td:nth-child(3) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}
.collapsedTable .example-element-detail tr td:nth-child(4) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}
.collapsedTable .example-element-detail tr td:nth-child(5) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}
.leftAlign {
  align-items: initial !important;
  justify-content: start !important;
}
.subitemCard.cardElement {
  background: #FBFCFD !important;
  border: 1px solid #E9E9E9 !important;
  flex: 1 !important;
}
.cardHeader {
  font-size: var(--rm-fontSizeMedium) !important;
  line-height: 1.1 !important;
  margin-bottom: 12px !important;
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontWeightMedium) !important;
}
.cardHeader itemTrend[title] {
  text-decoration: none;
}
.truncate-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
  font-family: var(--rm-fontFamily);
  border-radius: var(--rm-noBorderRadius);
  color: var(--rm-infoFontColor);
}
.truncate-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
  font-family: var(--rm-fontFamily);
  border-radius: var(--rm-noBorderRadius);
  color: var(--rm-widgetHeaderFontColor);
}
.fiveCol-row .cardContainer .tempValue {
  font-size: var(--rm-widgetFontcolor);
  line-height: 34px;
  padding-left: 12px;
}
.fiveCol-row .cardContainer .tempValue sup {
  font-size: var(--rm-fontSizeXSmall);
}
.fiveCol-row .cardFoot .gaugeIcon,
.fiveCol-row .cardFoot .tempGraph {
  width: 16px;
}
.cardContainer {
  display: flex;
  align-items: center;
  flex: 1;
  font-weight: var(--rm-fontWeightRegular);
}
.cardContainer .tempIcon {
  width: 18px;
  padding-bottom: 2px;
}
.cardContainer .tempValue {
  font-size: var(--rm-widgetFontcolor);
  font-weight: var(--rm-fontWeightCusomized);
  line-height: 1;
  flex: 1;
  text-align: center;
}
.cardContainer .tempValue sup {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1;
  vertical-align: super;
}
.cardContainer .tempValue .unitValue {
  margin-left: 5px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: normal !important;
}
.cardContainer .tempValue strong {
  font-weight: var(--rm-summaryCardDigitFontWeight);
}
.cardSubCotainer {
  display: flex;
  justify-content: space-between;
}
.cardSubCotainer .subValue {
  margin-right: 5px;
}
.cardFoot {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  width: 100%;
}
.cardFoot .gaugeIcon {
  min-width: 15px;
}
.pdCards .cardHeader {
  display: flex;
  border-bottom: solid 1px #dedcde;
  padding: 0 12px 10px;
  margin: 0 -11px 12px;
}
.pdCards .cardHeader .cardTitle {
  display: flex;
  flex: 1;
  align-items: center;
}
.pdCards .cardHeader .cardTitle .title {
  padding-left: 10px;
  font-size: var(--rm-fontSizeMedium);
  font-weight: bold;
}
.pdCards .cardHeader .cardIconSet {
  display: flex;
}
.pdCards .cardHeader .cardIconSet .status-green {
  margin-right: 10px;
}
.pdCards .cardHeader .cardIconSet .gaugeIcon {
  margin-right: 10px;
}
.pdCards .cardContainer .itemContainer {
  flex-direction: column;
  text-align: center;
  width: 50%;
}
.pdCards .cardContainer .itemContainer .itemTitle {
  display: inline-block;
  margin-bottom: 12px !important;
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightMedium) !important;
  line-height: 1;
}
.pdCards .cardContainer .itemContainer .itemValue {
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  font-weight: bold;
}
.pdCards .cardContainer .itemContainer .itemValue strong {
  font-size: var(--rm-summaryCardDigitFontSize);
  display: inline-block;
  line-height: 1;
  font-weight: var(--rm-summaryCardDigitFontWeight);
}
.pdCards .cardContainer .itemContainer .itemValue sub {
  font-size: var(--rm-fontSizeDefault);
  bottom: 1px !important;
  margin-left: 5px;
  font-weight: normal !important;
}
.pdCards .cardContainer .itemContainer .tempStatusBtn {
  margin-bottom: 2px;
}
.pdCards .alarmCenterBtn {
  display: flex;
  justify-content: center;
}
.cardInfoContainer {
  position: relative;
  width: 21px;
  height: 21px;
}
.cardInfoContainer.leftPosition .infoOverlay {
  left: 0;
  right: auto;
}
.cardInfoContainer i {
  display: block;
  font-style: normal;
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonNormal);
  color: var(--rm-iButtonNormal);
  box-shadow: var(--rm-box-shadow);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  background-color: var(--rm-infoIconBackgroundColor);
}
.cardInfoContainer i:hover {
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonHover);
  color: var(--rm-iButtonHover);
}
.cardInfoContainer i.inactive {
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonInactive);
  color: var(--rm-iButtonInactive);
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
.cardInfoContainer .infoOverlay {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  border-radius: var(--rm-noBorderRadius);
  background-color: var(--rm-infoBackground);
  max-height: 65vh;
  overflow-y: auto;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
  padding: 8px;
  z-index: 3;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-infoFontColor) !important;
}
.cardInfoContainer .infoOverlay .infoList li {
  vertical-align: middle;
  margin-bottom: 6px;
  white-space: nowrap;
}
.cardInfoContainer .infoOverlay .infoList li:last-child {
  margin-bottom: 0;
}
.cardInfoContainer .infoOverlay .infoList.infoPreList {
  min-width: 40vw;
}
.cardInfoContainer .infoOverlay .infoList.infoPreList li {
  white-space: inherit;
}
.cardInfoContainer .infoOverlay .statusBullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.cardInfoContainer .infoOverlay .statusBullet.redColor {
  background-color: var(--rm-unsafeColor);
}
.cardInfoContainer .infoOverlay .statusBullet.amberColor {
  background-color: var(--rm-poorColor);
}
.cardInfoContainer .infoOverlay .statusBullet.lightamberColor {
  background-color: var(--rm-fairColor);
}
.cardInfoContainer .infoOverlay .statusBullet.yellowColor {
  background-color: var(--rm-goodColor);
}
.cardInfoContainer .infoOverlay .statusBullet.greenColor {
  background-color: var(--rm-verygoodColor);
}
.cardInfoContainer .infoOverlay .statusBullet.magenta {
  background-color: magenta;
}
.cardInfoContainer .infoOverlay .statusBullet.grey {
  background-color: #909294;
}
.cardInfoContainer .infoOverlay .statusBullet.darkgrey {
  background-color: #D3D3D3;
}
.cardInfoContainer .infoOverlay .statusBullet.pureRedColor {
  background-color: var(--PureRedColor);
}
.cardInfoContainer .infoOverlay .statusBullet.pureAmberColor {
  background-color: var(--PureAmberColor);
}
.cardInfoContainer .infoOverlay .statusBullet.pureGreenColor {
  background-color: var(--PureGreenColor);
}
.cardInfoContainer .infoOverlay .statusBullet.blue1 {
  background-color: #1c83c6;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay .statusBullet.blue2 {
  background-color: #22c6c8;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay .statusBullet.green1 {
  background-color: #1ab394;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay .statusBullet.yellow1 {
  background-color: #f8ab59;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay .statusBullet.yellow2 {
  background-color: #f9ac5a;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay .statusBullet.red1 {
  background-color: #ed5564;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay .statusBullet.red2 {
  background-color: #ec5564;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay .statusBullet.grey1 {
  background-color: #beb7b8;
  color: #FFFAFA;
  padding: 4px;
}
.cardInfoContainer .infoOverlay:last-child {
  margin-bottom: 0;
}
.cardInfoContainer .infoOverlay.gaugeInfoList {
  right: auto;
  left: 0;
  top: 0;
  left: 21px;
}
.cardInfoContainer .infoOverlay.styleset {
  top: -16%;
  left: 61px;
}
@media (min-width: 1536px) {
  .cardInfoContainer i.invertIcon {
    margin-left: -10px;
  }
}
@media (min-width: 1745px) {
  .cardInfoContainer i.invertIcon {
    margin-left: 10px;
  }
}
@media (min-width: 1706px) {
  .cardInfoContainer i.invertIcon {
    margin-left: 10px;
  }
}
@media (min-width: 2133px) {
  .cardInfoContainer i.invertIcon {
    margin-left: 60px;
  }
}
@media (min-width: 1920px) {
  .cardInfoContainer i.invertIcon {
    margin-left: 40px;
  }
}
@media (min-width: 2400px) {
  .cardInfoContainer i.invertIcon {
    margin-left: 95px;
  }
}
.cardInfoContainer .precedenceOverlay {
  min-width: 240px;
  left: 0;
  right: auto;
}
.cardInfoContainer:hover .infoOverlay {
  display: block;
  top: 25px;
  padding: var(--rm-allAssetsWatchlistIconPadding);
  font-weight: var(--rm-fontWeightRegular);
}
.cardInfoContainer:hover .infoOverlay.tdOverlay {
  padding: 8px;
}
.cardInfoContainer.downloadPdfBtnInfo {
  width: 45px;
  height: 45px;
  display: inline-block;
}
.cardInfoContainer.pdInfoContainer {
  margin-left: 10px;
}
.cardInfoContainer.pdInfoContainer .infoOverlay {
  min-width: 24vw;
}
.cardInfoContainer.npcardInfoContainer {
  width: auto;
}
.tableCellInfo tbody tr:last-child td.tableInfoColumn .tableInfoContainer .infoOverlay {
  top: 2px;
  left: 50%;
}
.tableCellInfo .tableInfoContainer {
  display: flex;
  align-items: center;
}
.tableCellInfo .tableInfoContainer .cardInfoContainer {
  width: 250px;
  height: auto;
}
.tableCellInfo .tableInfoContainer .cardInfoContainer .infoOverlay {
  left: 0;
  right: auto;
  padding: 5px 10px;
  z-index: 1002;
}
.tableCellInfo .tableInfoContainer a {
  min-width: 250px;
  max-width: 250px;
  width: 250px;
  padding-right: 0px;
}
.tableCellInfo .tableInfoContainer .mat-icon-button {
  line-height: 20px !important;
  height: 20px;
  display: inline-block;
  width: 20px;
  margin-left: 0 !important;
}
.gaugeIcon .infoOverlay {
  min-width: 165px;
}
.gaugeIcon .infoOverlay h4,
.gaugeIcon .infoOverlay .h4 {
  margin-bottom: 6px;
  font-size: var(--rm-fontSizeDefault);
}
.gaugeIcon .infoOverlay .alarmListBlock {
  border-bottom: solid 1px #dedcde;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.gaugeIcon .infoOverlay .alarmListBlock:last-child {
  border: 0 none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.gaugeIcon .infoOverlay .alarmListBlock h4,
.gaugeIcon .infoOverlay .alarmListBlock .h4 {
  font-size: var(--rm-fontSizeDefault) !important;
}
.gaugeIcon .infoOverlay .alarmListBlock div {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.4;
  display: flex;
}
.gaugeIcon .infoOverlay .alarmListBlock div label {
  flex: 1;
}
.countWidget .itemName {
  display: block;
  text-align: center;
  margin-bottom: 4px;
}
.button.btnIcon.btnSizeM {
  padding: 9px 12px 9px 40px !important;
  margin-left: 0;
  background-color: #404040;
  border-radius: 10px;
  line-height: 1.2;
  font-size: 1.6rem;
}
.button.btnIcon.btnSizeM i {
  width: 19px !important;
  left: 12px;
}
.main-innerContainer.shortHeight {
  max-height: 313px;
  margin-bottom: 20px;
}
.cardWrap .subitemCard {
  flex: inherit !important;
}
.fiveCol-row .subitemCard:last-child .precedenceOverlay,
.fiveCol-row .subitemCard:nth-child(4) .precedenceOverlay,
.fiveCol-row .subitemCard:nth-child(5) .precedenceOverlay,
.fiveCol-row .subitemCard:nth-child(9) .precedenceOverlay,
.fiveCol-row .subitemCard:nth-child(10) .precedenceOverlay {
  left: auto;
  right: 0 !important;
}
@media (max-width: 1024px) {
  .fiveCol-row .subitemCard:nth-child(2) .precedenceOverlay,
  .fiveCol-row .subitemCard:nth-child(4) .precedenceOverlay {
    left: auto;
    right: 0;
  }
}
.fourCol-row-full .subitemCard:last-child .precedenceOverlay,
.fourCol-row-full .subitemCard:nth-child(7) .precedenceOverlay,
.fourCol-row-full .subitemCard:nth-child(8) .precedenceOverlay {
  left: auto;
  right: 0 !important;
}
@media (max-width: 1024px) {
  .fourCol-row-full .subitemCard:nth-child(6) .precedenceOverlay,
  .fourCol-row-full .subitemCard:nth-child(8) .precedenceOverlay {
    left: auto;
    right: 0;
  }
  .fourCol-row-full .subitemCard:nth-child(7) .precedenceOverlay {
    left: 0;
    right: auto;
  }
}
.subitemCard .cardInfoWrapper {
  margin-top: 20px;
}
.cbImg .itemImg {
  max-width: 126px;
}
.chanmerLayout {
  height: 100%;
  padding: 20px;
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}
.chanmerLayout .chanmerGraph {
  width: 50%;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
  position: sticky;
  top: 0;
  border-right: solid 1px #DEDCDE;
}
.chanmerLayout .chanmerGraph [data-zoom-on-wheel] {
  overflow: hidden;
}
.chanmerLayout .chanmerGraph .fluxChartData {
  display: flex;
}
.chanmerLayout .chanmerGraph .fluxChartData .dataLeft,
.chanmerLayout .chanmerGraph .fluxChartData .dataRight {
  flex: 1;
  flex-direction: column;
  display: flex;
}
.chanmerLayout .chanmerGraph .fluxChartData .dataLeft span,
.chanmerLayout .chanmerGraph .fluxChartData .dataRight span {
  font-size: var(--rm-fontSizeMedium);
  line-height: 1;
  margin-bottom: 5px;
}
.chanmerLayout .chanmerGraph rect {
  fill: transparent !important;
}
.chanmerLayout .chanmerDetail {
  padding-left: 15px;
  flex: 1;
}
.chanmerLayout .cardItem {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .chanmerLayout .cardItem {
    width: 100% !important;
  }
}
.chanmerLayout .cardItem .toolbarHeading {
  line-height: 2.4;
}
.chanmerLayout .cardItem .cardToolbar {
  padding-right: 15px !important;
}
.chanmerLayout .cardItem .cardToolbar .act_btn {
  background: transparent;
}
.chanmerLayout .cardItem.cardItemFull {
  width: 100%;
}
.chanmerLayout .bigCardsWrapper {
  margin: 0;
}
.chanmerLayout .dataListWrapper {
  display: flex;
}
.chanmerLayout .dataListWrapper .loadBySideLeft,
.chanmerLayout .dataListWrapper .loadBySideRight {
  width: 50%;
}
.chanmerLayout .dataListWrapper .loadBySideLeft {
  border-right: solid 1px #DEDCDE;
  padding-right: 15px;
}
.chanmerLayout .dataListWrapper .loadBySideRight {
  padding-left: 15px;
}
.chanmerLayout .dataListWrapper .itemRow {
  padding: 0 0 10px;
}
.chanmerLayout .dataListWrapper .itemRow .txtBold {
  flex: 1;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
}
.chanmerLayout .dataListWrapper .itemRow .runningValue {
  width: auto !important;
  padding-left: 10px;
  color: var(--rm-headerCardFontColor);
  font-size: var(--rm-fontSizeDefault);
}
.chanmerLayout .dataListWrapper .itemRow .alarmsSF6 {
  width: auto;
  padding-left: 10px;
}
.chanmerLayout .dataListWrapper .itemRow:first-child {
  padding-top: 10px;
}
.chanmerLayout .dataListWrapper .itemRow:last-child {
  padding-bottom: 0px;
}
.chanmerLayout .dataListWrapper.productInfo-Content {
  margin: 0 0 !important;
  padding: 4px 0;
}
.footerInfo {
  width: 100%;
  display: flex;
  padding: 10px;
  z-index: 2;
  background-color: white;
  position: sticky;
  bottom: 0;
}
.footerInfo .cardInfo {
  position: relative !important;
  bottom: 0 !important;
  margin-right: 10px;
}
.footerInfo .cardInfo .infoOverlay {
  top: auto;
  bottom: 100%;
  left: 0;
  right: auto;
  width: 70vw;
  overflow: auto;
  max-height: 80vh;
}
.footerInfo .cardInfo .infoOverlay .infoDetail {
  margin-bottom: 20px;
}
.footerInfo .cardInfo .infoOverlay .infoDetail strong {
  display: block;
  margin-bottom: 10px;
  font-size: var(--rm-fontSizeXLarge);
}
.footerInfo .cardInfo .infoOverlay .infoDetail:last-child {
  margin-bottom: 0;
}
.footerInfo .cardInfo .infoOverlay .infoDetail .infoDetailImg {
  width: 100%;
  border: solid 1px #DEDCDE;
}
.fullWidthCols .tableWidgetBlock {
  margin-bottom: 20px;
}
.fullWidthCols .tableWidgetBlock:last-child {
  margin-bottom: 0;
}
.fullWidthCols .tableWidgetBlock h3,
.fullWidthCols .tableWidgetBlock .h3 {
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-towerCardHeadingWeight);
  margin: 0 0 5px 0;
  font-family: var(--rm-fontFamily);
}
.fullWidthCols .subitemCard {
  width: 100% !important;
  background-color: transparent !important;
  border: none !important;
}
.managementSummary .main-middleContainer {
  flex: 1;
  overflow-x: auto;
  padding: 0;
}
.managementSummary .footerInfo {
  border-top: solid 1px var(--rm-borderColor);
}
.collapseBlock .headingToolbar {
  padding: 20px;
  border-top: solid 1px var(--rm-borderColor);
}
.collapseBlock .headingToolbar .heading {
  font-size: var(--rm-fontSizeXXLarge);
  color: var(--rm-primaryColor);
  font-weight: bold;
}
.collapseBlock.noHeading .headingToolbar {
  display: none;
}
.collapseBlock .collapsContainer {
  flex: 1;
}
.cardsRow {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 10px;
  width: 100%;
}
.cardsRow .itemContainerLayer1.pieChartContainer .pieChartContainerChild .itemContainerLayer3 .itemContainer .chartWrapperContainer {
  border: 1px solid #d3d3d3 !important;
  border-radius: var(--rm-noBorderRadius);
}
.cardsRow .itemContainerLayer1,
.cardsRow .itemContainerLayer2,
.cardsRow .itemContainerLayer3 {
  display: flex;
}
.cardsRow .itemContainerLayer2,
.cardsRow .itemContainerLayer3 {
  flex: 1;
}
.cardsRow.mapsWrapper {
  height: 65vh;
  overflow: hidden;
  display: flex;
  padding: 0;
  flex: 1;
  border-bottom: 1px solid #BBBABB;
}
.cardsRow.mapsWrapper .itemContainer {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.cardsRow.cpTable {
  height: 100% !important;
}
.cardsRow.cpTable .itemContainerLayer3 .itemContainer {
  height: 100vh;
}
.cardsRow.noBackground .itemContainer {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 0 10px;
  padding: 0;
}
.cardsRow .dashboardWidgets,
.cardsRow .alertsWidget {
  flex: 1;
}
.cardsRow .dashboardWidgets .alarmCountWidget,
.cardsRow .alertsWidget .alarmCountWidget {
  background-color: var(--rm-healthCardsBackgroundColor);
  border: 1px solid #E9E9E9;
  border-radius: var(--rm-noBorderRadius);
  margin: 7.5px;
  padding: 10px;
  flex: initial;
  width: 20%;
  box-shadow: var(--rm-healthCardBoxShadow);
}
.cardsRow .dashboardWidgets .alarmCountWidget .cardsContainer,
.cardsRow .alertsWidget .alarmCountWidget .cardsContainer {
  padding: 0;
}
.cardsRow .dashboardWidgets .alarmCountWidget .cardsContainer .cardsValue,
.cardsRow .alertsWidget .alarmCountWidget .cardsContainer .cardsValue {
  font-size: var(--rm-healthCardValueFontsize);
  line-height: 1;
  font-weight: var(--rm-fontWeightMedium);
  flex: 1;
  display: flex;
  align-items: flex-end;
  color: var(--rm-summaryCardFontColor);
}
.cardsRow .dashboardWidgets .dashboardLeft,
.cardsRow .alertsWidget .dashboardLeft {
  display: flex;
}
.cardsRow .dashboardWidgets .dashboardLeft .getActiveUrl,
.cardsRow .alertsWidget .dashboardLeft .getActiveUrl {
  border: var(--rm-assetDashBoardCardBorderColor);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  cursor: pointer;
}
.cardsRow .dashboardWidgets .dashboardLeft .alarmCountWidget,
.cardsRow .alertsWidget .dashboardLeft .alarmCountWidget {
  padding: 0;
}
.cardsRow .dashboardWidgets .dashboardLeft .alarmCountWidget:hover,
.cardsRow .alertsWidget .dashboardLeft .alarmCountWidget:hover {
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  cursor: pointer;
}
.cardsRow .dashboardWidgets .dashboardLeft .alarmCountWidget .dashboardLink,
.cardsRow .alertsWidget .dashboardLeft .alarmCountWidget .dashboardLink {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 10px;
  color: var(--rm-blackColor);
  box-shadow: var(--rm-healthCardBoxShadow);
}
.cardsRow .dashboardWidgets .dashboardLeft .alarmCountWidget .dashboardLink .cardsContainer,
.cardsRow .alertsWidget .dashboardLeft .alarmCountWidget .dashboardLink .cardsContainer {
  margin-bottom: 20px;
}
.cardsRow .dashboardWidgets .dashboardRight,
.cardsRow .alertsWidget .dashboardRight {
  display: flex;
  justify-content: flex-end;
}
.cardsRow .dashboardWidgets .dashboardRight.notActive,
.cardsRow .alertsWidget .dashboardRight.notActive {
  justify-content: flex-start;
}
.cardsRow .viewAllContainer .textlink {
  font-size: var(--rm-fontSizeDefaultlink);
  cursor: pointer;
  color: var(--rm-tableDataLinkColor);
  font-weight: var(--rm-textlinkFontWeight);
  font-family: var(--rm-fontFamily);
}
.cardsRow .viewAllContainer .textlink:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.cardsRow .viewAllContainer .textlink.viewAllLink:hover {
  font-size: var(--rm-fontSizeDefaultlink);
  color: var(--rm-tableDataLinkHoverColor);
}
.cardsRow .viewAllDisable {
  pointer-events: none;
  opacity: 0.75;
}
.cardsRow.gisGasDaigram .itemContainer {
  border: none !important;
}
.cardsRow .itemContainer {
  background-color: var(--rm-healthCardsBackgroundColor);
  border: var(--rm-healthCardsBorderColorsolid);
  border-radius: var(--rm-noBorderRadius);
  margin: 10px;
  padding: 10px;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.cardsRow .itemContainer.cardPatternSmall {
  min-height: var(--rm-cardPatternSmallHeight) !important;
  box-shadow: var(--rm-healthCardBoxShadow);
  max-height: var(--rm-cardPatternMaxHeight) !important;
  height: var(--rm-cardPatternHeight) !important;
}
.cardsRow .itemContainer.cardPatternSmall {
  box-shadow: var(--rm-healthCardBoxShadow);
}
.cardsRow .itemContainer .cardsHeader {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.cardsRow .itemContainer .cardsHeader .titleIcon {
  width: 30px;
  margin-right: 8px;
}
.cardsRow .itemContainer .cardsHeader .widgetIcon {
  width: 60px;
  height: 60px;
}
.cardsRow .itemContainer .cardsHeader.iconModeHeader {
  margin-bottom: 0;
  justify-content: center;
}
.cardsRow .itemContainer .cardsHeader.iconModeImg {
  margin-bottom: 0;
  justify-content: center;
}
.cardsRow .itemContainer .cardsHeader .cardsRow .itemContainer .cardsHeader.iconModeImg :nth-child(2) {
  margin-top: 10px;
}
.cardsRow .itemContainer .cardsHeader .titleText {
  font-size: var(--rm-fontSizeMedium);
  font-weight: var(--rm-fontWeightMedium);
  flex: 1;
  margin: 0;
  line-height: 1;
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
  word-break: break-word;
}
.cardsRow .itemContainer .cardsContainer {
  padding: 8px 0;
  flex: 1;
  display: flex;
  justify-content: center;
}
.cardsRow .itemContainer .cardsContainer.centerAlign {
  align-items: center;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer {
  flex: 1 0 50%;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardleftHeader {
  font-size: var(--rm-fontSizeXXLarge);
  font-weight: bold;
  flex: 1;
  margin: 0;
  line-height: 1;
  margin-bottom: 15px;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock .cardIcon {
  margin-right: 30px;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock .cardMiddle .cardMiddleHeader {
  font-size: var(--rm-fontSizeLarge);
  line-height: 1;
  margin-bottom: 8px;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock .cardMiddle .cardValue {
  font-size: 5rem;
  line-height: 1;
  color: #0070D2;
  font-weight: bold;
  margin-bottom: 8px;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock .cardMiddle .cardValue .unitValue {
  font-size: 2.5rem;
  line-height: 1;
  margin-left: 10px;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock .cardMiddle .cardSubtext {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1;
  font-weight: 700;
  color: #393734;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock .cardMiddle .cardSubtext .actualValue {
  color: #0070d2;
  margin-right: 2px;
}
.cardsRow .itemContainer .cardsContainer .cardLeftContainer .cardLeftData .cardLeftBlock .cardMiddle .cardSubtext .unitValue {
  margin-left: 5px;
  font-weight: normal;
}
.cardsRow .itemContainer .cardsContainer .cardRightContainer {
  display: flex;
  flex: 1 0 50%;
  align-items: center;
}
.cardsRow .itemContainer .cardsContainer .cardRightContainer .guageContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cardsRow .itemContainer .cardsContainer .cardRightContainer .guageContainer .cardGuage {
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cardsRow .itemContainer .cardsContainer .cardRightContainer .guageContainer .cardGuage .gaugeBlock {
  position: relative;
  overflow: hidden;
  height: 115px;
  width: 115px;
  margin-bottom: 25px;
}
.cardsRow .dashboardLayout {
  margin: var(--rm-dashboardLayoutMargin) !important;
}
.cardsRow .dashboardLayout .main-middleContainer {
  overflow: hidden;
}
.cardsRow .dashboardLayout .main-middleContainer .dashboardTableWrapper {
  max-height: var(--rm-dashBoardLayoutMaxHeight);
}
.cardsRow .dashboardLayout .main-middleContainer .dashboardTableWrapper .table-container .statusColorBar .statusBtn {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .cardsRow .dashboardLayout .main-middleContainer .dashboardTableWrapper {
    max-height: var(--rm-dashBoardZoomLayoutMaxHeight);
  }
}
.cardsRow.fullViewScreen {
  padding: 0 !important;
}
.cardsRow.transmissionCards .itemContainerLayer1 {
  flex-direction: row !important;
  flex: 1 !important;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper {
  width: 100% !important;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading {
  text-align: left;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading h3,
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-heading .h3 {
  padding-left: 20px;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content {
  padding: 10px;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardContentBlock {
  padding: 10px;
  border-bottom: 1px solid #dedcde;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardContentBlock .cardDataHeading {
  margin-bottom: 5px;
  font-weight: bold;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardContentBlock:last-child {
  border-bottom: none !important;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardLink {
  margin: 20px 10px;
}
.cardsRow.transmissionCards .cards-Gridview .cardsItemWrapper .cardsItem .cardsItem-content .cardLink a {
  color: #404040;
  font-size: 1.8rem;
}
.cardsRow .horizontalGauges {
  flex-direction: row !important;
}
.cardsRow .fullWidthTable .itemContainer {
  margin: 0 !important;
}
.cardsRow.cardsrowNoHeader {
  padding: 0;
}
.cardsRow.cardsrowNoHeader .itemContainer {
  margin: 0;
}
.monitorScreen .dashboard-Container {
  overflow: hidden;
}
.cardPattern1 .cardsContainer {
  flex-direction: column;
}
.cardPattern1 .cardsContainer .cardsValue {
  font-size: 6rem;
  color: var(--rm-cardsValueFontColor);
  line-height: 1;
  margin-bottom: 10px;
  flex: 1;
  display: flex;
  align-items: center;
  font-family: var(--rm-fontFamily);
  font-weight: 700;
}
.cardPattern1 .cardsContainer .cardsValue .percentValue {
  font-size: 2.5rem;
  margin: 25px 0 0 4px;
}
.cardPattern1 .cardsContainer .cardsValue.dashboardalarmvaluecolor {
  color: var(--rm-dashboardAlarmsCardsValue) !important;
}
.cardPattern1 .cardsContainer .cardsValue.dashboardwarningsvaluecolor {
  color: var(--rm-dashboardWarningsCardsValue) !important;
}
.cardPattern1 .cardsContainer .cardsValue.dashboardnoalarmsvaluecolor {
  color: var(--rm-dashboardNoAlarms) !important;
}
.cardPattern1 .cardsContainer .cardsSubText {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
  color: #393734;
  display: flex;
  justify-content: space-between;
}
.cardPattern1 .cardsContainer .cardsSubText .actualValue {
  color: #0070D2;
  margin-right: 2px;
}
.cardPattern1 .cardsContainer .cardsSubText .unitValue {
  margin-left: 5px;
  font-weight: normal;
}
.cardPatternSmall .cardsHeader {
  flex: 1;
  align-items: start !important;
}
.cardPatternSmall .cardsContainer .cardsValue {
  font-size: var(--rm-myDashboardCardValueFontsize);
  margin-bottom: 0;
  font-weight: var(--rm-fontWeightMedium);
  font-family: var(--rm-fontFamily);
}
.itemContainerLayer1 .itemContainerLayer2:nth-child(2) .cardPattern1 .cardsValue {
  color: var(--PureRedColor);
}
.itemContainerLayer1 .itemContainerLayer2:nth-child(3) .cardPattern1 .cardsValue {
  color: var(--LightPinkColor);
}
.cardPattern2 .cardsContainer {
  display: flex;
}
.cardPattern2 .cardsContainer .leftCol {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cardPattern2 .cardsContainer .leftCol .cardsValue {
  font-size: 4rem;
  color: var(--rm-cardsValueFontColor);
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
  flex: 1;
  display: flex;
}
.cardPattern2 .cardsContainer .leftCol .cardsValue .hashValue {
  font-size: var(--rm-fontSizeXLarge);
  margin-left: 4px;
  display: flex;
  flex: 1;
  align-items: flex-end;
  line-height: 1.2;
}
.cardPattern2 .cardsContainer .leftCol .cardsSubText {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1;
  color: #393734;
}
.cardPattern2 .cardsContainer .rightCol {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cardPattern2 .cardsContainer .rightCol .percentValue {
  color: #00B050;
  flex: 1;
  display: flex;
  align-items: center;
}
.cableHealthIndexWrapper .cardInfoWrapper {
  margin-top: 0;
  z-index: 3;
}
.cableHealthIndexWrapper .cardInfoWrapper .cardInfo {
  bottom: auto;
}
.cableHealthIndexWrapper .cardInfoWrapper .cardInfo .infoList .button {
  display: inline-block;
  margin: 0;
}
.cableHealthIndexWrapper .cardInfoWrapper .cardInfo .status-green {
  margin-right: 10px;
}
.cableHealthIndexWrapper .pdStatus {
  display: flex;
  margin-bottom: 10px;
}
.cableHealthIndexWrapper .cableHealthIndex {
  position: relative;
  padding: 10px 0 30px 0px;
  margin: 35px 40px 0;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIconLeft {
  position: absolute;
  top: -2px;
  left: -40px;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIconLeft .sensorText {
  position: absolute;
  top: 30px;
  left: 5px;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIconRight {
  position: absolute;
  top: -2px;
  right: -40px;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIconRight .sensorText {
  position: absolute;
  top: 30px;
  right: 5px;
}
.cableHealthIndexWrapper .cableHealthIndex .healthSummaryPointer {
  position: absolute;
  z-index: 2;
  margin-left: -1px;
  width: 12px;
  height: 16px;
  top: 1px;
  border: solid 8px transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  transform: translateX(-50%);
}
.cableHealthIndexWrapper .cableHealthIndex .healthSummaryPointer .dimondShape {
  position: absolute;
  width: 12px;
  height: 16px;
  top: -24px;
  border: solid 8px transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  transform: translateX(-50%);
}
.cableHealthIndexWrapper .cableHealthIndex .healthSummaryPointer span {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath {
  position: relative;
  z-index: 1;
  height: 4px;
  background-color: #323438;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li {
  position: absolute;
  width: 2px;
  height: 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  background: gray;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li span {
  position: absolute;
  top: 100%;
  margin-top: 3px;
  left: 50%;
  transform: translateX(-50%);
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li:first-child span {
  left: 0;
  transform: translateX(0);
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li:last-child {
  right: 0;
  transform: translate(0%, -50%);
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li:last-child span {
  right: 0;
  left: auto;
  transform: translateX(0);
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li.secondLine {
  left: 20%;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li.thirdLine {
  left: 40%;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li.fourthLine {
  left: 60%;
}
.cableHealthIndexWrapper .cableHealthIndex .healthIndexPath li.fivethLine {
  left: 80%;
}
.fullHeightCardContainer {
  display: flex;
  overflow: hidden !important;
}
.fullHeightCard {
  display: flex;
  flex: 1;
}
.fullHeightCard .collapseBlock {
  display: flex;
  flex: 1;
}
.fullHeightCard .collapseBlock .flexContainer {
  display: flex;
  flex: 1;
}
.fullHeightCard .panel {
  display: flex;
  flex: 1;
}
.fullHeightCard .panel .pannelBody {
  display: flex;
  flex: 1;
}
.fullHeightCard .panel .pannelBody .cardsRow {
  display: flex;
  flex: 1;
}
.fullHeightCard .panel .pannelBody .cardsRow .itemContainerLayer1 {
  display: flex;
  flex: 1;
}
.fullHeightCard .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 {
  display: flex;
  flex: 1;
}
.fullHeightCard .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 {
  display: flex;
  flex: 1;
}
.fullHeightCard .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer {
  display: flex;
  flex: 1;
  background-color: transparent;
  border: 0 none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.fullHeightCard .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .map-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.fullHeightCard .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .map-container svg {
  max-width: 100% !important;
  max-height: calc(100vh - 205px) !important;
}
.nameplateWrapper {
  display: flex;
  height: 100%;
}
.nameplateWrapper .mat-card {
  flex: 1;
  display: flex;
  height: 100%;
  flex-direction: column;
  background: var(--rm-nameplateBackgroundColor);
  color: var(--rm-fontColor);
}
.nameplateWrapper .mat-card .mat-card-content {
  flex: 1;
  overflow: auto;
}
.nameplateWrapper .mat-card .mat-card-content .nameplate-container {
  padding: 0 18px;
  border: 0 none;
  flex-direction: column;
}
.nameplateWrapper .mat-card .mat-card-content .nameplate-container h2,
.nameplateWrapper .mat-card .mat-card-content .nameplate-container .h2 {
  font-size: var(--rm-fontSizeXLarge);
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.nameplateWrapper .mat-card .mat-card-content .nameplate-container .nameplate-group {
  margin-bottom: 30px;
}
.nameplateWrapper .mat-card .mat-card-content .nameplate-container .nameplate-group h4,
.nameplateWrapper .mat-card .mat-card-content .nameplate-container .nameplate-group .h4 {
  font-weight: var(--rm-fontWeightMedium);
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
}
.nameplateWrapper .mat-card .mat-card-content .nameplate-container .itemContainer {
  display: flex;
  font-size: var(--rm-fontSizeDefault);
  border-bottom: solid 1px #DEDCDE;
  padding: 5px 0;
}
.nameplateWrapper .mat-card .mat-card-content .nameplate-container .itemContainer > div:first-child {
  flex: 1;
}
.nameplateWrapper .mat-card .mat-card-content .nameplate-container .itemContainer > div:first-child strong {
  font-weight: var(--rm-fontWeightRegular);
}
.nameplateWrapper.productDetail {
  border-left: solid 1px #DEDCDE;
}
.cardInfoWrapper.topToBottom .cardInfo {
  top: 0;
  bottom: auto !important;
}
.cardInfoWrapper.topToBottom .infoOverlay {
  width: 300px;
}
.cardInfoWrapper.topToBottom .infoOverlay .infoList li {
  white-space: normal !important;
}
.theaderCenter .mat-sort-header-container {
  justify-content: center;
}
ul.odometer,
ul.odometer li {
  margin: 0;
  padding: 0;
}
ul.odometer {
  list-style-type: none;
  display: flex;
  width: 100%;
  justify-content: center;
}
ul.odometer li {
  border: 1px solid #A7A6AB;
  border-left: 0px;
  font-size: var(--rm-fontSizeLarge);
  font-weight: var(--rm-summaryCardDigitFontWeightRegular);
  text-align: center;
  color: var(--rm-fontColor);
  padding: 4px 6px;
}
ul.odometer li:first-child {
  border-left: 1px solid #A7A6AB;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: var(--rm-timeboxborderraduis);
  border-top-left-radius: var(--rm-timeboxborderraduis);
}
ul.odometer li:last-child {
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: var(--rm-timeboxborderraduis);
  border-bottom-right-radius: var(--rm-timeboxborderraduis);
}
.itemImg {
  display: flex;
  justify-content: center;
}
.cardToolbarCSA {
  font-size: var(--rm-fontSizeDefault);
  display: flex;
  border-bottom: solid 1px #dedcde;
  padding: 0 12px 10px;
  margin: 0 -11px 12px;
  z-index: 1;
  position: relative;
}
.cardToolbarCSA > div:first-child {
  flex: 1;
}
.cardToolbarCSA > div:first-child a {
  display: inline-block;
}
.cardToolbarCSA > div:first-child a .smallIcon {
  height: auto;
  width: 20px;
  margin-left: 4px;
}
.cardToolbarCSA > div:nth-child(2) {
  margin-right: 8px;
}
.chartRightBlock.halfWidth {
  width: 45%;
  padding: 12px;
  margin: 0 !important;
}
.chartRightBlock .chartToolbar {
  margin: 0;
  padding: 0 12px 16px !important;
  margin: 0 -12px 12px -12px;
}
.chartRightBlock .chartWrapperContainer {
  margin: 0;
}
.duvalAnalysis-detail.halfWidth {
  width: 55%;
  padding: 12px;
  border-right: 2px solid #DEDCDE;
}
.duvalAnalysis-detail.halfWidth .detailBlock h3,
.duvalAnalysis-detail.halfWidth .detailBlock .h3 {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.15;
  letter-spacing: 0.75px;
  font-weight: bold;
  font-family: var(--rm-fontFamily);
  padding: 0 12px 12px;
  border-bottom: 1px solid #DEDCDE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -12px 12px -12px;
}
.duvalAnalysis-detail.halfWidth .detailBlock h3 .mat-icon-button,
.duvalAnalysis-detail.halfWidth .detailBlock .h3 .mat-icon-button {
  height: 20px;
  width: 20px;
}
.margin-20Bottom {
  margin-bottom: 20px;
}
.cardChartHeader.fullWidth {
  width: 100%;
}
.cardStatus-fanwrapper.fullWidth {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.replayForm {
  margin-bottom: 50px;
  width: 40%;
}
.replayForm .bottomBtnRow {
  display: flex;
  justify-content: flex-end;
}
.replayTable {
  width: 80%;
}
.customflexLayout .pannelBody {
  display: flex;
  flex: 1;
}
.customflexLayout .pannelBody .customNameplate {
  flex: 1;
}
.customflexLayout .pannelBody .horizontalGauges {
  flex-direction: row !important;
  width: 100%;
  margin: 10px 0;
}
.customflexLayout .pannelBody .horizontalGauges .itemContainerLayer2:nth-child(3) .itemContainerLayer3 .itemContainer .cardInfoWrapper .cardInfo .InfocardContainers:hover .infoOverlay {
  left: auto;
  right: 0;
}
.customflexLayout .pannelBody .cardsRow {
  padding: 0;
}
.customflexLayout .customNameplateData {
  flex: 1;
  border-right: 1px solid #BBBABB;
}
.customflexLayout .customNameplateData .cardsRow {
  padding: 0;
}
.customflexLayout .customNameplateData .itemContainer {
  margin: 0;
}
.mat-card-header .mat-card-header-text {
  margin: 0 !important;
}
.VFDAnomalyContainer .colorCircleWrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.VFDAnomalyContainer .colorCircleWrapper .colorCircleContainer {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.VFDAnomalyContainer .colorCircleWrapper .colorCircleContainer .colorCircle {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin-right: 10px;
}
.VFDAnomalyContainer .colorCircleWrapper .colorCircleContainer .colorCircle.redCircle {
  background: #FF0000;
}
.VFDAnomalyContainer .colorCircleWrapper .colorCircleContainer .colorCircle.orangeCircle {
  background: #FF7A00;
}
.VFDAnomalyContainer .colorCircleWrapper .colorCircleContainer .colorCircleData {
  font-size: 14px;
  line-height: 1;
  color: #404040;
}
.VFDAnomalyContainer .main-middleContainer {
  padding: 0;
}
.VFDAnomalyContainer .main-middleContainer .chartWrapper {
  height: 55vh;
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper {
  margin: 20px 0 10px 0;
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper .row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px 20px 20px;
  margin: 0;
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper .row .col-6 {
  flex: 1;
  padding: 0;
  box-sizing: border-box;
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper .row .table-container {
  width: 100%;
  box-sizing: border-box;
  max-height: calc(35vh - 75px);
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper .row .table-container .SNO-Col {
  z-index: 2 !important;
  min-width: 50px;
  max-width: 50px;
  width: 50px;
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper .row .table-container .coloredHeader.orangeHeaader {
  color: #FF7A00;
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper .row .table-container .coloredHeader.redHeaader {
  color: #FF0000;
}
.VFDAnomalyContainer .main-middleContainer .multipleTableWrapper .row .table-container .thCenter {
  text-align: center;
}
.VFDAnomalyContainer .main-middleContainer .trendsChartContainer {
  position: relative;
}
.anomalyFullwidthLayout {
  padding: 0;
}
.anomalyFullwidthLayout .itemContainer {
  margin: 0 !important;
}
.productPageLayout .itemContainer {
  margin: 0 !important;
}
.productPageLayout .itemContainer .toolbar {
  margin: 0 -10px;
}
.productPageLayout .itemContainer .table-containerWrapper {
  margin: 0 -10px 20px;
  max-height: 50vh;
}
.productPageLayout .itemContainer .table-containerWrapper .button.statusBtn {
  min-width: 105px;
  max-width: 105px;
  color: white;
}
.productPageLayout .itemContainer .table-containerWrapper .button.statusBtn.statusAverage {
  color: #000000;
}
.productPageLayout .itemContainer .table-containerWrapper .button.statusBtn.statusMedium {
  color: #000000;
}
.productPageLayout .itemContainer .cardItem {
  margin: 0 7.5px 15px;
}
.productPageLayout .itemContainer .cardItem .cardToolbar {
  padding: 5px 15px;
  background-color: #F6F5F6;
  border: 1px solid #EFEFEF;
}
.productPageLayout .itemContainer .cardItem .cardToolbar .toolbarHeading {
  color: #000000;
}
.productPageLayout .itemContainer .cardItem .dataListWrapper {
  padding: 10px;
}
.productPageLayout .radioChartContainer .radioChart {
  margin: 0 7.5px 15px;
}
.productPageLayout .radioButtonGroup .radioButton {
  margin-right: 15px;
}
.non-sortable-column .mat-sort-header-arrow {
  display: none !important;
}
.sortable-column .mat-sort-header-arrow {
  display: flex !important;
}
.mat-sort-header-arrow {
  color: var(--rm-sortarrowcolor) !important;
}
.linkWidgetContainer {
  display: flex;
  align-items: center;
  gap: 5px;
}
.linkWidgetContainer.wrapWidget {
  flex-wrap: wrap;
}
.linkWidgetContainer h4,
.linkWidgetContainer .h4 {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: var(--rm-fontWeightBold);
  margin-bottom: 0;
  font-family: var(--rm-fontFamily);
}
.linkWidgetContainer .itemContainer {
  width: calc(33.3% - 5px);
  flex: 1;
}
.linkWidgetContainer .itemContainer .btnSizeMtext .btnSizeM {
  width: 100%;
}
.linkWidgetContainer .itemContainer .btnSizeMtext .btnSizeM .buttontooltip-Text {
  max-width: 100% !important;
  min-width: 60px !important;
  width: auto !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-align: left;
}
.InfocardContainers {
  margin-bottom: var(--rm-infomrgnbttm);
}
.InfocardContainers.leftPosition .infoOverlay {
  left: 0;
  right: auto;
}
.InfocardContainers i {
  display: block;
  font-style: normal;
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonNormal);
  color: var(--rm-iButtonNormal);
  box-shadow: var(--rm-box-shadow);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  font-size: var(--rm-fontSizeDefault);
  margin: var(--rm-infocardMargin);
}
.InfocardContainers i:hover {
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonHover);
  color: var(--rm-iButtonHover);
}
.InfocardContainers i.inactive {
  border: solid var(--rm-infoIconBorderWidth) var(--rm-iButtonInactive);
  color: var(--rm-iButtonInactive);
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
.InfocardContainers .infoOverlay {
  display: none;
  position: absolute;
  top: 100%;
  border-radius: var(--rm-noBorderRadius) !important;
  background-color: var(--rm-infoBackground);
  max-height: 65vh;
  overflow-y: auto;
  right: auto;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 10px 15px;
  z-index: 3;
  font-size: 1.4rem;
}
.InfocardContainers .infoOverlay:first-child {
  left: auto !important;
}
.InfocardContainers .infoOverlay .infoList li {
  vertical-align: middle;
  margin-bottom: 6px;
  white-space: nowrap;
  font-size: var(--rm-formsLableFontSize);
}
.InfocardContainers .infoOverlay .infoList li:last-child {
  margin-bottom: 0;
}
.InfocardContainers .infoOverlay:last-child {
  margin-bottom: 0;
}
.InfocardContainers .infoOverlay.gaugeInfoList {
  right: auto;
  left: 0;
  top: 0;
  left: 21px;
}
.InfocardContainers .precedenceOverlay {
  min-width: 240px;
  left: 0;
  right: auto;
}
.InfocardContainers:hover .infoOverlay {
  display: block;
}
.InfocardContainers.pdInfoContainer {
  margin-left: 10px;
}
.InfocardContainers.pdInfoContainer .infoOverlay {
  min-width: 24vw;
}
.InfocardContainers.npcardInfoContainer {
  width: auto;
}
.InfocardMainContainer .InfocardContainersicon .infoOverlay {
  right: -15px !important;
}
.recomendationDialog .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  padding: 0;
  margin: 0;
}
.recomendationDialog .textareaBackground {
  background: var(--rm-backgroundPrimaryColor);
  padding: 0;
  border: 1px solid var(--rm-dropdownButtonBorderColor);
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  color: var(--rm-fontColor);
}
.productSortInfo2 .loadBySideLeft h4,
.productSortInfo2 .loadBySideLeft .h4 {
  font-weight: var(--rm-fontWeightMedium);
}
@media (min-width: 1536px) {
  i.invertIcon {
    margin-left: -10px;
  }
}
@media (min-width: 1745px) {
  i.invertIcon {
    margin-left: 10px;
  }
}
@media (min-width: 1706px) {
  i.invertIcon {
    margin-left: 10px;
  }
}
@media (min-width: 2133px) {
  i.invertIcon {
    margin-left: 60px;
  }
}
@media (min-width: 1920px) {
  i.invertIcon {
    margin-left: 40px;
  }
}
@media (min-width: 2400px) {
  i.invertIcon {
    margin-left: 95px;
  }
}
.indexWraper {
  cursor: pointer;
}
.healthinfoOverlay {
  width: fit-content;
  display: none;
  position: absolute;
  top: 30px;
  left: -105%;
  padding: 10px;
  background-color: var(--rm-mapTooltipBackgroundColor);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: var(--rm-noBorderRadiusTooltip);
  z-index: 1;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 1.4rem;
}
.indexWraper:hover .healthinfoOverlay {
  display: block;
}
.healthinfoList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.healthinfoList li {
  margin-bottom: 5px;
}
.statusBullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.greenColor {
  background-color: var(--rm-barchartfaircolor);
}
.yellowColor {
  background-color: var(--rm-barchartgoodcolor);
}
.lightamberColor {
  background-color: var(--rm-barchartokcolor);
}
.amberColor {
  background-color: var(--rm-barchartwarncolor);
}
.redColor {
  background-color: var(--rm-barchartworsecolor);
}
.indexText {
  font-weight: bold;
  margin-bottom: 5px;
  height: 0;
}
.indexSummary {
  display: flex;
}
.indexSummary span {
  display: inline-block;
  width: 100%;
  height: 10px;
}
.health-index-section {
  position: relative;
}
.indexSummaryWrapper {
  display: inline-block;
  position: relative;
}
.health-index {
  background-color: #4CAF50;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.tooltip-content {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 100px;
  transform: translateX(-50%);
  background-color: var(--rm-infoBackground);
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: var(--rm-noBorderRadiusTooltip) !important;
  padding: 10px 15px 0px;
  margin-bottom: 8px;
  z-index: 100;
  overflow: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indexSummaryWrapper:hover .tooltip-content {
  display: block;
}
.tooltip-content ul {
  list-style: none;
  margin-bottom: 10px;
}
.tooltip-content li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: var(--rm-tooltipContentFontSize);
}
.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.dot.very-good {
  background-color: var(--rm-barchartfaircolor);
}
.dot.good {
  background-color: var(--rm-barchartgoodcolor);
}
.dot.fair {
  background-color: var(--rm-barchartokcolor);
}
.dot.poor {
  background-color: var(--rm-barchartwarncolor);
}
.dot.unsafe {
  background-color: var(--rm-barchartworsecolor);
}
.color {
  flex: 1;
}
.range-labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
button.mat-focus-indicator.trendicontest.mat-icon-button.mat-button-base {
  position: relative;
  left: -55px;
}
.healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper.whiteText {
  color: #ffffff;
}
.healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover {
  color: #ffffff;
}
.healthSummaryBlockSection .indexSummaryToolbar .toolbarIndex .indexSummaryWrapper:hover .tooltip-content {
  left: 100px !important;
  color: var(--rm-fontColor);
}
.indexContainer {
  min-height: var(--rm-minHeightDashboard);
}
.OilHealthIndexWidget {
  padding-left: 10px;
  align-items: center !important;
  vertical-align: middle !important;
}
.OilHealthIndexWidget .topHeading {
  display: flex;
  justify-content: center;
}
.OilHealthIndexWidget .topHeading .statusBtn {
  border-radius: var(--rm-noBorderRadius) !important;
}
.OilHealthIndexWidget .topHeading .statusBtn.redColor {
  background-color: var(--rm-unsafeColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.amberColor {
  background-color: var(--rm-poorColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.lightamberColor {
  background-color: var(--rm-fairColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.yellowColor {
  background-color: var(--rm-goodColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.greenColor {
  background-color: var(--rm-verygoodColor);
}
.OilHealthIndexWidget .subitemCard {
  border: none !important;
}
.OilHealthIndexWidget .subitemCard.OilHealthIndexWidgetFirstChild {
  height: auto !important;
  border: 1px solid var(--rm-healthCardsBorderColor) !important;
  padding: 12px;
}
.OilHealthIndexWidget .itemTrend {
  display: flex;
  justify-content: space-between;
}
.leaflet-bar {
  border-radius: var(--rm-minMaxBorderRadius) !important;
}
.chartSize {
  border-radius: var(--rm-noBorderRadius) !important;
}
.filterDropdownButtonWrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-start,
.filterDropdownButtonWrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-end {
  background-color: var(--rm-buttonBackgroundColor) !important;
  color: var(--rm-buttonFontColor);
}
.filterDropdownButtonWrapper .mat-form-field-wrapper .mat-select-placeholder {
  color: var(--rm-buttonFontColor);
}
.filterDropdownButtonWrapper .mat-form-field-wrapper .mat-select-arrow {
  color: var(--rm-buttonFontColor) !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline.mat-focused .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-end {
  border-color: var(--rm-dropdownActiveButtonBorderColor) !important;
}
.trendsIcon {
  display: inline-block;
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
  background: var(--rm-trendsSvgUrl);
  background-size: contain;
  filter: var(--rm-DgaCardtrendIconColor);
  margin-left: var(--rm-trendMarginLeft);
  vertical-align: top !important;
}
.trendsIcon.TAtrendICon {
  filter: var(--rm-SystemDashboardtrendIconColor);
}
.trendsIcon.fleettrendICon {
  filter: var(--rm-fleettrendIcon);
}
.trendsColor {
  filter: var(--rm-SystemDashboardtrendIconColor) !important;
}
.custom-tooltip {
  background-color: var(--rm-tooltipBgColor) !important;
  color: var(--rm-tooltipColor) !important;
  font-size: var(--rm-fontSizeXSmall) !important;
  padding: 6px 10px;
  border: var(--rm-tooltipBordercolor) !important;
  border-radius: var(--rm-customtooltipborderraduis) !important;
  font-weight: var(--rm-fontWeightRegular) !important;
  box-shadow: var(--rm-matToolTipBoxShadow);
}
.row.form-row {
  display: flex;
  padding-bottom: var(--rm-padding-bottomFormFields) !important;
}
.paginationui .hidePaginator {
  display: none;
  visibility: hidden;
}
.checkboxContainer {
  display: flex;
  align-items: center;
}
.checkboxContainer .custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.checkboxContainer .custom-checkbox input[type=checkbox] {
  display: none;
}
.checkboxContainer .custom-checkbox span {
  font-size: var(--rm-fontSizeDefault);
}
.checkboxContainer .custom-checkbox span::before {
  content: "";
  display: inline-block;
  width: var(--rm-checkboxwidth);
  height: var(--rm-checkboxheight);
  border: 1px solid var(--rm-checkboxBorderColor);
  border-radius: var(--rm-checkboxNoBorderRadius);
  transition: background-color 0.3s, border-color 0.3s;
  margin-right: 8px;
  position: relative;
  background-color: transparent;
}
.checkboxContainer .custom-checkbox span::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  border: 2px solid #ffffff;
  border-width: 0 2px 2px 0;
  top: 38%;
  left: 34%;
  transform: translate(-50%, -60%) rotate(45deg);
  display: none;
  transition: all 0.3s;
  z-index: 3 !important;
}
.checkboxContainer .custom-checkbox input[type=checkbox]:checked + span::before {
  background-color: var(--rm-checkboxBackgroundColor);
  border-color: var(--rm-checkboxBorderColorChecked);
}
.checkboxContainer .custom-checkbox input[type=checkbox]:checked + span::after {
  display: inline-block;
}
.checkboxContainer .custom-checkbox .checkbox-icon {
  display: none;
  position: absolute;
  left: 0;
  top: 1px;
}
.label-padding {
  padding-bottom: 0px;
  white-space: normal;
  word-wrap: break-word;
}
.cpAlert .cpAlertTable .alertsSubToolbar {
  padding: 15px !important;
}
.cpAlert .cpAlertTable .table-containerWrapper {
  margin: 0 !important;
}
.rcm-main-innerContainer .main-middleContainer {
  padding: 10px 0px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow {
  padding: 0;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer {
  margin: 0;
  background: #fff;
  border: none;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard .ContainerCard-child {
  display: flex;
  flex: 1 1 calc(50% - 16px);
  border: 1px solid #E9E9E9;
  padding: 8px 16px;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard .ContainerCard-child .card-header .name {
  font-size: 24px;
  color: #525151;
  max-width: 200px;
  line-height: 26px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard .ContainerCard-child .card-content {
  align-items: center;
  display: flex;
  gap: 15px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard .ContainerCard-child .card-content .count {
  font-size: 40px;
  font-weight: 700;
  color: #25D366;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard .ContainerCard-child .card-content .card-icon {
  width: 30px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard .ContainerCard-child.pieCard {
  width: auto;
  display: flex;
  flex: none;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  flex-direction: column;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard.rcmPieCard {
  display: flex;
  flex: none;
  border: 1px solid #E9E9E9;
  border-radius: 8px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard.rcmPieCard .heading {
  background: #f6f5f6;
  padding: 8px 8px 0px 8px;
  border-radius: 8px 8px 0px 0px;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard.rcmPieCard .heading h2,
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .rcmContainerCard.rcmPieCard .heading .h2 {
  font-weight: 600;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .toolbarNav {
  padding: 0;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .toolbarNav::after {
  background: none;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer {
  overflow: hidden;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container {
  border: 1px solid #e9e9e9;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container .mat-table .priority-cell {
  max-width: 70px;
  padding: 5px 8px;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container .mat-table .priority-cell.priorityMedium {
  background: #FF9500;
  color: #fff;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container .mat-table .priority-cell.priorityLow {
  background: #25D366;
  color: #fff;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container .mat-table .priority-cell.priorityHigh {
  background: #FF0000;
  color: #fff;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container .mat-table .mat-header-row .mat-header-cell:first-child {
  left: 15px !important;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container .mat-table .mat-row .mat-cell:first-child {
  left: 15px !important;
  position: relative;
}
.rcmMainContainer .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1.RcmTable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .main-innerContainer .main-middleContainer .table-containerWrapper .table-container.editFormTable {
  width: 100%;
}
.rcmCheckForm {
  border-left: 1px solid #dedcde;
  position: absolute;
  background: rgb(255, 255, 255);
  z-index: 9;
  width: 70%;
  height: 100%;
  top: 0;
  left: 30%;
}
.rcmCheckForm .rcmCheckEditFrom .form-container {
  padding: 10px;
  border-bottom: 1px solid #dedcde;
}
.rcmCheckForm .rcmCheckEditFrom .form-container .header {
  display: flex;
  justify-content: space-between;
}
.rcmCheckForm .rcmCheckEditFrom .form-container .header .heading h2,
.rcmCheckForm .rcmCheckEditFrom .form-container .header .heading .h2 {
  margin: 0;
  font-weight: bold;
}
.rcmCheckForm .rcmCheckEditFrom .formSection {
  padding: 10px;
  display: flex;
  gap: 10px;
}
.rcmCheckForm .rcmCheckEditFrom .formSection .inputField .lable {
  padding: 0 0 5px 0;
  margin: 0;
}
.rcmCheckForm .rcmCheckEditFrom .main-middleContainer .table-containerWrapper .remarks-textarea {
  width: 70%;
  resize: none;
  font-size: 14px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.rcmCheckForm .rcmCheckEditFrom .main-middleContainer .table-containerWrapper .mat-slide-toggle-label {
  width: 120px;
}
.rcmCheckForm .rcmCheckEditFrom .main-middleContainer .table-containerWrapper .table-container .mat-table .trHeaders {
  position: relative;
  z-index: 2 !important;
}
.rcmCheckForm .rcmCheckEditFrom .main-middleContainer .dateSection {
  padding: 0 10px;
}
.rcmCheckForm .rcmCheckEditFrom .bottomBtnRow {
  display: flex;
  justify-content: end;
  margin: 15px;
}
.rcmCheckForm.correctiveForm {
  width: 100%;
  left: 0;
}
.rcmCheckForm.correctiveForm .panel-Container {
  margin: 0 0 0 1%;
}
.subtaskCol {
  width: 40% !important;
  word-break: break-word;
  white-space: break-spaces !important;
}
.subtaskCol .subtaskDisplayText {
  display: block;
  height: 70px;
  overflow-y: auto;
  padding: 5px;
}
.actionButtons .statusBtn {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  font-weight: 500;
  color: #fff;
}
.actionButtons .statusBtn.statusStart {
  background: #525151;
}
.actionButtons .statusBtn.statusInprogress {
  background: #FF9500;
}
.actionButtons .statusBtn.statusDone {
  background: none;
  width: 30px !important;
}
.correctiveFromSection .table-container .actionButtons {
  display: flex;
  gap: 10px;
}
.correctiveFromSection .table-container .actionButtons .actionBtn {
  background: none;
}
.newSimulatorSection {
  border-left: 1px solid #dedcde;
  position: absolute;
  background: rgb(255, 255, 255);
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
}
.newSimulatorSection .main-innerContainer .toolbar .toolbarRight .inline-list .exportBtn {
  display: flex;
  gap: 8px;
}
.newSimulatorSection .main-innerContainer .toolbar .toolbarRight .inline-list .exportBtn .closeIcon {
  background: none;
}
.newSimulatorSection .main-innerContainer .toolbar .toolbarRight .inline-list .exportBtn .closeIcon .closeSpan img {
  width: 24px;
}
.newSimulatorSection .main-innerContainer .toolbar .toolbarRight .inline-list .exportBtn .runbtn {
  padding: 5px !important;
}
.newSimulatorSection .main-innerContainer .toolbar .toolbarRight .inline-list .exportBtn::before {
  background: none !important;
}
.newSimulatorSection .newScenarioSection {
  height: 95vh !important;
  overflow: hidden;
  background: #ffffff;
}
.newSimulatorSection .newScenarioSection .simulationDate {
  display: flex;
  gap: 20px;
}
.newSimulatorSection .newScenarioSection .simulationDate .duration {
  border-bottom: 2px solid #BABABA;
  height: 25px;
}
.newSimulatorSection .newScenarioSection .panel-Container {
  background: #f8f8f8;
  height: 100%;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout {
  margin: 16px;
  display: flex;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-fluid .radioGroup .dateOptions,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-sm .radioGroup .dateOptions,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-md .radioGroup .dateOptions,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-lg .radioGroup .dateOptions,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xl .radioGroup .dateOptions,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xxl .radioGroup .dateOptions {
  height: 120px;
  display: grid;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-fluid .radioGroup .customDateOptions .customSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-sm .radioGroup .customDateOptions .customSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-md .radioGroup .customDateOptions .customSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-lg .radioGroup .customDateOptions .customSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xl .radioGroup .customDateOptions .customSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xxl .radioGroup .customDateOptions .customSection {
  margin: 8px;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-fluid .radioGroup .customDateOptions .datePickerSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-sm .radioGroup .customDateOptions .datePickerSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-md .radioGroup .customDateOptions .datePickerSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-lg .radioGroup .customDateOptions .datePickerSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xl .radioGroup .customDateOptions .datePickerSection,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xxl .radioGroup .customDateOptions .datePickerSection {
  display: flex;
  gap: 16px;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-fluid .radioGroup .customDateOptions .datePickerSection .formLabel,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-sm .radioGroup .customDateOptions .datePickerSection .formLabel,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-md .radioGroup .customDateOptions .datePickerSection .formLabel,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-lg .radioGroup .customDateOptions .datePickerSection .formLabel,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xl .radioGroup .customDateOptions .datePickerSection .formLabel,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xxl .radioGroup .customDateOptions .datePickerSection .formLabel {
  width: 100px;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-fluid .radioGroup .mat-radio-group,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-sm .radioGroup .mat-radio-group,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-md .radioGroup .mat-radio-group,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-lg .radioGroup .mat-radio-group,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xl .radioGroup .mat-radio-group,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xxl .radioGroup .mat-radio-group {
  display: flex;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-fluid .radioGroup .mat-radio-group .mat-radio-button,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-sm .radioGroup .mat-radio-group .mat-radio-button,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-md .radioGroup .mat-radio-group .mat-radio-button,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-lg .radioGroup .mat-radio-group .mat-radio-button,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xl .radioGroup .mat-radio-group .mat-radio-button,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xxl .radioGroup .mat-radio-group .mat-radio-button {
  margin: 5px 0;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-fluid .form-row,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-sm .form-row,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-md .form-row,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-lg .form-row,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xl .form-row,
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .container-xxl .form-row {
  padding: 0 8px;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .toolbar {
  background: #fff;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .fontWeightBold {
  font-size: 16px;
  font-weight: 600;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .mat-card-content {
  display: flex;
  gap: 3%;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .formSection .FormFeilds {
  display: flex;
  width: 70%;
}
.newSimulatorSection .newScenarioSection .panel-Container .singal-ColLayout .formSection .FormFeilds .formLabel {
  width: 130px !important;
}
.SavedSenarioSection .button {
  cursor: pointer;
}
.SavedSenarioSection .addSenarioButton {
  display: flex;
  gap: 8px;
  align-items: center;
  vertical-align: baseline;
  padding: 6px !important;
}
.SavedSenarioSection .addSenarioButton .addSenarioButtonImg img {
  width: 20px;
}
.SavedSenarioSection .exportBtn::before {
  height: 0 !important;
  background-color: none !important;
}
.SavedSenarioSection .mat-table .mat-column-srNo {
  width: 80px;
}
.SavedSenarioSection .mat-table .mat-column-action {
  width: 160px;
}
.CreateScenarioSection {
  border-left: 1px solid #dedcde;
  position: absolute;
  background: rgb(255, 255, 255);
  z-index: 2;
  width: 100%;
  top: 37%;
}
.CreateScenarioSection .scenarioMainSection {
  display: flex;
  height: 100%;
}
.CreateScenarioSection .scenarioMainSection .button {
  cursor: pointer;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection {
  border-right: 1px solid #d0d0d0;
  height: 100%;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .headerSection {
  background: #f7f5f7;
  padding: 0 4px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #EFEFEF;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .headerSection .heading {
  margin: 4px 0;
  font-weight: 600;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxData {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
  font-size: 16px;
  font-weight: 400;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxData input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxDataContainer {
  height: 75%;
  overflow-y: auto;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxDataContainer .checkbox-container {
  padding: 2px 22px 0 8px;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxDataContainer .checkbox-container:nth-child(odd) {
  background: #ffffff;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxDataContainer .checkbox-container:nth-child(even) {
  background: #F2F8FF;
  height: 42px;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxDataContainer .checkbox-container.selectedScenario {
  border-left: 5px solid #0075ff;
}
.CreateScenarioSection .scenarioMainSection .scenarioSection .checkBoxDataContainer .checkbox-container.selectedScenario .scenarioName {
  font-weight: 600;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection {
  height: 100%;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .header {
  background: #f7f5f7;
  padding: 4px 8px;
  font-weight: 600;
  border: 1px solid #EFEFEF;
  margin: 0 0 4px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection {
  height: 45vh;
  padding: 8px;
  overflow: auto;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartSection {
  display: flex;
  margin: 20px 4px;
  align-items: center;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartSection .toggle-switch {
  display: flex;
  vertical-align: baseline;
  align-items: baseline;
  gap: 8px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartSection .scenarioButtons {
  cursor: pointer;
  opacity: 0.8;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartSection .scenarioButtons .closeSpan {
  padding-right: 7px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartSection .scenarioButtons .closeSpan img {
  width: 15px;
  bottom: 2px;
  position: relative;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartSection .scenarioButtons.active {
  opacity: 1;
  background: #404040 !important;
  color: #fff !important;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartSection .scenarioButtons.button {
  background: none;
  border: 1px solid #c5c5c5;
  color: #000;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .toggleTxt {
  font-size: 16px;
  font-weight: 600;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData {
  margin: 0 0 10px 0;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .table-containerWrapper {
  padding: 5px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .table-containerWrapper .mat-table {
  border: 1px solid #c5c5c5;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection {
  background: #F8F8F8;
  border-radius: 8px;
  padding: 8px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .inforhead {
  font-size: 20px;
  font-weight: 600;
  padding: 0 10px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .toolbar {
  border: none;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .toolbar .toolbarLeft .inforTxt {
  font-size: 16px;
  font-weight: 500;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .toolbar .toolbarLeft .inforTxt .insideTxt {
  color: #0070D2;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .toolbar .toolbarLeft .chooseFile {
  background: none;
  border: 1px solid #0070D2;
  padding: 8px;
  color: #000;
  margin: 6px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .toolbar .toolbarLeft .heading {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .chart {
  width: 100%;
  height: 350px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection {
  display: flex;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .headingSection {
  display: flex;
  justify-content: space-around;
  background: #f0ecec;
  padding: 8px 0;
  border-radius: 4px 4px 0 0;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .addNewLoad {
  height: 40px;
  display: flex;
  align-items: baseline;
  gap: 4px;
  padding: 5px;
  justify-content: space-around;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .addNewLoad .mat-form-field {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .addNewLoad .mat-form-field.date {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .addNewLoad .datePickerSection .mat-form-field .mat-form-field-wrapper {
  padding: 0 !important;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .inputArea {
  border-right: 1px solid #c5c5c5;
  border-radius: 0 8px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .inputArea .headingSection {
  display: flex;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .inputArea .headingSection .HeadingPart {
  font-weight: 500;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .inputArea .buttonSection {
  margin-top: 8px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .inputArea .buttonSection .button {
  display: flex;
  gap: 5px;
  padding: 6px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .manualChartSection .inputArea .buttonSection .button .addIocn img {
  width: 14px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .bottomSectionChild {
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .bottomSectionChild .headingTxt {
  font-weight: 500;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .bottomSectionChild .button {
  padding: 5px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .bottomSectionSubchild {
  display: flex;
  justify-content: start;
  padding: 16px;
  gap: 4%;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .bottomSectionSubchild .inputSection .inputSectionInfo {
  gap: 10px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .bottomSectionSubchild .inputSection .inputSectionInfoLoad {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.CreateScenarioSection .scenarioMainSection .ChartMainSection .chartChildSection .chartData .trendSection .bottomSectionSubchild .inputSection .inputSectionInfoLoad .inputFeild {
  width: 50px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
}
.CreateScenarioSection .scenarioMainSection .ButtonsSection {
  display: flex;
  justify-content: flex-end;
  padding: 10px 16px;
}
.CreateScenarioSection .scenarioMainSection .ButtonsSection .button {
  padding: 6px;
}
.main-container:has(.SavedSenarioSection) {
  overflow: hidden !important;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.mat-tooltip {
  color: var(--rm-tooltipbuttonFontColor) !important;
  border-radius: var(--rm-tooltipBorderRaduis) !important;
  font-weight: var(--rm-fontWeightRegular) !important;
  font-size: var(--rm-fontSizeXSmall) !important;
  font-family: var(--rm-fontFamily) !important;
}
mat-paginator {
  background: var(--rm-tablePaginatorBackgroundColor) !important;
  color: var(--rm-tablePaginatorFontColor) !important;
}
mat-paginator button {
  color: var(--rm-tablePaginatornextButton) !important;
}
mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled {
  color: var(--rm-tablePaginatornextDisableButton) !important;
}
.pagination-container {
  display: var(--rm-paginationContainerDisplay);
  align-items: var(--rm-paginationContainerAlignItems);
  justify-content: var(--rm-paginationContainerJustifyContent);
  gap: var(--rm-paginationContainerGap);
  height: 100%;
  margin-right: var(--rm-paginationContainerMarginRight) !important;
}
.pagination-btn {
  background-color: var(--rm-paginationBtnBackgroundColor);
  border: var(--rm-paginationBtnBorder);
  color: var(--rm-paginationBtnColor);
  padding: var(--rm-paginationBtnPadding);
  cursor: var(--rm-paginationBtnCursor);
}
.pagination-btn:hover:enabled {
  background-color: var(--rm-paginationBtnHoverBackgroundColor);
  border: var(--rm-paginationBtnHoverBorderColor);
  color: var(--rm-paginationBtnHoverTextColor);
}
.pagination-btn:disabled {
  color: var(--rm-pagination-btn-disableColor);
}
.page-info {
  padding: var(--rm-pageInfoPadding);
  font-size: var(--rm-pageInfoFontSize);
  border: var(--rm-pageInfoBorderColor);
  background-color: var(--rm-pageInfoBackgroundColor);
}
.config-heading {
  color: var(--rm-headingFontColor) !important;
  font-weight: var(--rm-headingFontWeight) !important;
  font-family: var(--rm-fontFamily) !important;
}
.custom-file-label {
  display: inline-block;
  padding: 3px 10px;
  background-color: var(--rm-chooseFileBackgroundColor);
  color: var(--rm-choosefileTextColor);
  cursor: pointer;
  border-radius: var(--rm-buttonBorderRadius);
  text-align: center;
  border: var(--rm-uploadbuttonBorderColor);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-formsLableFontSize);
}
.custom-file-label:hover {
  background-color: var(--rm-uploadbuttonbackgroundColorHover);
  border: var(--rm-uploadbuttonBorderHoverColor);
  color: var(--rm-fontColorTab);
}
#fileNameDisplay {
  margin-left: 10px;
  font-size: var(--rm-fontSizeMedium);
  font-family: var(--rm-fontFamily);
  color: var(--rm-fontColor);
}
.widthData {
  min-width: 160px;
  max-width: 220px;
}
.rightmark-icon {
  float: right;
}
.padding-btm {
  padding-bottom: 3px;
}
.inline-error-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}
.pdIcon {
  width: 6%;
}
.icon-width {
  width: var(--rm-pdIconWidth);
}
::ng-deep .mat-mdc-icon-button {
  --mdc-icon-button-icon-size: var(--rm-dateIconsize) !important;
}
.tableActionBtn ::ng-deep .cdk-overlay-container.mat-tooltip .mat-tooltip-show {
  color: #fff !important;
  background-color: #016587 !important;
  font-size: var(--rm-fontSizeXSmall) !important;
}
.daterangecolor img {
  filter: var(--rm-datePickerIconColor) !important;
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
.play-pause-btn img {
  filter: var(--rm-playpauseColor) !important;
}
.stop-btn img {
  filter: var(--rm-playpauseColor) !important;
}
.speed-btn img {
  filter: var(--rm-playpauseColor) !important;
}
.sampleClock {
  filter: var(--rm-iconColor);
}
.chart {
  width: 140px;
  height: 140px;
}
.twoLayOut .subitemCard.predictCardSection {
  display: none !important;
}
.twoLayOut .subitemCard.HealthBarSection {
  width: 60% !important;
}
.twoLayOut .subitemCard.HealthBarSection .chartWrapper {
  height: 290px !important;
}
.twoLayOut .subitemCard.HealthCardSection {
  width: 35% !important;
  border: 1px solid #dcdadc !important;
}
.twoLayOut .subitemCard.HealthCardSection .cardInfoWrapper .rightAlign {
  right: 10px !important;
  top: 10px;
}
.twoLayOut .subitemCard.HealthCardSection .normalGauge {
  width: 250px !important;
  height: 250px !important;
}
.twoLayOut .subitemCard.HealthCardSection .normalGauge .chart {
  width: 250px !important;
  height: 250px !important;
}
.twoLayOut .subitemCard.CriticalCardSection {
  margin-left: 5% !important;
  margin-top: -11% !important;
  width: 30% !important;
}
.twoLayOut .subitemCard.CriticalCardSection .itemContainer {
  border-radius: 4px;
  border: 1px solid #dcdadc !important;
  display: flex !important;
  align-items: center !important;
}
.twoLayOut .subitemCard.CriticalCardSection .itemContainer .cardInfoWrapper {
  margin-top: 0;
  right: 0px;
  left: 95%;
}
.twoLayOut .subitemCard.RiskCardSection {
  margin-left: 0px !important;
  margin-top: -11% !important;
  width: 30% !important;
}
.twoLayOut .subitemCard.RiskCardSection .itemContainer {
  border-radius: 4px;
  border: 1px solid #dcdadc !important;
  display: flex !important;
  align-items: center !important;
}
.twoLayOut .subitemCard.RiskCardSection .itemContainer .cardInfoWrapper {
  margin-top: 0;
  right: 0px;
  left: 95%;
}
.twoLayOut .subitemCard.RiskCardSection .itemContainer .cardInfoWrapper .InfocardContainers:hover .infoOverlay {
  left: auto !important;
  right: 0 !important;
}
.twoLayOut .subitemCard.CoverageCardSection {
  width: 30% !important;
}
.summaryProgress {
  margin-top: -45px !important;
}
.customPlaceLayout {
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.customPlaceLayout .cardView.itemContainerLayer2 {
  padding: 0px !important;
}
.customWidth {
  flex: 0 0 33% !important;
  max-width: 33% !important;
}
.customMapWrapper .cardView {
  padding: 0 !important;
}
.customMapWrapper .cardView .itemContainer {
  padding: 0 !important;
}
.customMapWrapper .cardView .itemContainerLayer2 {
  padding: 0 !important;
}
.CpSection .cardsContainer {
  flex-direction: var(--rm-flexDirection) !important;
}
.svgColor {
  filter: var(--rm-assetTreeHoverImageColor) !important;
}
.parameter-color-indicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 60%;
  margin-right: 8px;
  vertical-align: middle;
}
.parameter-Width {
  width: var(--rm-paramterTablewidth);
}
.align-table-left {
  padding-left: var(--rm-tablePaddingforSrno) !important;
}
.cdk-overlay-container h3.dialog-title,
.cdk-overlay-container .dialog-title.h3 {
  font-size: 1.8rem;
  font-weight: var(--rm-PRPDAlertPopupFontWeight);
  margin-bottom: 18px;
  margin-right: 48px;
}
.cdk-overlay-container .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.cdk-overlay-container .mat-dialog-container {
  width: 435px !important;
  max-height: 85vh;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.126);
  position: relative;
  height: auto;
  padding: var(--rm-popupPadding);
  background: var(--rm-dailogueBackgroundColor);
  border-radius: var(--rm-noBorderRadius);
}
.cdk-overlay-container .formfld_label {
  padding-bottom: 4px;
}
.cdk-overlay-container .mat-form-field-wrapper {
  padding-bottom: 24px !important;
}
.cdk-overlay-container .mat-dialog-actions {
  margin: 0 !important;
  min-height: 0;
  justify-content: flex-end;
  padding: 0 !important;
}
.cdk-overlay-container .mat-dialog-actions .actionMsg {
  flex: 1;
  margin: 0;
  font-size: var(--rm-fontSizeSmall);
  line-height: var(--rm-fontSizeDefault);
}
.cdk-overlay-container .mat-dialog-actions p {
  margin-right: auto;
}
.cdk-overlay-container.report-Overlay .cdk-overlay-backdrop {
  background-color: transparent !important;
}
.cdk-overlay-container.report-Overlay .cdk-global-overlay-wrapper {
  align-items: flex-start;
}
.cdk-overlay-container.report-Overlay .mat-dialog-container {
  width: 100% !important;
  padding: 0 !important;
  max-height: 95vh !important;
  display: flex;
}
.cdk-overlay-container.report-Overlay .mat-dialog-container > .ng-star-inserted {
  display: flex;
  flex: 1;
}
.cdk-overlay-container.odi-Overlay {
  align-items: center !important;
}
.cdk-overlay-container.odi-Overlay .odiPreComponent {
  display: block !important;
}
.cdk-overlay-container.odi-Overlay .odiPreComponent .dialog-title {
  margin: 15px 0 0 15px !important;
}
.reportWrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.reportWrapper .reportBox-title {
  background-color: var(--rm-buttonBackgroundColor);
  color: var(--rm-dailogFontColor);
  padding: 23px 15px;
  position: relative;
  overflow: hidden;
}
.reportWrapper .reportBox-title h4,
.reportWrapper .reportBox-title .h4 {
  margin: 0;
  font-weight: normal;
  font-size: 28px;
  color: var(--rm-buttonFontColor);
}
.reportWrapper .reportBox-title i img {
  filter: var(--rm-custompngIconColor);
}
.reportWrapper .dialog-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.cdk-overlay-container .mat-snack-bar-container {
  padding: 4px 16px;
  min-height: 0;
  margin: 59px 0 0;
}
.showPopup .table-container {
  overflow-x: hidden !important;
}
.table-container {
  overflow: auto;
  margin-bottom: 20px;
}
.table-container.bordered {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.table-container.Bordered {
  width: 65% !important;
}
.table-container.noiseMeasureFormTable {
  width: 61% !important;
}
.table-container .mat-card-title {
  padding: 0 20px;
  font-size: var(--rm-fontSizeLarge);
  font-family: var(--rm-fontFamily);
  margin-bottom: 20px;
}
.table-container table {
  width: 100%;
  border-collapse: separate;
  background: var(--rm-tableCellBackgroundColor) !important;
  font-family: var(--rm-fontFamily);
}
.table-container table tr {
  height: 35px;
  background-color: var(--rm-tableCellBackgroundColor);
}
.table-container table tr.mat-header-row {
  background-color: var(--rm-tableHeaderBackgroundColor) !important;
  height: 45px;
}
.table-container table tr.mat-header-row th.mat-header-cell {
  font-weight: var(--rm-tableHeaderWeight) !important;
  color: var(--rm-tableHeaderFontColor);
  font-size: var(--rm-fontSizeDefault);
  line-height: 45px;
  z-index: 1 !important;
}
.table-container table tr.mat-header-row th.mat-header-cell .mat-sort-header-container {
  letter-spacing: 0.75px !important;
}
.table-container table tr.mat-header-row th.mat-header-cell.stickyTH {
  z-index: 3 !important;
}
.table-container table tr:not(.mat-header-row):nth-child(odd) {
  background: var(--rm-tableCellOddBackgroundColor);
}
.table-container table tr:nth-child(even) {
  background-color: var(--rm-tableCellEvenBackgroundColor);
}
.table-container table tr .actionwidth .mat-icon-button,
.table-container table tr .tableActionBtn .mat-icon-button {
  height: 20px;
  width: 20px;
  font-size: var(--rm-iconFontSize) !important;
  color: var(--rm-pngIconColor);
  margin-left: 8px !important;
}
.table-container table tr .actionwidth .mat-icon-button:first-child,
.table-container table tr .tableActionBtn .mat-icon-button:first-child {
  margin-left: 0 !important;
}
.table-container table tr .actionwidth .mat-icon-button img,
.table-container table tr .tableActionBtn .mat-icon-button img {
  display: block;
  filter: var(--rm-pngIconColor);
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
.table-container table tr .actionwidth .mat-icon-button img.alarmActive,
.table-container table tr .tableActionBtn .mat-icon-button img.alarmActive {
  filter: var(--rm-alarmActiveIconColor);
}
.table-container table tr .actionwidth .mat-icon-button img.noFilterPngIconColor,
.table-container table tr .tableActionBtn .mat-icon-button img.noFilterPngIconColor {
  filter: none;
}
.table-container table tr .actionwidth .mat-icon-button img.trendIcon,
.table-container table tr .tableActionBtn .mat-icon-button img.trendIcon {
  filter: var(--rm-trendIconColor);
}
.table-container table tr .actionwidth .mat-icon-button img.recomIcon,
.table-container table tr .tableActionBtn .mat-icon-button img.recomIcon {
  filter: var(--rm-recomIconColor);
}
.table-container table tr .actionwidth .mat-icon-button img.alarmNotification,
.table-container table tr .tableActionBtn .mat-icon-button img.alarmNotification {
  filter: var(--rm-alarmIconColor);
}
.table-container table tr .actionwidth .mat-icon-button img.unSelectedWatchlist,
.table-container table tr .tableActionBtn .mat-icon-button img.unSelectedWatchlist {
  opacity: 0.5;
  filter: var(--rm-unselectedWatchListIconColor);
}
.table-container table tr th {
  font-weight: var(--rm-tableHeaderWeight);
}
.table-container table tr th,
.table-container table tr td {
  padding: 0 15px;
  white-space: nowrap;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeAssetTable);
}
.table-container table tr th.unPubslihed,
.table-container table tr td.unPubslihed {
  color: var(--rm-unPublishColor) !important;
}
.table-container table tr th.Pubslihed,
.table-container table tr td.Pubslihed {
  color: var(--rm-fontColor);
}
.table-container table tr th.sn-column,
.table-container table tr td.sn-column {
  min-width: 80px;
  max-width: 50px;
  width: 50px;
}
.table-container table tr th.sn-column img,
.table-container table tr td.sn-column img {
  filter: var(--rm-pngIconColor);
  width: var(--rm-pngWidth);
  height: var(--rm-pngHeight);
}
.table-container table tr th.overlayLink-column,
.table-container table tr td.overlayLink-column {
  padding: 0;
}
.table-container table tr th.overlayLink-column a,
.table-container table tr td.overlayLink-column a {
  display: block;
  min-width: var(--rm-overlayhilightIndicationkWidth);
  max-width: var(--rm-overlayhilightIndicationkWidth);
  width: var(--rm-overlayhilightIndicationkWidth);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 35px;
  padding-right: var(--rm-odiTableListPadding);
  cursor: pointer;
  color: var(--rm-fontColorHyperlink) !important;
}
.table-container table tr th.tableActionBtn.three-icons,
.table-container table tr td.tableActionBtn.three-icons {
  width: 108px;
  min-width: 108px;
}
.table-container table tr th.tableActionBtn.two-icons,
.table-container table tr td.tableActionBtn.two-icons {
  width: 80px;
  min-width: 80px;
}
.table-container table tr th.tableActionBtn.one-icons,
.table-container table tr td.tableActionBtn.one-icons {
  width: 76px;
  min-width: 76px;
}
.table-container table tr th.highlighted a,
.table-container table tr td.highlighted a {
  display: block;
  position: relative;
  font-weight: var(--rm-headingFontWeight);
}
.table-container table tr th.highlighted a::after,
.table-container table tr td.highlighted a::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 35px;
  background-color: var(--rm-primaryColor);
  width: 5px;
}
.table-container table tr th .linkButton .mat-button-wrapper img,
.table-container table tr td .linkButton .mat-button-wrapper img {
  filter: var(--rm-selectedWatchlistIconColor);
}
.table-container table tr th .linkButton .mat-button-wrapper img.disabledIcon,
.table-container table tr td .linkButton .mat-button-wrapper img.disabledIcon {
  filter: var(--rm-pngIconDisabledColor);
}
.table-container table tr td {
  letter-spacing: 0.5px !important;
}
.table-container table tr td .labelColor {
  color: var(--rm-tableDataLinkColor);
  cursor: pointer;
  font-size: var(--rm-fontSizeDefaultlink);
}
.table-container table tr td .labelColor:hover {
  color: var(--rm-tableDataLinkHoverColor);
}
.table-container th .mat-sort-header-sorted .mat-sort-header-content {
  color: var(--rm-tableSortHeaderFontColor) !important;
}
.table-container.normal-table {
  margin-bottom: 0;
  border: var(--rm-tableborder);
  border-bottom: 0 none;
  border-radius: var(--rm-noBorderRadius);
}
.table-container.normal-table th,
.table-container.normal-table td {
  white-space: initial;
}
.table-container.normal-table.smallFonts table tr td.mat-cell,
.table-container.normal-table.smallFonts table tr th.mat-header-cell {
  font-size: var(--rm-fontSizeSmall) !important;
  padding: 6px 10px !important;
}
.table-container.normal-table.smallFonts table tr td.mat-cell {
  line-height: 1.3;
}
.table-container.normal-table th.mat-header-cell {
  line-height: 1.4 !important;
}
.table-container.border-table {
  border-top: solid 1px rgba(0, 0, 0, 0.12);
  border-bottom: 0 none;
}
.table-container.dailogTableBorder {
  margin-bottom: 0;
  border: var(--rm-tableborder);
  border-bottom: 0 none;
  border-radius: var(--rm-noBorderRadius);
}
.table-container.infoTable {
  overflow: initial !important;
}
.movePaginatorLeft {
  display: flex;
  margin: 0% 0% 0% 7%;
}
.formpage_container .toggleRowTable .mat-table {
  min-width: 100%;
  width: fit-content;
}
.formpage_container .toggleRowTable .fourIcon {
  display: flex;
  padding-top: 0px !important;
}
.formpage_container .toggleRowTable .checkalign {
  padding-right: 5px !important;
}
.formpage_container .toggleRowTable .checkBoxclick {
  cursor: pointer;
}
.formpage_container .toggleRowTable .checkBoxclick img {
  filter: var(--rm-pngIconColor) !important;
}
.formpage_container .toggleRowTable .mat-header-cell {
  font-weight: var(--rm-fontWeightMedium);
  color: black;
  font-size: var(--rm-fontSizeDefault);
}
.formpage_container .toggleRowTable mat-cell.groupHeaderCell {
  max-width: initial;
  padding-left: 16px;
}
.formpage_container .toggleRowTable mat-cell.groupHeaderCell strong.checkBoxclick {
  padding-left: 20px;
  width: 170px;
  font-size: var(--rm-formsLableFontSize);
}
.formpage_container .toggleRowTable .toggle-cell:first-child,
.formpage_container .toggleRowTable .toggle-headerCell:first-child {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.formpage_container .toggleRowTable .toggle-cell:nth-child(2),
.formpage_container .toggleRowTable .toggle-headerCell:nth-child(2) {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.formpage_container .toggleRowTable .toggle-cell:nth-child(3),
.formpage_container .toggleRowTable .toggle-headerCell:nth-child(3) {
  width: 110px;
  min-width: 110px;
  max-width: 140px;
}
.formpage_container.fullWidth-Overlay mat-cell.groupHeaderCell strong.checkBoxclick {
  width: 240px;
  color: var(--rm-fontColor);
}
.formpage_container.fullWidth-Overlay .toggle-cell:nth-child(2),
.formpage_container.fullWidth-Overlay .toggle-headerCell:nth-child(2) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}
.formpage_container.fullWidth-Overlay .toggle-cell:nth-child(3),
.formpage_container.fullWidth-Overlay .toggle-headerCell:nth-child(3) {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}
.mat-paginator-range-label {
  white-space: nowrap;
  margin-right: -10px !important;
}
.mat-header-cell .mat-sort-header-arrow {
  display: flex;
  flex-direction: column;
  transform: translateY(0%) !important;
  margin-top: -8px;
}
.mat-header-cell .mat-sort-header-arrow .mat-sort-header-indicator,
.mat-header-cell .mat-sort-header-arrow .mat-sort-header-stem {
  display: none !important;
}
.mat-header-cell .mat-sort-header-arrow::before,
.mat-header-cell .mat-sort-header-arrow::after {
  content: "";
  border: solid 4px transparent;
  height: 0;
  width: 0;
}
.mat-header-cell .mat-sort-header-arrow::after {
  border-top-color: var(--rm-tableSortArrowInActiveColor);
}
.mat-header-cell .mat-sort-header-arrow::before {
  border-bottom-color: var(--rm-tableSortArrowInActiveColor);
  margin-bottom: 2px;
}
.mat-header-cell[aria-sort=ascending] .mat-sort-header-arrow::after {
  border-top-color: var(--rm-tableSortArrowActiveColor);
}
.mat-header-cell[aria-sort=descending] .mat-sort-header-arrow::before {
  border-bottom-color: var(--rm-tableSortArrowActiveColor);
}
.bushingTable .mat-table {
  background-color: transparent;
  width: 100%;
}
.bushingTable .mat-table tr.mat-header-row,
.bushingTable .mat-table tr.mat-row,
.bushingTable .mat-table tr.mat-footer-row {
  height: 28px;
}
.bushingTable th.mat-header-cell,
.bushingTable td.mat-cell,
.bushingTable td.mat-footer-cell {
  border: 0 none;
  font-size: var(--rm-fontSizeSmall);
}
.bushingTable th.mat-header-cell {
  color: black;
  font-weight: normal;
}
.bushingTable th.mat-header-cell:first-of-type {
  max-width: 150px;
}
.bushingTable th.mat-header-cell:last-of-type {
  width: 87px;
  white-space: nowrap;
}
.bushingTable th.mat-header-cell:first-of-type,
.bushingTable td.mat-cell:first-of-type,
.bushingTable td.mat-footer-cell:first-of-type {
  padding-left: 0;
}
.bushingTable th.mat-header-cell:last-of-type,
.bushingTable td.mat-cell:last-of-type,
.bushingTable td.mat-footer-cell:last-of-type {
  padding-right: 0;
  text-align: center;
}
.bushingTable.withOutHeader .mat-header-row {
  display: none;
}
.realTimeCell {
  text-align: right !important;
  padding-right: 10px !important;
  min-width: 52px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .realTimeCell {
    text-align: left !important;
  }
}
.displayTable {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.displayTable .tableRow {
  display: flex;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
.displayTable .tableRow .tableCell {
  padding: 0 15px;
  flex: 1;
  display: flex;
  align-items: center;
  min-height: 35px;
  position: relative;
}
.displayTable .tableRow .tableCell:first-child {
  width: 40%;
  min-width: 200px;
  flex: inherit;
}
.displayTable .tableRow .tableCell .button.collapseBtn {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  height: 35px;
  width: 35px;
  min-width: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
}
.displayTable .tableRow .tableCell .button.collapseBtn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.displayTable .tableRow .tableCell .button .accordion-arrow {
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  display: flex;
}
.displayTable .tableRow .tableCell .button .accordion-arrow img {
  position: relative;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
}
.displayTable .tableRow .tableCell .button[aria-expanded=true] .accordion-arrow img {
  transform: rotate(90deg);
}
.displayTable .tableRow.tableHead .tableCell {
  background-color: #F7F5F7;
  min-height: 45px;
}
.displayTable .tableRowrapper:nth-child(even) > .tableRow {
  background-color: #f2f8ff;
}
.displayTable .tableRowrapper .collapseDiv {
  background-color: white;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
.displayTable .tableRowrapper .collapseDiv .tableRow {
  border-bottom: 0 none;
}
.displayTable .tableRowrapper .collapseDiv .tableRow:nth-child(even) {
  background-color: white;
}
.displayTable .tableRowrapper .collapseDiv .tableRow .tableCell:first-child {
  padding-left: 30px;
}
.panelWithScrollableTable {
  display: flex;
  flex-direction: column;
}
.dualTable-Wrapper {
  overflow-y: hidden;
  overflow-x: auto;
  flex: 1;
  display: flex;
}
.dualTable-Wrapper .dualTable-Container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dualTable-Wrapper .dualTable-Container .tableTitle {
  font-weight: var(--rm-deletePopupfontweight);
  line-height: 45px;
  display: flex;
  gap: 16px;
}
.dualTable-Wrapper .dualTable-Container .tableTitle div {
  padding: 0 15px;
  background-color: var(--rm-headerCardHeaderBackgroundColor) !important;
  color: var(--rm-headerCardFontColor) !important;
  flex: 1;
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.dualTable-Wrapper .dualTable-Container .tableTitle div:first-child {
  max-width: var(--rm-alignMappingBlocks);
  margin-right: 0px;
}
.dualTable-Wrapper .dualTable-Container .table-container {
  padding: 0;
  margin-bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  width: fit-content;
  min-width: 100%;
  max-height: calc(100vh - 372px);
}
.dualTable-Wrapper .dualTable-Container .table-container th {
  border-top: 0 none !important;
}
.dualTable-Wrapper .dualTable-Container .table-container .monitoringTypeCell {
  max-width: 200px;
  min-width: 164px;
  width: var(--rm-assetDevicemapTdChildWidth);
}
.dualTable-Wrapper .dualTable-Container .table-container .uomCell {
  max-width: 80px;
  min-width: 80px;
  width: 80px;
}
.fullTable .mat-tab-group {
  flex: 1;
  overflow: hidden;
}
.fullTable .mat-tab-group .mat-tab-body-wrapper {
  flex: 1;
  overflow: hidden;
}
.fullTable .mat-tab-group .mat-tab-body-wrapper .mat-tab-body-content {
  display: flex;
}
.fullTable .paginationui {
  width: 100%;
}
.fullTable.showPopup .paginationui {
  width: 19.5%;
}
.inspect-record .toggle-txt {
  position: relative;
  bottom: 6px;
}
.inspect-record .mat-slide-toggle-bar {
  position: relative;
  width: 45px;
  height: 23px;
  flex-shrink: 0;
  margin: 7px;
  border-radius: 12px;
  background-color: var(--rm-sliderToggleOffcolor);
  transition: background-color 0.3s ease;
}
.inspect-record .mat-slide-toggle-thumb {
  width: 20px;
  height: 20px;
  top: 4.5px;
  left: 1px;
  background-color: var(--rm-slidertogglethumbcolor) !important;
  border-radius: 50%;
  position: absolute;
  transition: left 0.3s ease;
}
.inspect-record .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--rm-sliderTogglecolor) !important;
}
.inspect-record .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  left: 8px !important;
  background-color: var(--rm-slidertogglethumbcolor) !important;
}
.inspect-record .mat-slide-toggle:not(.mat-checked):hover .mat-slide-toggle-bar {
  background-color: var(--rm-sliderToggleHovercolor) !important;
}
.inspect-record .mat-slide-toggle.mat-checked.mat-disabled .mat-slide-toggle-bar {
  background-color: #B6C4D3;
}
.inspect-record .mat-slide-toggle:not(.mat-checked).mat-disabled .mat-slide-toggle-bar {
  background-color: #EBECF0 !important;
}
.inspect-record .mat-slide-toggle .mat-slide-toggle-ripple {
  display: none;
}
.inspect-record .mat-slide-toggle-thumb {
  background-color: var(--rm-slidertogglethumbcolor) !important;
}
.inspect-record .mat-slide-toggle-thumb-container {
  z-index: 0px !important;
}
.SerialNumberIcon img {
  filter: var(--rm-pngIconColor);
}
.mat-button-base {
  line-height: 25px !important;
  margin-left: 18px !important;
  margin-right: 0px !important;
}
.mat-button-base.mat-stroked-button {
  border-color: var(--rm-buttonBackgroundColor);
  color: var(--rm-secondaryButtonTextColor) !important;
  font-size: var(--rm-fontSizeDefault);
  border-radius: var(--rm-noBorderRadius) !important;
}
.mat-button-base.mat-stroked-button:hover {
  border-color: var(--rm-btHoverBorderColor);
  background-color: var(--rm-cancelButtonHover) !important;
  color: var(--rm-buttonHoverText) !important;
}
.mat-button-base.mat-flat-button {
  background-color: var(--rm-buttonBackgroundColor);
  color: var(--rm-buttonFontColor);
  font-size: var(--rm-fontSizeDefault);
  border-radius: var(--rm-noBorderRadius) !important;
}
.mat-button-base:first-child {
  margin-left: 0 !important;
}
.mat-form-field {
  font-size: var(--rm-fontSizeSmall);
  line-height: 1 !important;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  align-items: center;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex ::placeholder {
  color: var(--rm-defaultPlaceholderColor) !important;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex :focus::placeholder {
  color: var(--rm-focusPlaceholderColor) !important;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex :active::placeholder {
  color: var(--rm-activePlaceholderColor) !important;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex :hover::placeholder {
  color: var(--rm-hoverPlaceholderColor) !important;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex :disabled::placeholder {
  color: var(--rm-disablePlaceholderColor) !important;
}
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-datepicker-toggle .mat-mdc-button-base {
  vertical-align: text-bottom !important;
}
.mat-calendar-body-disabled .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: var(--rm-datePickerColor);
}
.formfld_label {
  padding-bottom: 15px;
}
.mat-select-arrow-wrapper {
  transform: translateY(0%) !important;
}
.mat-form-field-flex {
  margin: 0 !important;
  font-size: 10px;
}
.mat-form-field-flex .mat-form-field-outline {
  top: 0 !important;
}
.mat-form-field-flex .mat-form-field-infix {
  border-top-width: 0 !important;
}
.mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger {
  height: auto !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: var(--rm-inputFieldDisableColor) !important;
  border-radius: var(--rm-matFormFieldBorderRadius);
}
.formLabel {
  font-weight: var(--rm-fontWeightRegular);
  font-size: 14px;
  color: #333;
}
.formLabel {
  font-weight: var(--rm-fontWeightRegular);
  font-size: 14px;
  color: var(--rm-defaultInputPlaceHolderColor);
}
.radioBtn_group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.radioBtn .radio-custom {
  display: none;
}
.radioBtn .radio-custom-label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: var(--rm-formsLableFontSize);
  color: var(--rm-fontColor) !important;
  cursor: pointer;
}
.radioBtn .radio-custom-label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: var(--rm-radioBorder);
  border-radius: var(--rm-radioBorderRaduis);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  transition: all 0.3s ease;
}
.radioBtn:hover .radio-custom-label::before {
  border-color: #007bff;
}
.radioBtn .radio-custom:checked + .radio-custom-label {
  color: var(--rm-fontColor);
}
.radioBtn .radio-custom:checked + .radio-custom-label::before {
  border-color: var(--rm-radioButtonColor);
  background-color: var(--rm-radioButtonColor);
}
.radioBtn .radio-custom:checked + .radio-custom-label::after {
  content: "";
  display: inline-block;
  width: var(--rm-customWidthforRadio);
  height: var(--rm-customHeightforRadio);
  background-color: var(--rm-customBackgroundColorforRadio);
  border: var(--rm-customBorderforRadio);
  border-width: var(--rm-customBorderWidthforRadio);
  position: absolute;
  border-radius: var(--rm-borderRaduisforRadio);
  left: var(--rm-customleftforRadio);
  top: var(--rm-customtopforRadio);
  transform: var(--rm-customTransformforRadio);
}
.radioBtn .radio-custom-label1 {
  margin-left: 10px;
}
.mat-select-placeholder,
.mat-select-min-line {
  font-family: var(--rm-fontFamily);
  line-height: 16px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: var(--rm-fontWeightMedium);
  display: block;
  color: var(--rm-filterSelectedFontColor);
}
.mat-select-placeholder {
  color: var(--rm-filterFontColor);
}
.mat-form-field-subscript-wrapper {
  font-size: var(--rm-fontSizeSmall);
}
textarea.mat-input-element,
input.mat-input-element {
  font-size: var(--rm-fontSizeDefault);
  line-height: 17px;
  font-weight: var(--rm-deletePopupfontweight);
  color: var(--rm-dropdownFontColor);
}
.mat-toolbar .mat-button-base {
  line-height: 24px !important;
}
.mat-toolbar .mat-button-base .mat-icon {
  margin-left: -11px !important;
  margin-right: 3px !important;
  font-size: 18px !important;
  height: 18px !important;
  width: 18px !important;
  margin-top: -2px;
}
.mat-toolbar .mat-button-base.close_btn {
  position: absolute;
  right: 0px;
  top: 0px;
}
.mat-toolbar .mat-button-base.close_btn .mat-icon {
  margin: 0 !important;
  line-height: 18px;
  text-indent: -1px;
  font-weight: bold;
}
.deleteAssetTypeForm .mat-form-field-infix {
  border-top: 0px;
}
.deleteAssetTypeForm .mat-form-field-flex {
  padding-top: 5px;
}
.deleteAssetTypeForm .mat-raised-button {
  box-shadow: 0 0 0;
}
.deleteAssetTypeForm .mat-form-field-wrapper {
  margin: 0;
}
.deleteAssetTypeForm .mat-form-field-outline {
  top: 0 !important;
}
.deleteAssetTypeForm .mat-form-field-infix {
  border-top: 0px;
}
.deleteAssetTypeForm .mat-form-field-flex {
  padding-top: 5px;
}
.deleteAssetTypeForm .mat-raised-button {
  box-shadow: 0 0 0;
}
.deleteAssetTypeForm .mat-form-field-wrapper {
  margin: 0;
}
.deleteAssetTypeForm .mat-form-field-outline {
  top: 0 !important;
}
.form-row .formLabel {
  padding-top: 6px !important;
}
.formBtnRow.rightAlign {
  justify-content: flex-end;
  background: var(--rm-backgroundPrimaryColor);
  border-radius: var(--rm-noBorderRadius);
}
.formBtnRow button {
  display: inline-block;
  width: auto;
}
.mat-card-content {
  margin-bottom: 0 !important;
  background: var(--rm-backgroundPopupColor);
}
.mat-form-field-wrapper {
  margin: 0 !important;
}
.mat-form-field-wrapper {
  padding-bottom: var(--rm-matFormFieldWrapperBottom);
}
.mat-form-field-subscript-wrapper {
  padding: 0 !important;
  margin-top: 0 !important;
}
.select-box {
  display: block;
  white-space: nowrap;
  position: relative;
  z-index: 101;
}
.select-box .select-field input,
.select-box .select-field label,
.select-box .select-field input:checked ~ .select-placeholder {
  display: none;
}
.select-box .select-field input:checked + label,
.select-box .select-field .select-placeholder {
  display: block;
  font-weight: var(--rm-fontWeightMedium);
}
.select-box .select-field label {
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #a2aab5;
  padding: 3px 35px 2px 5px;
  border-radius: 2px;
  background: var(--rm-dropdownButtonBackground);
}
.select-box .select-options {
  animation: disable-options 0.5s;
  animation-fill-mode: both;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--rm-filterBackgroundColor);
  font-size: var(--rm-fontSizeDefault);
  border-radius: 3px;
  border: 1px solid #cbcbcb;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.select-box .select-options label {
  display: block;
  padding: 8px 10px;
}
.select-box .select-options label:hover {
  background: rgba(0, 0, 0, 0.05);
}
.select-box .select-options-focus {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.select-box .select-options-focus:focus + * {
  animation-name: enable-options;
  opacity: 1;
}
.form-control:focus {
  background-color: transparent;
  border-color: var(--rm-backgroundSecondaryColor);
  box-shadow: none;
}
@keyframes disable-options {
  0% {
    pointer-events: initial;
  }
  100% {
    pointer-events: none;
  }
}
@keyframes enable-options {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: initial;
  }
}
.blueArrow .select-field label {
  border: 0 none;
  padding: 0 35px 0 0;
  background-image: url("./media/selectbox-arrow2-LBYRJROM.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right;
  font-size: var(--rm-fontSizeLarge);
  font-weight: bold;
  background-size: var(--rm-dropDownArrowImageSize);
}
.blueArrow .select-field label img {
  filter: var(--rm-pngIconColor);
  width: 14px;
}
.select-box.blueArrow .select-options {
  border-radius: var(--rm-noBorderRadius);
  width: 181px !important;
  right: 0;
  left: auto;
  padding: 11px 0;
}
.select-box.blueArrow .select-options label {
  padding: 9px 18px;
}
.select-box.blueArrow label[for=select-focus] {
  min-width: 108px;
}
.formRowMargin {
  margin-bottom: 22px;
}
.formRowPadding {
  padding-bottom: 22px;
}
.formRowPadding .radioRow {
  display: flex;
  justify-content: space-between;
}
.grayContainer {
  background-color: var(--rm-greyToolbarBackgroundColor);
  padding: 20px 15px 0;
  margin: -20px -15px 20px;
}
.grayContainer {
  background-color: var(--rm-greyToolbarBackgroundColor);
  padding: 20px 15px 0;
  margin: -20px -15px 20px;
}
.customCDKClass {
  transform: translateX(-14px) translateY(-2px) !important;
}
.customCDKClass .mat-selected .mat-active .mat-option-text {
  color: var(--rm-reportOptionSelectedFontColor) !important;
}
.customCDKTrendsClass .mat-select-panel {
  min-width: 148px !important;
  border: 1px solid #cbcbcb !important;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2509803922) !important;
  border-radius: var(--rm-noBorderRadius) !important;
}
.customCDKTrendsClass .mat-select-panel .mat-option.mat-active {
  background: inherit !important;
  color: black !important;
}
.customCDKTrendsClass .mat-select-panel .mat-option.mat-active .mat-option-text {
  color: var(--rm-TrendMatOptionsActiveFontolor);
}
.customCDKTrendsClass .mat-select-panel .mat-option.mat-selected {
  background: inherit !important;
  color: var(--rm-filterSelectedFontColor) !important;
  padding: var(--rm-trendsDropdownPadding);
}
.customCDKTrendsClass .mat-select-panel .mat-option {
  font-size: var(--rm-fontSizeDefault) !important;
  line-height: 1.2 !important;
  padding: 0 16px;
  color: var(--rm-dropdownFontColor);
  font-weight: var(--rm-fontWeightMedium);
  padding: var(--rm-trendsDropdownPadding);
}
.mat-option.mat-selected {
  background: inherit !important;
  color: var(--rm-filterSelectedFontColor) !important;
}
.reportDropDown.mat-selected .mat-option-text {
  color: var(--rm-reportOptionSelectedFontColor);
}
.trendsDropdown .mat-select-min-line {
  font-size: var(--rm-fontSizeLarge) !important;
  color: var(--rm-fontColor);
  height: auto;
}
.trendsDropdown .mat-select-arrow {
  color: #0070d2 !important;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid;
}
.trendsDropdown .toolbarDropdown {
  width: 100% !important;
  min-width: 135px;
}
.trendsDropdown .mat-form-field-infix {
  width: 150px !important;
}
.graphtoolbar.trendsDropdown .mat-select-arrow {
  color: var(--rm-dropdownButtonArrowrColor) !important;
  border-radius: var(--rm-noborderRaduisdropdown) !important;
}
.graphtoolbar.trendsDropdown .mat-select-value {
  max-width: none !important;
  width: auto !important;
}
.graphtoolbar.trendsDropdown .mat-select-value .mat-select-min-line {
  line-height: 1.2;
}
.secondSelectbox .trendsDropdown .toolbarDropdown {
  width: 100% !important;
  min-width: 60px;
}
.mat-dialog-actions.ackViewN .formBtnRow {
  justify-content: flex-start;
}
.paginator .mat-paginator-page-size-label {
  font-size: var(--rm-fontSizeSmall);
}
#font-family {
  font-family: var(--rm-fontFamily);
}
.btnSizeMtext {
  position: relative;
}
.btnSizeMtext .button.btnIcon.btnSizeM {
  padding: 9px 12px 9px 40px !important;
  margin-left: 0;
  background-color: var(--rm-buttonBackgroundColor);
  border-radius: var(--rm-noBorderRadius);
  line-height: 1.2;
  background-repeat: no-repeat;
  background-position: left;
}
.btnSizeMtext .button.btnIcon.btnSizeM i {
  width: 19px !important;
  left: 12px;
}
.btnSizeMtext .button.btnIcon.btnSizeM .iconPart svg {
  display: none !important;
}
.btnSizeMtext .button.btnIcon.btnSizeM .buttontooltip-Text {
  margin-left: -7px;
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: var(--rm-buttonFontColor);
  font-size: var(--rm-fontSizeMedium);
}
.btnSizeMtext .btnSizeM-text {
  white-space: normal;
  max-width: fit-content !important;
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.4;
  font-weight: bold;
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 102%;
  left: 2px;
  max-width: 100%;
  white-space: pre-wrap;
}
.btnSizeMtext:hover .btnSizeM-text {
  visibility: visible;
}
.connctedGis {
  margin-top: -10%;
  margin-left: 25%;
}
.connctedGis .connctedGisChild {
  width: calc(25% - 35px) !important;
}
mat-tab-header {
  background-color: var(--rm-greyToolbarBackgroundColor) !important;
}
.mat-paginator .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: var(--rm-fontColor);
  top: 25px;
}
.mapAlarmList .monitorAssetList {
  height: calc(100vh - 52px);
}
.mapAlarmList .monitorAssetList .alarmList-container {
  padding: 0;
  overflow-y: auto;
}
.hyperLinkLabel {
  color: var(--rm-fontColorHyperlink) !important;
  font-weight: var(--rm-viewMoreFontWeight);
  font-size: var(--rm-fontSizeDefault);
}
.hyperLinkLabel.normalHyperLinkLabel {
  font-weight: normal;
}
.hyperLinkLabel:hover {
  color: var(--rm-fontHoverColorHyperlink) !important;
}
.tabledata_link {
  color: var(--rm-tableDataLinkColor) !important;
  font-size: var(--rm-fontSizeDefault);
}
.tabledata_link:hover {
  color: var(--rm-tableDataLinkHoverColor) !important;
}
.odiTableList:hover {
  color: var(--rm-odiTableListHoverColor) !important;
}
.dailogueFontColor {
  color: var(--rm-dailogFontColor);
}
.mat-pseudo-checkbox-full {
  color: var(--rm-checkboxBorderColor);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after {
  color: var(--rm-checkboxIconColor) !important;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full {
  background: var(--rm-checkboxBackgroundColor);
}
.mat-select-value {
  color: var(--rm-dropdownFontColor);
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--rm-checkboxBackgroundColor) !important;
}
.mat-checkbox-frame {
  border-color: var(--rm-checkboxBorderColor) !important;
  border-radius: var(--rm-checkboxNoBorderRadius) !important;
}
.mat-checkbox-checkmark-path {
  stroke: var(--rm-checkboxIconColor) !important;
}
.mat-datepicker-toggle .mat-datepicker-toggle-default-icon {
  fill: var(--rm-SVGIconColor) !important;
}
.trendBackgroundColor {
  color: var(--rm-echartBackgroundColor);
}
.echartaxisfontstyle {
  font-size: var(--rm-axisLableFontsize);
  color: var(--rm-axisLableColor);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.echartlegendtextcolor {
  color: var(--rm-legendFontColor);
  background: var(--rm-legendBackgroundColor);
}
.piechartfontstyle {
  font-size: var(--rm-pieChartLegendFontsize);
  color: var(--rm-pieChartLegendFontColor);
}
.tooltipContainer {
  background-color: var(--rm-echartTooltipBackgroundColor);
  font-size: var(--rm-echarttooltipFontSize);
  color: var(--rm-echarttooltipFontColor);
  border-radius: var(--rm-noBorderRadius) !important;
  font-family: var(--rm-fontFamily);
}
.realtimeGuageAlarmColor {
  color: var(--rm-alarmStatus);
}
.realtimeGuageNormalColor {
  color: var(--rm-normalColor);
}
.realtimeGuageValueColor {
  color: var(--rm-fontColor);
}
.realtimeGuageWarnColor {
  color: var(--rm-warnColor);
}
.guageBgColor {
  color: var(--rm-healthSummaryGuageBgColor);
}
.guagedefaultColor {
  color: var(--rm-gugadedefauttextlcolor);
}
.guageReportdefaultColor {
  color: var(--rm-gugadeReportdefauttextlcolor);
}
.showmarkerWarningColor {
  color: var(--rm-showmarkerWarningcolor);
}
.showmarkerAlarmColor {
  color: var(--rm-showmarkerAlarmcolor);
}
.alarmDotColor {
  color: var(--rm-alarmdotcolor);
}
.normalDotColor {
  color: var(--rm-normaldotcolor);
}
.alaramlimitopacity {
  opacity: var(--rm-alarmlimitopacity);
}
.commontrendalaramlimitopacity {
  opacity: var(--rm-alarmlimitopacity);
}
.pdChartTrendsOpacity {
  opacity: var(--rm-pdChartTrendsOpacity);
}
.alertColor {
  color: var(--rm-alertcolor);
}
.warningColor {
  color: var(--rm-warningcolor);
}
.safeColor {
  color: var(--rm-safecolor);
}
.barchartstatusGreen {
  color: var(--rm-statusGreen);
}
.normalcolor {
  color: var(--rm-normalcolor);
}
.statusfairColor {
  color: var(--rm-barchartfaircolor);
}
.statusgoodColor {
  color: var(--rm-barchartgoodcolor);
}
.statusokcolor {
  color: var(--rm-barchartokcolor);
}
.statuswarncolor {
  color: var(--rm-barchartwarncolor);
}
.statusworsecolor {
  color: var(--rm-barchartworsecolor);
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  border: var(--rm-inputDefaultBorder) !important;
  background-color: var(--rm-inputBackgroundColor);
}
.dialogSpinner .mat-dialog-container {
  background-color: var(--rm-spinnerBackgroundColor) !important;
  box-shadow: var(--rm-spinnerShadowBox) !important;
}
.dialogSpinner {
  color: var(--rm-dialogSpinnerFontColor) !important;
  font-size: var(--rm-dialogSpinnerFontSize);
  background-color: var(--rm-spinnerBackgroundColor) !important;
  font-family: var(--rm-fontFamily !important);
}
.spinnerSize {
  width: var(--rm-spinnerWidth) !important;
  height: var(--rm-spinnerHeight) !important;
}
.spinnerStyle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.centerSpinner {
  background-color: rgb(255, 255, 255);
  border-radius: 0px !important;
  z-index: 100;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.healthCardDefaultValue {
  color: var(--rm-healthCardsFontColor);
}
.gaugePointerColor {
  color: var(--rm-gaugePointerColor);
}
.mat-dialog-container {
  color: var(--rm-dailogFontColor);
}
.mat-select-panel .mat-optgroup-label,
.mat-select-panel .mat-option {
  color: var(--rm-fontColor);
}
.mat-expansion-panel-header-description {
  color: var(--rm-fontColor) !important;
}
.multiselect-dropdown[_ngcontent-ng-c692748064] .dropdown-btn[_ngcontent-ng-c692748064] .selected-item-container[_ngcontent-ng-c692748064] .selected-item[_ngcontent-ng-c692748064] {
  background: var(--rm-dropdownSelectedBackgroundColor) !important;
  color: var(--rm-dropdownFontColor) !important;
  max-width: 100% !important;
}
.multiselect-dropdown[_ngcontent-ng-c692748064] .dropdown-btn[_ngcontent-ng-c692748064] .selected-item-container[_ngcontent-ng-c692748064] .selected-item[_ngcontent-ng-c692748064] a {
  color: inherit !important;
}
.multiselect-item-checkbox[_ngcontent-ng-c692748064] input[type=checkbox][_ngcontent-ng-c692748064]:checked + div[_ngcontent-ng-c692748064]:before {
  background: var(--rm-checkboxBackgroundColor) !important;
}
.multiselect-item-checkbox[_ngcontent-ng-c692748064] input[type=checkbox][_ngcontent-ng-c692748064] + div[_ngcontent-ng-c692748064]:before {
  border-color: var(--rm-checkboxBorderColor) !important;
}
.multiselect-dropdown .dropdown-btn {
  border-radius: var(--rm-noBorderRadius) !important;
}
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  border-radius: var(--rm-NameplateborderRadius) !important;
}
.dropdown-list[_ngcontent-ng-c692748064] .filter-textbox[_ngcontent-ng-c692748064] input[_ngcontent-ng-c692748064] {
  background: var(--rm-dropdownMenuBackgroundColor) !important;
}
.toggleBtns {
  display: flex;
  border-radius: var(--rm-noBorderRadius) !important;
  overflow: hidden;
  gap: 5px;
}
.toggleBtns .mat-flat-button {
  border-radius: var(--rm-noBorderRadius) !important;
  margin: 0 !important;
  border-left: solid 1px white;
}
.toggleBtns .mat-flat-button.active {
  background-color: var(--rm-disableBtnBgColor) !important;
  color: var(--rm-disableBtnFontColor) !important;
}
.toggleBtns .mat-flat-button:first-child {
  border-left: 0 none;
}
.multiselect-dropdown .dropdown-list {
  background-color: var(--rm-dropdownMenuBackgroundColor) !important;
}
.multiselect-dropdown .dropdown-list ul li div {
  color: var(--rm-dropdownFontColor) !important;
}
.multiselect-dropdown .dropdown-list ul li input[type=checkbox]:checked::after {
  accent-color: white !important;
}
.mat-expansion-panel-body {
  background: var(--rm-backgroundPrimaryColor);
}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background-color: var(--rm-DevicesScreenfontColorOnHoverColor) !important;
}
.mat-expansion-panel-header.mat-expanded:hover {
  background-color: var(--rm-DevicesScreenfontColorOnHoverColor) !important;
}
mat-expansion-panel {
  background: var(--rm-expansionBackgroundColor) !important;
}
.icon-label {
  cursor: pointer;
  color: var(--rm-dropdownActiveButtonBorderColor);
  font-size: var(--rm-fontSizeDefault);
  display: inline-flex;
  margin-bottom: 14px;
}
.gif-container {
  filter: var(--rm-pngIconColor);
}
.mat-form-field .mat-input-element {
  caret-color: var(--rm-inputCaretColor);
}
.mat-form-field .mat-error {
  color: var(--rm-inputErrorMessage);
  margin-top: var(--rm-matErrorMarginTop);
  font-weight: var(--rm-matErrorFontWeight);
  font-size: var(--rm-fontSizeSmall);
}
.panel-content .mat-error {
  color: var(--rm-inputErrorMessage);
  font-size: var(--rm-fontSizeSmall);
}
input::placeholder {
  color: var(--rm-inputPlaceholderColor) !important;
  opacity: var(--rm-inputPlaceholderOpacity);
}
textarea::placeholder {
  color: var(--rm-inputPlaceholderColor) !important;
}
.log_input_container input::placeholder {
  color: var(--rm-customInputPlaceholderColor) !important;
}
mat-paginator {
  background: var(--rm-tablePaginatorBackgroundColor) !important;
  color: var(--rm-tablePaginatorFontColor) !important;
}
mat-paginator button {
  color: var(--rm-tablePaginatornextButton) !important;
}
mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled {
  color: var(--rm-tablePaginatornextDisableButton) !important;
}
mat-table {
  background: var(--rm-tableCellBackgroundColor) !important;
}
mat-table mat-header-row {
  background-color: var(--rm-tableHeaderBackgroundColor) !important;
}
mat-table mat-header-row mat-header-cell {
  color: var(--rm-tableHeaderFontColor) !important;
}
mat-table mat-row {
  background-color: var(--rm-tableCellBackgroundColor) !important;
}
mat-table mat-row mat-cell {
  color: var(--rm-tableCellFontColor) !important;
}
.noFilter {
  filter: none !important;
}
.labelOverflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  max-width: 80%;
}
.labelOverflow .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: var(--rm-fontWeightMedium);
  border-radius: var(--rm-noBorderRadius);
  padding: 3px 10px;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 0;
  max-width: 100%;
  white-space: pre-wrap;
}
.labelOverflow:hover .tooltiptext {
  visibility: visible;
}
.realtimeQuality-Good {
  color: var(--rm-realtimequalityGood) !important;
}
.realtimeQuality-Held {
  color: var(--rm-realtimequalityHeld) !important;
}
.realtimeQuality-Bad {
  color: var(--rm-realtimeQualityBad) !important;
}
.realtimeQuality-HeldBad {
  color: var(--rm-realtimeQualityHeldBad) !important;
}
.productLeft-col .productImage {
  padding: 30px 20px !important;
  display: flex;
  justify-content: center;
}
.productLeft-col .productImage .img-fluid {
  border-radius: var(--rm-NameplateborderRadius);
}
.productLeft-col .productSortInfo1 {
  padding: 16px 20px;
  border-width: var(--rm-NameplateBorderWidth);
  border-style: solid;
  border-top-color: var(--rm-NameplateBorderTopColor);
  border-left-color: var(--rm-NameplateBorderLeftColor);
  border-right-color: var(--rm-NameplateBorderRightColor);
  border-bottom-color: var(--rm-NameplateBorderBottomColor);
  box-shadow: var(--rm-NameplateBoxShadow);
  border-radius: var(--rm-NameplateborderRadius);
  margin: 10px;
  display: flex;
  position: relative;
}
.productLeft-col .productSortInfo1::after {
  content: "";
  position: absolute;
  width: 1px;
  left: 50%;
  top: 18px;
  height: calc(100% - 36px);
  border-left: solid 1px #dedcde;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo1::after {
    display: none;
  }
}
.productLeft-col .productSortInfo1 .loadBySideLeft {
  width: 50%;
  padding-right: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo1 .loadBySideLeft {
    width: 100%;
    padding: 0;
  }
}
.productLeft-col .productSortInfo1 .loadBySideRight {
  width: 50%;
  padding-left: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo1 .loadBySideRight {
    width: 100%;
    padding: 0;
  }
}
.productLeft-col .productSortInfo1 .itemContainer {
  margin-bottom: 10px;
  display: block;
  font-size: var(--rm-fontSizeDefault);
}
.productLeft-col .productSortInfo1 .itemContainer:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo1 .itemContainer:last-child {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo1 {
    display: block;
  }
}
.productLeft-col .productSortInfo2 {
  padding: 30px 20px;
  border-width: var(--rm-NameplateBorderWidth);
  border-style: solid;
  border-top-color: var(--rm-NameplateBorderTopColor);
  border-left-color: var(--rm-NameplateBorderLeftColor);
  border-right-color: var(--rm-NameplateBorderRightColor);
  border-bottom-color: var(--rm-NameplateBorderBottomColor);
  box-shadow: var(--rm-NameplateBoxShadow);
  border-radius: var(--rm-summaryCardBorderRadius);
  margin: 10px;
  font-family: var(--rm-summaryCardFontFamily);
}
.productLeft-col .productSortInfo2 h4,
.productLeft-col .productSortInfo2 .h4 {
  font-size: var(--rm-fontSizeLarge);
  font-weight: bold;
  margin-bottom: 18px;
  font-family: var(--rm-fontFamily);
}
.productLeft-col .productSortInfo2 .productInfo-row {
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.productLeft-col .productSortInfo2 .productInfo-row::after {
  content: "";
  position: absolute;
  width: 1px;
  left: 50%;
  top: 0;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo2 .productInfo-row::after {
    display: none;
  }
}
.productLeft-col .productSortInfo2 .productInfo-row .loadBySideLeft {
  width: 50%;
  padding-right: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo2 .productInfo-row .loadBySideLeft {
    width: 100%;
    padding: 0;
  }
}
.productLeft-col .productSortInfo2 .productInfo-row .loadBySideRight {
  width: 50%;
  padding-left: 10px;
  border-left: solid 1px #dedcde;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo2 .productInfo-row .loadBySideRight {
    width: 100%;
    padding: 0;
  }
}
.productLeft-col .productSortInfo2 .productInfo-row .itemContainer {
  margin-bottom: 10px;
  display: block;
  font-size: var(--rm-fontSizeDefault);
}
.productLeft-col .productSortInfo2 .productInfo-row .itemContainer:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo2 .productInfo-row .itemContainer:last-child {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productLeft-col .productSortInfo2 .productInfo-row {
    display: block;
  }
}
.productLeft-col .productSortInfo2 .viewbtn-Wrapper .view_btn {
  color: #0070d2;
  font-size: var(--rm-viewAllLinkFontSize);
  padding: 0 !important;
}
.productLeft-col .productSortInfo2 .viewbtn-Wrapper:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.productLeft-col .productSortInfo2.productInfoMiddle {
  padding: 16px 20px;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block {
  padding: 15px 20px;
  border-bottom: 1px solid var(--rm-sectionBorderColor);
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Heading {
  display: flex;
  margin-bottom: 12px;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Heading h2,
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Heading .h2 {
  font-size: var(--rm-fontSizeLarge) !important;
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontWeightMedium);
  margin: 0 20px 0 0;
  font-family: var(--rm-summaryCardFontFamily);
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Heading .viewLink label {
  padding: 5px 15px !important;
  background-color: var(--rm-linkBackground);
  font-size: var(--rm-fontSizeDefault) !important;
  line-height: var(--rm-lineHeight);
  color: var(--rm-summaryLinkTextColor) !important;
  border-radius: var(--rm-linkBorderRadius);
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Heading .viewLink label:hover {
  color: var(--rm-fontHoverColorHyperlink) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Heading .bigBtn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Heading .pdfLink {
  margin-left: auto;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content {
  display: flex;
  margin: 0 -10px;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard {
  background-color: var(--rm-summaryCardBackground);
  border: var(--rm-summaryCardBorderWidth) solid var(--rm-summaryCardBorderColor);
  border-radius: var(--rm-summaryCardBorderRadius);
  box-shadow: var(--rm-summaryCardBoxShadow);
  margin: 0 10px;
  width: calc(20% - 20px);
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item50 {
  width: calc(50% - 20px) !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item50 {
    width: calc(100% - 20px) !important;
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item70 {
  width: calc(66.6% - 20px) !important;
  padding: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item70 {
    width: calc(100% - 20px) !important;
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item100 {
  width: calc(100% - 20px) !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item100 {
    width: calc(100% - 20px) !important;
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item100full {
  width: 100% !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item100full .subitemCard {
  width: calc(100% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item30 {
  width: calc(33.3% - 20px) !important;
  padding: 0 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item30 {
    width: calc(100% - 20px) !important;
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item30TopPadding {
  width: calc(33.3% - 20px) !important;
  padding: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.item30TopPadding {
    width: calc(50% - 20px) !important;
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.noCards {
  background-color: transparent;
  border: 0 none;
  margin: 0;
  box-shadow: none;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content .subitemCard.noCSACards {
  background-color: transparent;
  border: 0 none;
  margin: 0 !important;
  padding: 0;
  box-shadow: none;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fiveCol-row .subitemCard {
  flex: 1;
  flex: none;
  padding: 12px;
  background: transparent;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fiveCol-row .subitemCard {
    width: calc(50% - 20px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fiveCol-row .subitemCard.CBRespFull {
    width: calc(100% - 20px) !important;
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard {
  width: calc(25% - 20px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard {
    width: calc(50% - 20px);
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard.item100 {
  width: calc(100% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard.item75 {
  width: calc(75% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard.item50 {
  width: calc(50% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard.item33 {
  width: calc(33.33% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard.item25 {
  width: calc(25% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row .subitemCard.textFull {
  width: auto;
  min-width: calc(25% - 20px);
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row-full .subitemCard {
  width: calc(25% - 20px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-row-full .subitemCard {
    width: calc(50% - 20px);
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.threeCol-row .subitemCard {
  width: calc(33.33% - 20px);
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.twoCol-row .subitemCard {
  width: calc(50% - 20px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.twoCol-row .subitemCard {
    width: calc(100% - 20px);
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.twoCol-row .subitemCard.item100 {
  width: calc(100% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.twoCol-row .subitemCard.item75 {
  width: calc(75% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.twoCol-row .subitemCard.item25 {
  width: calc(25% - 20px) !important;
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-Last50 .subitemCard {
  width: calc(16.66% - 20px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.fourCol-Last50 .subitemCard {
    width: calc(33.33% - 20px);
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.threeCol-all33 .subitemCard {
  width: calc(33.3% - 20px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.threeCol-all33 .subitemCard {
    width: calc(50% - 20px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content.threeCol-all33 :last-child {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .productRight-col .productInfo-blockWrapper .productInfo-background .productInfo-block .productInfo-Content {
    justify-content: flex-start;
  }
}
.productRight-col .productInfo-blockWrapper .productInfo-background:nth-child(2n) {
  background-color: var(--rm-backgroundSecondaryColor);
}
.BushHeader {
  display: flex;
  justify-content: space-between;
}
img {
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
}
.toolbarDropdown.hideDropdownArrow {
  position: relative;
}
.toolbarDropdown.hideDropdownArrow .mat-form-field-wrapper .mat-select .mat-select-arrow-wrapper .mat-select-arrow {
  display: none !important;
}
.toolbarDropdown .custom-arrow {
  position: absolute;
  right: 0;
  top: 7px;
}
.toolbarDropdown .custom-arrow img {
  filter: var(--rm-custompngIconColor);
  height: var(--rm-pngHeight);
  width: var(--rm-pngWidth);
}
#font-family {
  font-family: var(--rm-fontFamily);
}
.no-underline.mat-form-field-appearance-none .mat-form-field-flex {
  border-bottom: none !important;
  padding: 0;
}
.no-arrow .mat-select-arrow {
  display: none;
}
.blueArrow .select-field .custom-select {
  border: 0 none;
  padding: 0 35px 0 0;
  background-image: url("./media/selectbox-arrow2-LBYRJROM.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  font-size: 22px;
  font-weight: bold;
}
.blueArrow .select-field .custom-select .mat-select-min-line {
  font-family: AzoSans2, sans-serif;
  font-size: 22px !important;
  color: #323438;
  height: auto;
}
.mat-selected.moduleSelection .mat-option-text {
  color: var(--rm-moduleSelectionMatOptiontextColor) !important;
}
.mat-select-disabled .mat-select-value-text .mat-select-min-line {
  color: var(--rm-formFeildDisabledFontColor);
  font-weight: var(--rm-formFeildDisabledFontWight);
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336 !important;
}
.toolbarRight .assetSelectDropDown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-value .mat-select-placeholder {
  color: var(--rm-formFeildDisabledFontColor);
}
.mat-input-element::placeholder {
  color: var(--rm-customInputPlaceholderColor) !important;
}
.homePageMatSelect .mat-select-trigger .mat-select-value .mat-select-placeholder {
  color: var(--rm-customInputPlaceholderColor) !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  border: var(--rm-defaultInputBorder) !important;
  transition: none !important;
  border-radius: var(--rm-dropdownFieldBorderRadius) !important;
}
.mat-form-field-appearance-outline:hover .mat-form-field-outline {
  border: var(--rm-hoverInputBorder) !important;
  transition: none !important;
}
.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline {
  border: var(--rm-activeInputBorder) !important;
  transition: none !important;
}
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline {
  border: var(--rm-errorInputBorder) !important;
  transition: none !important;
}
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-input-element::placeholder {
  color: var(--rm-activePlaceHolderColor) !important;
  transition: none !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-gap,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  transition: none !important;
  border: none !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline,
.mat-form-field-appearance-outline.mat-form-field-readonly .mat-form-field-outline {
  border: var(--rm-defaultInputBorder) !important;
  transition: none !important;
  pointer-events: none;
}
.mat-form-field-appearance-outline.mat-form-field-disabled:hover .mat-form-field-outline,
.mat-form-field-appearance-outline.mat-form-field-readonly:hover .mat-form-field-outline {
  border: var(--rm-defaultInputBorder) !important;
  border-radius: var(--rm-borderRadiusFilter) !important;
}
.mat-form-field.mat-form-field-disabled .mat-input-element {
  color: var(--rm-defaultInputPlaceHolderColor) !important;
}
.tableEvenColor {
  background-color: var(--rm-evencolor);
  border: 1px solid #ffffff;
  opacity: var(--rm-commontrendopacity);
  fill: var(--rm-pdtrendlinecolor);
}
.tableOddColor {
  background-color: var(--rm-oddcolor);
}
.dualAnalysisstyles {
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
}
.dualAnalysisarrow {
  color: var(--rm-duvalArrowColor);
}
.trendlineColor {
  opacity: var(--rm-trendlineopacity);
}
.dgasvgstyles {
  color: var(--rm-svgfontcolor);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeMedium);
}
.dgasvgstylesrogers {
  color: var(--rm-svgfontcolorred);
}
.tabletooltipColor {
  color: var(--rm-tooltipfontcolor);
}
.VoltageSection {
  margin: 8px 0;
}
.VoltageSection .VoltageLable {
  font-weight: var(--rm-tableHeaderWeight);
}
.VoltageSection .VoltageInput {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  padding: 4px;
  margin: 5px 12px;
}
.PhaseSideHv {
  font-weight: 400 !important;
}
.PhaseSide {
  margin: 0 0 8px 0;
}
.formpage_container {
  position: absolute;
  height: 100%;
  top: 0px;
  right: 0px;
  z-index: 1001;
  background: white;
  width: var(--rm-formContainerRightPanelWidth) !important;
  border-left: 0.5px solid #BBBABB;
  overflow: hidden;
}
.formpage_container .blockHeading {
  padding: 15px;
}
.formpage_container .mat-tab-label {
  height: 35px !important;
}
.formpage_container .mat-tab-group {
  height: calc(100% - 38px);
}
.formpage_container.fullWidth-Overlay .rightpanel-Container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.formpage_container.fullWidth-Overlay .rightpanel-Container .panel-Container {
  overflow: auto;
  flex: 1;
}
.formpage_container.formPageOverLay {
  height: 100% !important;
}
.formpage_container.formPageViewOverLay {
  height: 100%;
}
.rightpanel-Container .panel-Container {
  background: var(--rm-backgroundPrimaryColor) !important;
}
.rightpanel-Container .panel-Container {
  background: var(--rm-backgroundPrimaryColor) !important;
}
.main-container {
  position: relative;
}
.globalDropdownMenuWrapper .hideField {
  position: absolute;
  top: calc(100% + 10px);
}
.globalDropdownMenuWrapper .hideField .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.globalDropdownMenuWrapper .hideField .mat-form-field-wrapper .mat-form-field-flex {
  height: 0 !important;
}
.globalDropdownMenuWrapper .hideField .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.globalDropdownMenuWrapper .hideField .mat-form-field-wrapper .mat-form-field-flex {
  opacity: 0;
}
.form_page {
  height: 100%;
  background: var(--rm-backgroundPrimaryColor);
}
.editcustomanalytics {
  position: fixed;
  width: 70%;
}
.mat-tab-body-content .form_page.editcustomanalytics {
  position: relative;
  width: auto;
}
.mat-tab-body-content .form_page.assetDetailsForm {
  width: 58%;
}
.mat-tab-body-content .form_page.assetDetailsForm .singal-ColLayout {
  width: 100%;
}
.mat-tab-body-content .rightpanel-Container .panel-Container .container-fluid .form-row,
.mat-tab-body-content .rightpanel-Container .panel-Container .container-sm .form-row,
.mat-tab-body-content .rightpanel-Container .panel-Container .container-md .form-row,
.mat-tab-body-content .rightpanel-Container .panel-Container .container-lg .form-row,
.mat-tab-body-content .rightpanel-Container .panel-Container .container-xl .form-row,
.mat-tab-body-content .rightpanel-Container .panel-Container .container-xxl .form-row {
  width: auto;
}
.rightpanel-Container .mat-toolbar {
  margin-bottom: 0;
}
.rightpanel-Container .panel-title {
  background-color: var(--rm-backgroundPrimaryColor);
  padding: 15px;
}
.rightpanel-Container .panel-title h3,
.rightpanel-Container .panel-title .h3 {
  font-size: var(--rm-fontSizeLarge);
  line-height: 1;
  margin: 0;
  font-weight: bold;
}
.rightpanel-Container .topMsgBar {
  display: flex;
  margin-bottom: 21px;
}
.rightpanel-Container .topMsgBar .fromAckMsg {
  margin-left: auto;
  color: var(--rm-FormAckMsgColor);
  font-size: var(--rm-formsLableFontSize);
}
.rightpanel-Container .topMsgBar .radio-custom-label {
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontWeightMedium);
  font-size: var(--rm-fontSizeDefault);
  line-height: 16px;
}
.rightpanel-Container .topMsgBar .radio-custom-label.assetColor {
  color: var(--rm-assetColor);
}
.rightpanel-Container .panel-Container {
  padding: 20px 15px;
}
.rightpanel-Container .panel-Container .globalDropdownMenuWrapper {
  z-index: 3;
  margin-bottom: 22px;
}
.rightpanel-Container .panel-Container .globalDropdownMenuWrapper .allAssetsPopupWrapper {
  max-height: 50vh;
  overflow-y: auto;
}
.rightpanel-Container .panel-Container .singal-ColLayout {
  width: 58%;
}
.rightpanel-Container .panel-Container .singal-ColLayout .mat-card {
  background: var(--rm-backgroundPrimaryColor);
}
.rightpanel-Container .panel-Container .double-ColLayout .mat-card-content > .row > .col-6:first-child {
  padding-right: 32px;
}
.rightpanel-Container .panel-Container .double-ColLayout .mat-card-content > .row > .col-6:last-child {
  padding-left: 32px;
}
.rightpanel-Container .panel-Container .dataInfo-ColLayout {
  width: 70%;
}
.rightpanel-Container .panel-Container .dataInfo-ColLayout .dataRow {
  margin-bottom: 10px;
  letter-spacing: 0.75px;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
}
.rightpanel-Container .panel-Container .dataInfo-ColLayout .dataRow .labelText {
  color: var(--rm-fontColor);
  letter-spacing: 0.5px;
}
.rightpanel-Container .panel-Container .dataInfo-ColLayout .dataRow .labelColor {
  color: var(--rm-fontColorHyperlink);
  cursor: pointer;
  font-size: var(--rm-fontSizeDefaultlink);
}
.rightpanel-Container .panel-Container .dataInfo-ColLayout .dataRow .labelColor:hover {
  color: var(--rm-fontHoverColorHyperlink);
}
.rightpanel-Container .panel-Container .dataInfo-ColLayout .dataRow .labelColor.overViewAssetName:hover {
  color: var(--rm-overViewAssetNameHoverColor);
}
.rightpanel-Container .panel-Container .dataInfo-ColLayout .dataRow .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.blockHeading {
  padding: 18px;
  display: flex;
  align-items: center;
  background-color: var(--rm-NameplateHeaderBackgroundColor);
}
.blockHeading h3,
.blockHeading .h3 {
  font-weight: bold;
  font-size: var(--rm-fontSizeLarge);
  margin-bottom: 0;
  line-height: 2.6rem;
  flex: 1;
}
.close_btn {
  position: absolute;
  right: 12px;
  top: 15px;
  cursor: pointer;
}
.close_btn.close_btn_icon {
  height: 28px;
  width: 28px;
  top: 20px;
}
.mat-tab-label-container .mat-tab-labels {
  padding: 0 15px;
}
.mat-tab-label-container .mat-tab-labels .mat-tab-label {
  min-width: 0 !important;
  padding: 0 7.5px !important;
  height: auto !important;
  opacity: 1 !important;
}
.mat-tab-label-container .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  font-size: var(--rm-fontSizeMedium);
  line-height: 1;
  padding: 10px 0;
  color: var(--rm-fontColorTab) !important;
}
.mat-tab-label-container .mat-tab-labels .mat-tab-label .mat-tab-label-content:hover {
  color: var(--rm-overViewAssetNameHoverColor) !important;
}
.mat-tab-label-container .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  border-bottom: 2px solid var(--rm-fontColorActiveTabBorder);
}
.mat-tab-label-container .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: var(--rm-fontColorActiveTab) !important;
  font-weight: var(--rm-fontWeightMedium);
  font-family: var(--rm-fontFamily);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--rm-fontColorActiveTabBorder);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--rm-fontColorActiveTabBorder);
}
.dataInfo-block {
  margin-bottom: 40px;
}
.dataInfo-block h4,
.dataInfo-block .h4 {
  font-size: var(--rm-fontSizeMedium);
  margin-bottom: 0;
  line-height: 1;
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily) !important;
  font-weight: var(--rm-fontWeightMedium);
}
.recomendationMsg {
  border-radius: var(--rm-noBorderRadius) !important;
  background-color: var(--rm-alertsboxbackgroundcolor);
  color: var(--rm-alertsboxtextcolor);
  padding: 13px 17px 12px;
  font-size: var(--rm-fontSizeDefault);
  font-family: var(--rm-fontFamily) !important;
  min-height: var(--rm-recomendationMsgBoxMinHeight);
  max-height: var(--rm-recomendationMsgBoxMaxHeight);
  overflow: auto;
}
.alarms_right {
  display: flex;
  margin-left: auto;
  align-items: center;
  white-space: nowrap;
  font-size: var(--rm-formsLableFontSize);
}
.alarms_right .lastSample {
  display: inline-block;
  font-size: var(--rm-fontSizeDefault);
}
.alarms_right .lastSample img {
  filter: var(--rm-pngIconColor);
}
.alarms_right .inline-list {
  margin-left: var(--rm-inlineListDateRangeMarginLeft);
  font-size: var(--rm-fontSizeDefaultlink);
  font-weight: var(--rm-fontWeightRegular);
  display: flex;
  gap: 8px;
  align-items: center;
}
.alarms_right .inline-list label {
  color: var(--rm-fontColorHyperlink);
  font-size: var(--rm-fontSizeDefaultlink);
  display: block;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1;
}
.alarms_right .inline-list label.active {
  color: var(--rm-activeDateFontColor);
}
.alarms_right .inline-list label.active:hover {
  color: var(--rm-fontColor);
}
.showPopup .mat-paginator {
  width: 314px;
  height: 40px;
}
.showPopup .mat-paginator .mat-paginator-page-size {
  display: none !important;
}
.showPopup .mat-paginator .mat-paginator-container {
  min-height: 40px;
}
.showPopup .mat-paginator .mat-paginator-container {
  justify-content: flex-end;
}
.reportsContainer .panel-Container {
  padding: 0;
}
.reportsContainer .reportsPrimary {
  padding: 20px 15px;
  background-color: #F8F8F8;
}
.reportsContainer .mat-card-content .form-group {
  display: flex;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.reportsContainer .reportsSecondary {
  padding: 20px 15px;
}
.reportsContainer .col-6 {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 0 15px;
}
.reportsContainer .col-12 {
  width: 100%;
  padding: 0 15px;
}
.reportsContainer .topMsgBar {
  margin-bottom: 0;
  flex: 1 0 auto;
  min-width: 280px;
}
.reportsContainer h6,
.reportsContainer .h6 {
  font-size: var(--rm-fontSizeDefault);
  line-height: 16px;
  color: #000;
  margin-bottom: 0;
}
.reportsContainer .radioOptionsContainer {
  display: flex;
}
.reportsContainer .radioOptionsContainer > div.firstColumn {
  padding-left: 15px;
  padding-right: 30px;
  border-right: 1px solid #A7A6AB;
  margin-right: 30px;
}
.reportsContainer .radioOptionsContainer input[type=radio] {
  margin-right: 10px;
}
.reportsContainer .radiOptionContainerSecondary label {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.weeklyCheckOuter {
  display: flex;
  flex-wrap: wrap;
}
.weeklyCheckOuter > div {
  flex: 0 0 110px;
  display: flex;
  align-items: center;
}
.weeklyCheckOuter > div input[type=checkbox] {
  margin-right: 9px;
}
.weeklyCheckOuter > div + div {
  margin-bottom: 9px;
}
.weeklyCheckOuter > div + div label {
  margin-bottom: 0 !important;
  display: inline-block !important;
}
.weeklyCheckOuter > *:first-child {
  flex: 1 0 100%;
}
.mat-tab-label,
.mat-tab-link {
  color: #0070d2;
}
.mat-tab-label img,
.mat-tab-link img {
  margin-left: 4px;
  filter: var(--rm-pngIconColor);
}
.mat-tab-label-active {
  color: #000000;
}
.mat-tab-label-active img {
  filter: var(--rm-pngIconColor);
}
.mat-tab-label .mat-tab-label-content {
  align-items: baseline !important;
}
.sidebarHeading.noborder a {
  border-bottom: none !important;
}
.sidebarHeading.noborder a.disableLink {
  pointer-events: none;
}
.mat-toolbar .list_title {
  font-family: Helvetica;
  color: #000000;
  font-weight: bold;
  font-size: var(--rm-fontSizeLarge);
  line-height: 21px;
  white-space: nowrap;
}
.rangeStatus .mat-accent .mat-slider-track-fill,
.rangeStatus .mat-accent .mat-slider-thumb,
.rangeStatus .mat-accent .mat-slider-thumb-label {
  background-color: #000000;
}
.rangeStatus .mat-accent .mat-slider-thumb {
  height: 10px;
  width: 10px;
  bottom: -5px;
  right: -5px;
}
.rangeTd .rangeStatus {
  display: flex;
  justify-content: center;
}
.rangeTd .rangeStatus > div:first-child {
  text-align: right;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
}
.rangeTd .rangeStatus > div:last-child {
  text-align: left;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
}
.rangeTd .rangeStatus > div.rangePath {
  margin: 8px 8px;
  width: 140px;
  height: 2px;
  background-color: #cbcbcb;
  position: relative;
}
.rangeTd .rangeStatus > div.rangePath .statusPointer {
  width: 8px;
  height: 8px;
  background-color: #000000;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.alignCenter {
  text-align: center !important;
}
.productInfo-Content {
  flex-wrap: wrap;
}
.gaugeChart-Wrapper .gaugeChartDisc {
  margin-bottom: 10px;
}
.subitemCard {
  margin: 10px 10px !important;
}
.productInfo-Heading h2,
.productInfo-Heading .h2 {
  color: #000000;
}
.cardStatus-heading {
  color: var(--rm-summaryCardFontColor);
  font-size: var(--rm-tooltipContentFontSize);
}
.monitoringHome .alarmMap-wrapper {
  height: 55vh !important;
  margin-bottom: 18px;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.25);
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.25);
}
.mat-slider {
  z-index: 0 !important;
  filter: var(--rm-pngIconColor) !important;
}
.fullWidth-Overlay .toolbar {
  padding-right: 45px;
  z-index: 1;
}
.mat-select-panel-wrap {
  padding-left: 9px;
  padding-top: 25px;
}
.table-container .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.table-container .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline {
  height: 28px;
}
.table-container .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline > div {
  background-color: var(--rm-dropdownButtonBackgroundColor);
}
.table-container .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-form-field-outline.mat-form-field-disabled > div {
  background-color: #cccccc;
}
.cdk-overlay-container .cdk-overlay-pane {
  max-width: 100%;
}
.cdk-overlay-container .cdk-overlay-pane .mat-snack-bar-container {
  min-width: 0;
  max-width: 100%;
  width: auto;
}
.toolbar .mat-form-field-appearance-outline .mat-form-field-outline-start,
.toolbar .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-color: var(--rm-BorderColorListDropDown) !important;
  height: 23px;
  margin-top: 3px;
}
.toolbar .blackBorder .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.toolbar .blackBorder .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end {
  border-color: var(--rm-dropdownActiveButtonBorderColor) !important;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  border-radius: var(--rm-formFeildOutLineStartBorderRadius);
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: var(--rm-formFeildOutLineendBorderRadius);
}
.toolbar .mat-select-arrow {
  color: var(--rm-dropdownButtonArrowrColor) !important;
}
.toolbar .blackBorder .mat-form-field-appearance-outline .mat-form-field-outline-start,
.toolbar .blackBorder .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-color: var(--rm-dropdownButtonBorderColor) !important;
  height: 30px;
  margin-top: 3px;
}
.toolbar .blackBorder .mat-select-arrow {
  color: var(--rm-dropdownButtonArrowrColor) !important;
}
.selectArrow {
  padding-top: 5px !important;
}
.mat-select-panel {
  min-width: calc(100% + 17px) !important;
  border-radius: var(--rm-dropDownBorderRadius) !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: var(--rm-dropdownMenuBackgroundColor);
}
.mat-select-panel .mat-option {
  font-size: var(--rm-fontSizeDefault) !important;
  color: var(--rm-filterFontColor);
  line-height: 18px !important;
  height: 28px !important;
  font-weight: var(--rm-fontWeightdropdown) !important;
}
.mat-option.mat-active {
  background: var(--rm-dropdownHighlightBackgroundColor) !important;
  color: var(--rm-matOptionsActiveFontolor);
  font-weight: var(--rm-fontWeightMedium);
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeDefault);
}
.mat-option:hover:not(.mat-active) {
  background: var(--rm-dropdownHighlightBackgroundColorHover) !important;
  color: var(--rm-filterDropdowntxtClr);
}
.mat-option:not(.mat-active):hover {
  background: var(--rm-dropdownHighlightBackgroundColorHover) !important;
}
.mat-option.mat-selected {
  background: var(--rm-dropdownHighlightBackgroundColor) !important;
}
.mat-option.mat-selected .mat-option-text {
  color: var(--rm-dropdownSelectedTextColor);
}
.exportBtn {
  position: relative;
  padding: 0 0 0 5px;
}
.exportBtn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  height: 19px;
  width: 1px;
  background-color: var(--rm-exportBtnBefore);
}
.indexPaginator {
  padding: 7px 0 3px 0;
}
.toolbar .toolbarNav .toolbarTabs li a {
  color: var(--rm-fontColorTab);
}
.gredOut {
  background: var(--rm-disableBtnBgColor) !important;
  color: var(--rm-disableBtnFontColor) !important;
  border: var(--rm-defaultInputBorderColor) !important;
  cursor: not-allowed !important;
}
.SVGgredOut {
  fill: rgba(0, 0, 0, 0.12);
}
.twoColTable {
  width: 50%;
}
.threeColTable {
  width: 33.33%;
}
.duvalErrorMessage {
  color: var(--rm-duvalErrorMessageColor);
  line-height: var(--rm-duvalErrorMessageLineHeight);
}
.cardStatus-fanwrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.cardStatus-fanwrapper .fanIcon {
  width: 40px;
  padding-top: 4px;
}
.cardStatus-fanwrapper .cardStatus-infocontainer {
  flex: 1;
}
.cardStatus-fanwrapper .cardStatus-infocontainer .cardStatus-infocontainer {
  flex: 1;
}
.cardStatus-fanwrapper .tableCellFan {
  height: 35px;
  width: 34px;
}
.cardStatus-fanwrapper .tableCellFan img {
  filter: var(--rm-pngIconColor);
}
.cardStatus-fancontainer {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  align-items: center;
}
.cardStatus-fancontainer .fanHeader {
  align-items: baseline;
  margin-left: 15px;
}
.coolingData {
  display: flex;
  margin-bottom: 5px;
}
.coolingData .coolingRight {
  margin-left: auto;
}
.tableboldData {
  font-weight: bold;
}
.indexSummaryWrapper {
  margin-left: 20px;
}
.indexContainer {
  display: flex;
  justify-content: space-between;
}
.widthData {
  max-width: 175px;
  min-width: 175px;
  width: 175px;
}
.indexRight {
  margin-left: auto;
}
.bottomLink {
  padding: 0 15px;
  text-align: right;
}
.bottomLink .btnTxt {
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColorHyperlink);
}
.tableMargin {
  margin-bottom: 10px;
}
.tableBottom {
  margin-bottom: 20px !important;
}
.cardSmallToolbar {
  padding: 1px 15px !important;
}
.cardSpace {
  width: calc(20% - 25px) !important;
}
.cardDatalistItems {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cardDatalistItems .itemImg {
  min-height: 100px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.bushingRight {
  padding-right: 10px !important;
  min-width: 52px;
}
.errorContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.errorContainer .gifContainer {
  margin-bottom: 20px;
}
.errorContainer .gifContainer.largeGif {
  max-width: 400px;
}
.errorContainer .text {
  font-weight: bold;
  color: #868686;
  font-size: 3.6rem;
  line-height: 1.1;
  margin-bottom: 10px;
}
.errorContainer .text .T404 {
  color: #000000;
}
.errorContainer .sub-text {
  color: #868686;
  font-size: var(--rm-fontSizeXLarge);
  line-height: 1.2;
  margin-bottom: 40px;
}
.errorContainer .ErrorBtn {
  background: #404040;
  border-radius: 10px;
  padding: 5px 30px;
  font-size: var(--rm-fontSizeDefault);
  color: #fff;
  transition: all 0.3s ease;
  border: 1px solid #404040;
}
.errorContainer .ErrorBtn:hover {
  color: #404040;
  background-color: #fff;
  border: 1px solid #404040;
}
.ContainerBorder {
  border-bottom: 1px solid #dedcde;
}
.dashboardHeaderContainer {
  display: flex;
  margin-bottom: 15px;
  position: relative;
  z-index: 3;
  align-items: center;
}
.dashboardHeaderContainer .dashboardHeader {
  font-size: var(--rm-fontSizeMedium);
  line-height: 1.1;
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-fontColor);
  margin: 0;
  font-family: var(--rm-fontFamily);
}
.toolbar .dashboardHeader {
  font-size: var(--rm-fontSizeMedium);
  line-height: 1.1;
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
  margin: 0;
}
.cards-Gridview .cardsItemWrapper.fourCard {
  width: 25%;
}
.topBorderToolbar {
  border-top: 1px solid #dedcde;
  margin: 0 -15px;
}
.indexWraper {
  margin-top: -8px;
  display: flex;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular);
}
.indexWraper .indexText {
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.1;
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontWeightRegular);
  margin-right: 10px;
}
.indexWraper .report-fontcolor {
  color: var(--rm-Reportdefautfontcolor) !important;
}
.indexWraper .dashboardIndex {
  margin-left: 10px;
  color: var(--rm-fontColor);
}
.indexWraper .reportIndex-fontcolor {
  color: var(--rm-Reportdefautfontcolor) !important;
}
.statusContainer {
  display: block;
  margin-bottom: 2px;
}
.statusContainer .statusText {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.1;
  margin-bottom: 5px;
  color: #656262;
}
.statusContainer .csaButton {
  max-width: 92px;
  display: block;
  font-size: var(--rm-fontSizeDefault);
  line-height: 25px;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
}
.statusContainer .csaButton.examineStatus {
  background-color: #ff0000;
  color: white;
}
.statusContainer .csaButton.goodStatus {
  background-color: #25d366;
  color: #000000;
}
.statusContainer .csaButton.nodataStatus {
  background-color: #dddddd;
  color: #000000;
}
.cardItem .analyticsToolbar {
  padding: 0 0 0 12px;
}
.cardsItemWrapper.powerCard {
  width: 37%;
}
.chartToolbar {
  display: flex;
  align-items: center;
  padding: 15px 25px;
  margin: 0 -15px;
  border-bottom: 1px solid #dedcde;
  position: relative;
  z-index: 3;
}
.chartToolbar .chartToolbarHeading {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.15;
  letter-spacing: 0.75px;
  font-weight: bold;
  margin: 0;
}
.gaugeWrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px 15px !important;
}
.gaugeWrapper .dataGauge {
  width: 50%;
  margin: 0 0 5px !important;
}
.gaugeWrapper .dataGauge .itemImg {
  min-height: 100px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.gaugeWrapper .dataGauge .itemInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.gaugeWrapper .dataGauge .itemInfo .itemName {
  display: block;
  min-height: 20px;
  line-height: 1.2;
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-headerCardFontColor);
}
.gaugeWrapper .dataGauge .itemInfo .itemName.displayValue {
  color: var(--rm-fontColor) !important;
}
.gaugeWrapper .dataGauge .itemInfo .itemValue {
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-headerCardFontColor);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}
.gaugeWrapper .dataGauge .itemInfo .itemValue.itemValueStrong {
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontweightDefaultboldHeading);
}
.bigCardsWrapper .fiveCardContainer {
  width: calc(20% - 15px);
}
.bigCardsWrapper .fiveCardContainer .oneGuage {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bigCardsWrapper .fiveCardContainer {
    width: calc(33.33% - 15px) !important;
  }
}
.bigCardsWrapper .fourCardContainer {
  width: calc(25% - 15px);
}
.bigCardsWrapper .fourCardContainer .twoGuage {
  width: 50%;
}
.bigCardsWrapper .threeCardContainer {
  width: calc(33.33% - 15px);
}
.bigCardsWrapper .threeCardContainer .threeGuage {
  width: 33.33%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bigCardsWrapper .threeCardContainer {
    width: calc(50% - 15px) !important;
  }
}
.bigCardsWrapper .twoCardContainer {
  width: calc(50% - 15px) !important;
}
.bigCardsWrapper .twoCardContainer .fourGuage {
  width: 25%;
}
.bigCardsWrapper .oneCardContainer {
  width: calc(100% - 15px);
}
.bigCardsWrapper .oneCardContainer .fiveGuage {
  width: 20%;
}
.indexSummaryToolbar {
  padding: 14px 15px !important;
  position: relative;
}
.indexSummaryToolbar .toolbarIndex {
  position: absolute;
  right: 15px;
  top: 20px;
  align-items: center;
}
.indexSummaryToolbar .whiteText {
  color: white;
}
.borderSeperator {
  position: relative;
}
.borderSeperator::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 32px;
  background-color: #e0e0e0;
}
.borderSeperator::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 32px;
  background-color: #e0e0e0;
}
.bottomLine {
  border-bottom: none !important;
}
.doubleHeader table tr.mat-header-row {
  background-color: var(--rm-tableHeaderBackgroundColor);
  height: 30px !important;
}
.doubleHeader table tr.mat-header-row th.mat-header-cell {
  line-height: 30px !important;
}
.doubleHeader th.mat-header-cell {
  text-align: center;
}
.doubleHeader table th.mat-header-cell,
.doubleHeader table td.mat-cell {
  border-right-width: 1px;
  border-right-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.headerWidth {
  width: 200px;
}
.legendContainer {
  padding: 5px 0;
}
.legendContainer .legendHeader {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1;
  color: var(--rm-fontColor);
}
.legendContainer .legendBlock {
  display: flex;
  font-size: var(--rm-fontSizeDefault);
}
.legendContainer .legendBlock .leftColumn {
  display: flex;
  flex-direction: column;
}
.legendContainer .legendBlock .rightColumn {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}
.legendContainer .legendBlock .statusBlock {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.legendContainer .legendBlock .statusBlock .legendStatus {
  display: block;
  min-width: 102px;
  height: 12px;
  border-radius: 4px;
}
.legendContainer .legendBlock .statusBlock .legendStatus.legendRed {
  background: rgba(255, 0, 0, 0.55);
}
.legendContainer .legendBlock .statusBlock .legendStatus.legendAmber {
  background: rgba(255, 149, 0, 0.55);
}
.legendContainer .legendBlock .statusBlock .legendStatus.legendYellow {
  background: rgba(255, 255, 0, 0.7);
}
.legendContainer .legendBlock .statusBlock .legendStatus.legendGreen {
  background: rgba(37, 211, 102, 0.55);
}
.legendContainer .legendBlock .statusBlock .statusRight {
  margin-left: 25px;
  font-size: var(--rm-fontSizeDefault);
}
.legendCellStatus {
  color: black;
}
.legendCellStatus.cellRed {
  background: rgba(255, 0, 0, 0.55);
  border: 1px solid #e5e5e5 !important;
}
.legendCellStatus.cellGreen {
  background: rgba(37, 211, 102, 0.55);
  border: 1px solid #e5e5e5 !important;
}
.legendCellStatus.cellYellow {
  background: rgba(255, 255, 0, 0.7);
  border: 1px solid #e5e5e5 !important;
}
.legendCellStatus.cellAmber {
  background: rgba(255, 149, 0, 0.55);
  border: 1px solid #e5e5e5 !important;
}
.columnWidth {
  min-width: 10%;
  width: 8%;
}
.textRight {
  text-align: right;
}
.txtBold {
  font-weight: var(--rm-fontweightDefaultboldHeading);
}
.legendTextStatus {
  display: inline-block;
  min-width: 104px;
  font-size: var(--rm-fontSizeSmall);
  line-height: 15px;
  text-align: center;
  border-radius: 4px;
  padding: 3px 12px 2px 12px;
}
.legendTextStatus.legendRed {
  background: rgba(255, 0, 0, 0.55);
}
.legendTextStatus.legendAmber {
  background: rgba(255, 149, 0, 0.55);
}
.legendTextStatus.legendYellow {
  background: rgba(255, 255, 0, 0.7);
}
.legendTextStatus.legendGreen {
  background: rgba(37, 211, 102, 0.55);
}
.doubleHeader .borderCollapse {
  border-collapse: collapse !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .cards-Gridview .cardsItemWrapper {
    width: 33.3%;
  }
  .duvalAnalysis-layout {
    flex-direction: column;
    padding: 40px 20px;
  }
  .duvalAnalysis-layout .duvalAnalysis-detail {
    width: 100%;
    margin-top: 15px;
  }
  .cardsWrapper.fiveCards .cardItem {
    width: calc(33.3% - 15px);
  }
  .bigCardsWrapper .cardItem {
    width: calc(50% - 15px);
  }
  .cards-Gridview .cardsItemWrapper.fourCard {
    width: 33.33%;
  }
  .duvalTChart {
    height: auto !important;
  }
  .duvalPChart {
    height: auto !important;
  }
  .moreDGAChart {
    height: auto !important;
  }
  .moreDGAIEC {
    height: auto !important;
  }
  .moreDGARoggers {
    height: auto !important;
  }
}
.duvalTChart {
  flex: 1;
  height: 100%;
  margin-top: var(--rm-duvalTChartMarginTop);
  min-width: 650px;
  display: flex;
  justify-content: center;
}
.duvalTChart svg {
  background: transparent !important;
}
.duvalPChart {
  flex: 1;
  height: 100%;
  margin-top: var(--rm-duvalTChartMarginTop);
  min-width: 650px;
  display: flex;
  justify-content: center;
}
.duvalPChart svg {
  background: transparent !important;
}
.moreDGAChart {
  flex: 1;
  height: 100%;
  margin-top: var(--rm-moreDGAChartMarginTop);
  display: flex;
  justify-content: center;
}
.moreDGAChart svg {
  background: transparent !important;
}
.moreDGAIEC {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
}
.moreDGAIEC svg {
  background: transparent !important;
}
.moreDGARoggers {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
}
.moreDGARoggers svg {
  background: transparent !important;
}
.faultchartWrapper {
  margin-bottom: 50px;
}
.faultchartWrapper .chartContainer {
  display: flex;
  position: relative;
}
.faultchartWrapper .chartContainer .chartBox {
  flex: 1;
  min-width: 650px;
}
.faultchartWrapper .chartContainer .chartTable {
  width: 40%;
  padding-top: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .faultchartWrapper .chartContainer .chartTable {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .faultchartWrapper .chartContainer {
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .faultchartWrapper {
    margin-bottom: 30px;
  }
}
.chartDownWrapper {
  display: flex;
  margin-bottom: 15px;
}
.chartDownWrapper .chartCards {
  width: 42%;
}
.chartDownWrapper .chartCards .cardItem {
  margin: 0 0 15px 0;
}
.chartDownWrapper .chartCards .cardItem .cardToolbar {
  padding: 14px 15px 9px 15px;
}
.chartDownWrapper .chartCards .cardItem .cardToolbar .toolbarHeading {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.15;
}
.chartDownWrapper .chartCards .dataListWrapper {
  padding: 15px 15px 25px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .chartDownWrapper .chartCards {
    width: 100%;
  }
}
.chartDownWrapper .chartCards.mainTankCards .cardToolbar {
  border-radius: var(--rm-DgacardsItemHeadingBorderRadius);
}
.chartDownWrapper .chartCards.mainTankCards .bgcolorDgaonly {
  border-radius: var(--rm-DgacardsItemContentBorderRadius);
  background: var(--rm-dgaCardReccomendationBgColor);
}
.chartDownWrapper .chartdescriptionData {
  width: 60%;
  padding: 0 0 0 100px;
}
.chartDownWrapper .chartdescriptionData .faultHeader {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.15;
  font-weight: var(--rm-fontWeightMedium);
  margin-bottom: 14px;
  font-family: var(--rm-fontFamily);
}
.chartDownWrapper .chartdescriptionData .descriptionContainer {
  display: flex;
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData {
  padding-top: 0;
  width: 50%;
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item {
  margin-bottom: 10px;
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content {
  padding: 0 !important;
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content .faultData {
  display: flex;
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content .faultData strong {
  min-width: 35px;
  margin-right: 3px;
  line-height: 1.15;
  font-size: var(--rm-fontSizeDefault);
  letter-spacing: 0.75px;
  color: var(--rm-fontColor);
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content .faultData .mat-subheader {
  color: var(--rm-fontColor);
  font-weight: var(--rm-fontWeightRegular);
  padding-left: 6px;
  font-family: var(--rm-fontFamily);
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.15;
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData.faultLeft {
  padding-right: 15px;
}
.chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData.faultRight {
  padding-left: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .chartDownWrapper .chartdescriptionData {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .chartDownWrapper {
    flex-direction: column;
  }
}
.faultTable table tr.mat-header-row {
  background-color: #f7f5f7;
  height: 35px;
}
.alarmCount {
  padding: var(--rm-alarmcountpadding);
  color: var(--rm-fontColorHyperlink);
  font-size: var(--rm-fontSizeDefaultlink);
  line-height: 1.15;
  font-weight: var(--rm-fontweightDefaultboldHeading);
  cursor: pointer;
}
.alarmCount:hover {
  color: var(--rm-fontColorHoverHyperlink);
}
.barchartIndex {
  position: relative;
}
.barchartIndex .chartIndex {
  position: absolute;
  top: 25px;
  right: 110px;
}
.cardInfoWrapper {
  position: relative;
  z-index: 2;
}
.cardInfoWrapper:hover {
  z-index: 4;
}
.cardInfoWrapper .cardInfo {
  position: absolute;
  right: 0;
  bottom: 100%;
}
.summaryBlock-heading {
  background-color: var(--rm-headerCardHeaderBackgroundColor);
  padding: 6px 0;
}
.summaryBlock-heading h3,
.summaryBlock-heading .h3 {
  font-family: var(--rm-fontFamily);
  color: var(--rm-headerCardFontColor);
  margin: 0;
  line-height: 1.2;
  font-size: var(--rm-fontSizeLarge);
  font-weight: var(--rm-fontWeightMedium);
  text-align: center;
}
.summaryToolbar {
  display: flex;
  padding: 0 20px 18px 18px;
}
.btns-tabs {
  margin: 9px 0;
  border: solid 1px #0070d2;
  border-radius: 6px;
}
.btns-tabs .button {
  background-color: transparent;
  margin: 0;
  color: #0070d2;
  cursor: pointer;
  padding: 4px 12px;
  min-width: 0;
}
.btns-tabs input[type=radio]:checked + label.button {
  background-color: #0070d2;
  color: white;
}
.summaryBlock {
  margin-bottom: 30px;
}
.datePikerWrapper .md-drppicker.double.shown {
  background-color: var(--rm-datetimePickerBackgroundColor);
  position: static !important;
  transform: translateX(0) !important;
  padding: 0;
  width: 100%;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding-top: 2px;
}
.datePikerWrapper .dialogBox-title {
  background-color: var(--rm-datePickerTitleBgColor);
  color: var(--rm-fontColor);
  padding: 23px 15px;
  position: relative;
  font-size: var(--rm-fontSizeDateRangeTitle);
}
.datePikerWrapper .dialogBox-title h4,
.datePikerWrapper .dialogBox-title .h4 {
  margin: 0;
  font-weight: var(--rm-datePickerTitleFontWeight);
  font-size: 28px;
  font-family: var(--rm-fontFamily);
  color: var(--rm-datePickerTitleColor);
}
.datePikerWrapper .dialogBox-title .closeBtnDatePicker {
  position: absolute;
  right: 15px;
  right: 25px;
  width: 24px;
  top: 23px;
  color: white;
  cursor: pointer;
  background-color: transparent;
}
.datePikerWrapper .dialogBox-title .closeBtnDatePicker img {
  filter: var(--rm-datePickerCloseIcon) !important;
}
.datePikerWrapper .dialogBox-content {
  padding: var(--rm-datePickerPadding);
}
.datePikerWrapper .formLabel {
  margin-right: 4px;
  font-size: var(--rm-fontSizeDefault);
}
.datePikerWrapper .dialogBox-actions {
  padding: 0 19px;
  display: flex;
  flex-direction: row;
}
.datePikerWrapper .dialogBox-actions button.mat-button-base {
  color: var(--rm-datetimePickerFontColor);
  padding: 2px 18px;
  min-width: 74px;
  margin: 0 6px 0 0 !important;
}
.datePikerWrapper .dialogBox-right-actions {
  display: flex;
  justify-content: flex-end;
}
.md-drppicker th.available.prev {
  filter: var(--rm-pngIconColor);
}
.md-drppicker th.available.next {
  filter: var(--rm-pngIconColor);
}
.md-drppicker td.active,
.md-drppicker td.active:hover {
  color: var(--rm-datetimePickerSelectedFontColor);
}
.md-drppicker.double .calendar {
  width: 50%;
  max-width: 360px !important;
  font-size: var(--rm-fontSizeSmall) !important;
  margin: 0;
  border-top: solid 1px #979797;
}
.md-drppicker.double .calendar.right {
  float: right;
}
.md-drppicker.double .calendar .calendar-table {
  color: var(--rm-datetimePickerFontColor) !important;
  padding: 0 !important;
  background-color: var(--rm-datetimePickerBackgroundColor);
  border: 1px solid var(--rm-datetimePickerBackgroundColor);
}
.md-drppicker.double .calendar .calendar-table th {
  min-width: var(--rm-calenderTableSelectionWidth) !important;
  height: 38px !important;
  color: var(--rm-datetimePickerFontColor) !important;
  font-weight: bold;
  border: 0;
}
.md-drppicker.double .calendar .calendar-table .week-days th {
  border-bottom: 0.5px solid black;
  color: #979797;
  font-weight: normal;
}
.md-drppicker.double .calendar .calendar-table td {
  padding: 9px 0 !important;
  position: relative;
  background: transparent !important;
  border-radius: 0 !important;
  border: 0;
}
.md-drppicker.double .calendar .calendar-table td::before,
.md-drppicker.double .calendar .calendar-table td::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  height: 60%;
  width: 100%;
}
.md-drppicker.double .calendar .calendar-table td.today::before {
  background-color: transparent;
}
.md-drppicker.double .calendar .calendar-table td.today.end-date::before {
  background-color: transparent;
}
.md-drppicker.double .calendar .calendar-table td.today.end-date.in-range::before {
  background-color: #f2f8ff;
}
.md-drppicker.double .calendar .calendar-table td.today.start-date::before {
  background-color: transparent;
}
.md-drppicker.double .calendar .calendar-table td.today.start-date.in-range::before {
  background-color: #f2f8ff;
}
.md-drppicker.double .calendar .calendar-table td.in-range::before {
  background-color: #f2f8ff;
}
.md-drppicker.double .calendar .calendar-table td.active::before {
  background-color: #f2f8ff;
}
.md-drppicker.double .calendar .calendar-table td.active::after {
  height: 30px;
  width: 30px;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  border-radius: 50%;
  background-color: var(--rm-buttonBackgroundColor);
}
.md-drppicker.double .calendar .calendar-table td.active.end-date::before {
  top: 4px;
  right: auto;
  left: 11px !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.md-drppicker.double .calendar .calendar-table td.active.end-date:hover::before {
  background-color: #0070d2;
}
.md-drppicker.double .calendar .calendar-table td.active.start-date::before {
  top: 4px;
  right: auto;
  left: 11px !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.md-drppicker.double .calendar .calendar-table td.active.start-date:hover::before {
  background-color: #0070d2;
}
.md-drppicker.double .calendar .calendar-table td:hover span {
  color: var(--rm-datetimePickerSelectedFontColor);
}
.md-drppicker.double .calendar .calendar-table td:hover::before {
  background-color: var(--rm-buttonBackgroundColor);
  top: 4px;
  right: auto;
  left: 11px !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.md-drppicker.double .calendar .calendar-table td.off::before {
  color: #d8d8d8;
}
.md-drppicker.double .calendar .calendar-table td span {
  position: relative;
  z-index: 3;
}
.md-drppicker.double .calendar .calendar-table td:hover {
  background-color: transparent !important;
}
.md-drppicker.double .calendar .calendar-table td.disabled {
  text-decoration: initial;
}
.customDropdown .allAssetsPopupWrapper {
  min-width: 225px !important;
}
.customDropdown .analyticsDropDown .globalDropdownMenuWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .parentItemLink .linkWrapper:hover a {
  color: var(--rm-assetTreeFontColor);
}
.graphtoolbar {
  padding: 5px 0 5px 0;
}
.graphtoolbar .toolbarDropdown {
  width: 100px;
}
.graphtoolbar .toolbarDropdown .mat-form-field-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.graphtoolbar .toolbarDropdown .mat-form-field-wrapper .mat-form-field-infix {
  width: 110px;
  padding: 4px 0;
}
.graphtoolbar .toolbarDropdown .mat-form-field-wrapper .mat-form-field-infix .selectArrow {
  padding: 3px;
}
.graphtoolbar .toolbarDropdown.toolbarMediumDropdown {
  width: 200px;
}
.graphtoolbar .mat-form-field-appearance-outline .mat-form-field-outline-start {
  height: 25px;
  margin-top: 3px;
  border-radius: 10px 0 0 10px;
  flex-grow: 1;
}
.graphtoolbar .mat-form-field-appearance-outline .mat-form-field-outline-end {
  height: 25px;
  margin-top: 3px;
  border-radius: 0 10px 10px 0;
}
.graphtoolbar .mat-select-arrow {
  color: #464e46 !important;
  border-radius: 10px !important;
}
.selectSearch {
  position: sticky !important;
  top: -10px;
  z-index: 2;
}
.selectSearch.searchBar {
  margin: var(--rm-searchbarMargin);
}
.selectSearch.searchBar label {
  border: var(--rm-searchbarBorder);
}
.cbImg .itemImg {
  height: 80px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
}
.cbImg .topName {
  display: block;
  text-align: center;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  font-size: var(--rm-fontSizeMedium);
}
.cbImg .itemName {
  margin-bottom: 0px !important;
}
.tempGraph button {
  background: transparent;
}
.tempGraph button img {
  filter: var(--rm-pngIconColor);
}
.filter-option-wrapper img {
  filter: var(--rm-filterTickIconColor) !important;
  opacity: var(--rm-filterTickIconOpacity, 1);
  margin-left: 10px;
  position: absolute;
  right: 10px;
  transform: translateY(-50%);
  top: 50%;
}
.rightmark-icon {
  filter: var(--rm-filterTickIconColor);
}
.rightmark-icon.languageIcon {
  filter: var(--rm-langFilterTickIconColor);
}
.cardHeaderText {
  flex: 1;
  font-size: var(--rm-fontSizeDefault) !important;
  line-height: 1 !important;
}
.toolbarInfo {
  position: relative !important;
}
.toolbarInfo .infoOverlay {
  left: 0;
  right: auto;
  max-height: 83vh;
  width: 35vw;
  overflow-y: auto;
}
.toolbarInfo .infoHeaders {
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-paginationBtnTextColor);
  border-bottom: 1px solid #dedcde;
  font-weight: bold;
  margin-bottom: 10px !important;
  font-family: var(--rm-fontFamily);
}
.toolbarInfo .infoLists {
  margin-bottom: 10px;
}
.toolbarInfo .infoLists:last-child {
  margin-bottom: 0;
}
.table-container .mat-header-cell:first-child,
.tableDataCenter .mat-header-cell:first-child {
  text-align: left;
}
.table-container .mat-cell:first-child,
.tableDataCenter .mat-cell:first-child {
  text-align: left;
}
.table-container .theaderCenter,
.tableDataCenter .theaderCenter {
  text-align: center;
}
.table-container .tdataCenter,
.tableDataCenter .tdataCenter {
  text-align: center;
}
.table-container .tdataCenter.tdata,
.tableDataCenter .tdataCenter.tdata {
  width: 30% !important;
}
.table-container .thCenter .mat-sort-header-container {
  justify-content: center;
  padding-left: 18px;
}
.table-container .tdCenter {
  text-align: center;
}
.table-container .statusCenter {
  min-width: var(--rm-statusCenterBtnMinWidth);
  margin: auto !important;
}
.legendChartWrapper {
  display: flex;
  flex: 1;
  align-items: center;
}
.legendChartWrapper .chartWrapperContainer {
  flex-basis: 59%;
}
.legendChartWrapper .legendBlock {
  flex: 1;
}
.legendChartWrapper .legendBlock .legendRow {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.legendChartWrapper .legendBlock .legendRow .legend {
  border: 1px solid transparent;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  margin-right: 10px;
}
.legendChartWrapper .legendBlock .legendRow .legend.green {
  background-color: #36b64a;
}
.legendChartWrapper .legendBlock .legendRow .legend.lightGreen {
  background-color: #8dc73a;
}
.legendChartWrapper .legendBlock .legendRow .legend.yellow {
  background-color: #d8e01e;
}
.legendChartWrapper .legendBlock .legendRow .legend.lightYellow {
  background-color: #ffed1e;
}
.legendChartWrapper .legendBlock .legendRow .legend.amber {
  background-color: #fa961c;
}
.legendChartWrapper .legendBlock .legendRow .legendHeader {
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.1;
  color: #393734;
  flex: 1;
}
.legendChartWrapper .legendBlock .legendRow .legendValue {
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.1;
  color: #393734;
  width: 50px;
}
.manageToolbar .toolbarHeading {
  display: flex;
  align-items: center;
  font-size: var(--rm-fontSizeXXLarge);
  line-height: 0.8;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-fontColor);
}
.manageToolbar .toolbarHeading .toolbarIcon {
  margin-right: 10px;
  margin-left: 0;
  padding-bottom: 3px;
}
.manageToolbar .toolbarHeading .toolbarIcon img {
  filter: var(--rm-pngIconColor) !important;
}
.accordionSection {
  background-color: transparent;
  border: 1px solid #dedcde;
  padding: 20px;
  position: relative;
}
.accordionSection .accordionBtn {
  display: inline-block;
  background-color: transparent;
  color: #0070d2;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s;
  margin-right: 15px;
}
.accordionSection .accordionBtn .btnItems {
  display: flex;
  align-items: center;
}
.accordionSection .accordionBtn .btnItems .accordLeftIcon {
  margin-right: 10px;
  padding-bottom: 3px;
}
.accordionSection .accordionBtn .btnItems .accordionRightIcon {
  margin-left: 15px;
}
.accordionSection .accordionHeader {
  display: inline-block;
  background-color: transparent;
  color: #0070d2;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s;
  margin-right: 15px;
}
.accordionSection .accordionHeader .btnItems {
  display: flex;
  align-items: center;
}
.accordionSection .accordionHeader .btnItems .accordLeftIcon {
  margin-right: 10px;
  padding-bottom: 3px;
}
.accordionSection .accordionHeader .btnItems .accordionRightIcon {
  margin-left: 15px;
}
.accordionSection .accordionRightIcon.active {
  transform: rotate(180deg);
}
.accordionSection .panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.accordionSection .panel.expanded {
  max-height: 100%;
  overflow: visible;
}
.accordionSection .panel .pannelBody {
  margin: 0 -20px;
}
.accordionSection .panelHeader {
  background-color: white;
  max-height: 100%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordionSection .panelHeader .pannelBody {
  margin: 0 -20px;
}
.hideaccordionBtn {
  display: none;
}
.manageCardHeader {
  font-size: var(--rm-fontSizeMedium);
  line-height: 1.1;
  color: #393734;
}
.silderWrapper {
  margin: 20px;
  padding: 20px;
}
.silderWrapper .slidecontainer {
  width: 100%;
}
.silderWrapper .slidecontainer .slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 2px;
  background: #d3d3d3;
  border-radius: 5px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.silderWrapper .slidecontainer .slider:hover {
  opacity: 1;
}
.silderWrapper .slidecontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: gold;
  border: 2px solid black;
  cursor: pointer;
  position: relative;
  bottom: 27px;
  transform: rotate(45deg);
}
.silderWrapper .slidecontainer .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: gold;
  border: 2px solid black;
  cursor: pointer;
  position: relative;
  bottom: 27px;
  transform: rotate(45deg);
}
.silderWrapper .slidecontainer .rangeLists {
  display: inline-block;
  margin-bottom: 50px;
}
.silderWrapper .slidecontainer .rangeLists .yellowBox {
  background-color: yellow;
  border: 1px solid yellow;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: bold;
}
.silderWrapper .slidecontainer .rangeLists .amberBox {
  background-color: orange;
  border: 1px solid orange;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: bold;
}
.silderWrapper .slidecontainer .rangeLists .redBox {
  background-color: red;
  border: 1px solid red;
  padding: 5px 10px;
  font-size: var(--rm-fontSizeDefault);
  font-weight: bold;
}
.silderWrapper .slidecontainer .rangeLabels {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.silderWrapper .slidecontainer .rangeLabels .labelBox {
  padding: 5px;
  margin: 0 -34px;
  width: 92px;
  border: 1px solid gold;
  font-size: var(--rm-fontSizeDefault);
  font-weight: bold;
  position: relative;
  text-align: center;
}
.silderWrapper .slidecontainer .rangeLabels .labelBox::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 2px;
  background-color: #d3d3d3;
  border-radius: 5px;
  left: 0;
  right: 0;
  top: -37px;
  margin: 0 auto;
}
.hiCardContainer {
  display: flex;
  flex-direction: column;
}
.hiCardContainer .cardValue {
  font-size: 8rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.hiCardContainer .cardValue.greenValue {
  color: #36b64a;
}
.hiCardContainer .cardSubText {
  font-size: var(--rm-fontSizeMedium);
  line-height: 1.1;
  font-weight: bold;
  text-align: center;
}
.hiCardContainer .cardSubText.greenText {
  color: #36b64a;
}
.piechartHeader {
  margin-bottom: 10px;
}
.greyCardHeader {
  margin-bottom: 0;
  padding: 3px 0 2px 0;
  font-size: var(--rm-fontSizeDefault);
  line-height: 1.1;
  font-weight: bold;
  color: #393934;
}
.alarmscardsRow {
  display: flex;
}
.alarmscardsRow .colorCards {
  padding: 20px;
  margin: 10px;
  border-radius: 10px;
  width: 16.66%;
}
.alarmscardsRow .colorCards.amberCard {
  border: 1px solid #fa961c;
}
.alarmscardsRow .colorCards.redCard {
  border: 1px solid #ff1818;
}
.alarmscardsRow .colorCards.blueCard {
  border: 1px solid #0070d2;
}
.alarmscardsRow .colorCards .cardsHeader {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.alarmscardsRow .colorCards .cardsHeader .titleIcon {
  width: 20px;
  margin-right: 5px;
}
.alarmscardsRow .colorCards .cardsHeader .titleText {
  font-size: var(--rm-fontSizeMedium);
  line-height: 1;
  font-weight: bold;
  flex: 1;
  margin: 0;
}
.alarmscardsRow .colorCards .cardsHeader.amberHeader {
  color: #fa961c;
}
.alarmscardsRow .colorCards .cardsHeader.redHeader {
  color: #ff1818;
}
.alarmscardsRow .colorCards .cardsHeader.blueHeader {
  color: #0070d2;
}
.alarmscardsRow .colorCards .cardsContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.alarmscardsRow .colorCards .cardsContainer .cardsValue {
  font-size: 5rem;
  line-height: 1;
  font-weight: 700;
  flex: 1;
  display: flex;
  align-items: center;
}
.alarmscardsRow .colorCards .cardsContainer .cardsValue.amberValue {
  color: #fa961c;
}
.alarmscardsRow .colorCards .cardsContainer .cardsValue.redValue {
  color: #ff1818;
}
.alarmscardsRow .colorCards .cardsContainer .cardsValue.blueValue {
  color: #0070d2;
}
.alarmtabaleStatus {
  font-weight: bold;
}
.alarmtabaleStatus.redStatus {
  color: red;
}
.alarmtabaleStatus.amberStatus {
  color: #fa961c;
}
.alarmtabaleStatus.blueStatus {
  color: #0070d2;
}
.tabalethInfo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabalethInfo .thinfo {
  margin-right: 5px;
}
.tabalethInfo .tableheaderInfo .infoOverlay {
  overflow: auto;
  max-height: 25vh;
  top: 35px;
}
.tabalethInfo .tableheaderInfo .infoOverlay .infoList li {
  font-weight: normal;
  text-align: left;
  line-height: 1;
  color: var(--rm-fontColor);
  font-size: var(--rm-fontSizeDefault);
}
.tabalethInfo .tableheaderInfo .infoOverlay.infoOverlay-right {
  left: -100px;
  right: auto !important;
}
.tabalethInfo .tableheaderInfo .infoOverlay.infoOverlay-rightLbl {
  left: 38px;
  right: auto !important;
  top: -6px !important;
}
.tabalethInfo .tableheaderInfo .infoOverlay.infoOverlay-rightLbl2 {
  left: 0px;
  right: auto !important;
  top: 35px !important;
}
.tabalethInfo .tableheaderInfo .infoOverlay.infoOverlay-rightLabel {
  left: 0;
  right: auto !important;
  top: 35px !important;
}
.tabalethInfo .tableheaderInfo .infoOverlay.infoOverlay-rightLbl1 {
  left: auto !important;
  right: 25px !important;
  top: -50px !important;
}
.tabalethInfo.tableThInfocolleft {
  justify-content: flex-start !important;
}
.rasSecondtable:hover .infoOverlay {
  left: auto;
  right: 0;
  top: 30px;
}
.ircTestForm:hover .infoOverlay {
  left: auto;
  right: 0;
  top: 25px;
}
.tabaleTH-Info {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.tdButton {
  margin-left: 0 !important;
}
.timerWraper {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.timerWraper .timeBlock {
  margin-right: 5px;
}
.timerWraper .timeBlock:last-child {
  margin-right: 0;
}
.timerWraper .timerValue {
  font-size: var(--rm-fontSizeXXLarge);
  line-height: 1;
  margin-right: 2px;
}
.timerWraper .timerData {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1;
}
.timerWraper .notAssigned {
  display: block;
  text-align: center;
  font-size: var(--rm-fontSizeLarge);
  line-height: 1;
  color: #000000;
}
.timerSubSection {
  margin-top: 20px;
}
.timerSubSection .timerWraper {
  margin-top: 0 !important;
}
.timerSubSection .timerWraper .timeBlock .timerValue {
  font-size: var(--rm-fontSizeDefault);
}
.timerSubSection .timerWraper .timeBlock .timerData {
  font-size: var(--rm-fontSizeXSmall);
}
.timerSubSection .timerWraper .notAssigned {
  font-size: var(--rm-fontSizeDefault);
}
.summaryCardChart {
  margin: 0 !important;
}
.deviceExpansionContainer {
  margin-top: 0 !important;
}
.deviceExpansionContainer .mat-expansion-panel-header {
  padding: 3px 24px !important;
  background: var(--rm-backgroundPrimaryColor);
}
.deviceExpansionContainer .mat-expansion-panel-header .mat-content {
  height: 100% !important;
  overflow-y: auto !important;
}
.deviceExpansionContainer .mat-expansion-panel-header .mat-expansion-panel-header-description {
  display: block !important;
}
.deviceExpansionContainer .mat-expansion-panel-header .mat-expansion-panel-header-description span {
  margin-right: 5px;
}
.toolbar.cardTableToolbar {
  padding: 15px 0 !important;
  border-bottom: none;
}
.toolbar .toolbarBlock {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.toolbar .toolbarBlock .valueRight {
  margin-left: 5px;
}
.toolbar .toolbarBlock .value_Right {
  margin-right: 5px;
}
.toolbar.bottmLineToolbar {
  padding: 0 0 15px 0 !important;
}
.toolbar.dashboardToolbar {
  padding: 10 0 10px 0 !important;
  margin: 0 -5px;
  border-bottom: none;
}
.toolbar.dashboardToolbar .toolbarIcon {
  margin-right: 10px;
}
.toolbar .toolbarBlock {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.toolbar .toolbarBlock .valueRight {
  margin-left: 5px;
}
.toolbar.alertsToolbar {
  border-bottom: none;
  padding: 15px 15px 0;
}
.toolbar.alertsSubToolbar {
  padding: 0px 15px 15px;
}
.toolbar.cardIRToolbar {
  border-bottom: none;
  padding: 5px 0;
}
.trendBtn {
  background-color: transparent;
}
.overlayTrendTableContainer {
  flex: 1;
  overflow-x: auto;
  padding: 15px 15px;
}
.overlayTrendTableContainer .table-containerWrapper {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.overlayTrendTableContainer .table-containerWrapper > .table-container {
  margin-bottom: 20px !important;
  flex: 1;
  overflow-x: auto;
}
.separater {
  background-color: #d3d3d3;
  opacity: 1;
  margin: 0 0 15px 0;
}
.main-middleContainer.trendsChartContainer {
  padding: 0;
}
.duvalAnalysis-layout.summaryChartLayout {
  padding: 0;
  overflow-y: visible;
}
.cardInfoContainer.rasMapInfo {
  margin-left: auto;
  margin-bottom: 10px;
}
.cardInfoContainer.rasMapInfo .infoOverlay {
  z-index: 999;
}
.cardInfoContainer.rasMapInfo:hover .infoOverlay {
  left: auto;
  right: 0;
}
.cardChartHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.cardChartHeader .cardHeader {
  font-size: var(--rm-fontSizeMedium) !important;
  line-height: 1.1 !important;
  margin-bottom: 0 !important;
  color: var(--rm-fontColor);
}
.cardHeaderempty {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.cardHeaderempty .emptyHeader {
  visibility: hidden;
}
.noSpace {
  border-bottom: 5px solid #dedcde;
}
.widgetBottomBorder {
  border-bottom: var(--rm-widgetBoderBottom);
}
.irFirstWidget {
  margin: 0 !important;
}
.imageSizeClass {
  height: 480px;
  width: 640px;
}
.imageSizeClass h3,
.imageSizeClass .h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: var(--rm-fontSizeDefault);
  font-weight: bold;
}
.irFirstSection {
  display: flex;
}
.irFirstSection .panel-container {
  width: 50%;
  padding: 15px;
}
.irFirstSection .panel-container .irCardcontent {
  display: flex;
  align-items: center;
}
.irFirstSection .panel-container .irCardcontent .imgPart {
  margin-right: 50px;
}
.irFirstSection .panel-container .irCardcontent .rightPart {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.irFirstSection .seperator {
  width: 1px;
  background-color: #dedcde;
}
.tableHeaderContainer {
  border: 1px solid #dedcde;
  padding: 15px;
  border-radius: 5px;
}
.tableHeaderContainer .toolbar {
  padding: 0 10px 10px;
  margin: 0 -15px 15px;
}
.tdCenter .cardInfoContainer {
  margin: auto;
}
.graphListWrapper.graphImgWrapper {
  padding: 0;
  overflow-y: inherit;
}
.graphListWrapper.graphImgWrapper .graphItem {
  padding: 15px;
  border-radius: 12px;
}
.graphListWrapper.graphImgWrapper .graphItem .header {
  padding: 0 0 15px 0;
  margin: 0 -15px 15px -15px;
  border-bottom: 1px solid #dedcde;
}
.graphListWrapper.graphImgWrapper .graphItem .header .pd-title {
  margin-bottom: 0;
  padding-left: 15px;
}
.graphListWrapper.graphImgWrapper .graphItem .header .btnIcon {
  padding: 0 15px 0 0;
}
.sliderSection {
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 40px 0;
  width: 50%;
}
.sliderSection .mat-slider-horizontal {
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}
.sliderSection .mat-slider-horizontal .mat-slider-wrapper {
  height: 7px;
  left: 0;
  right: 0;
}
.sliderSection .mat-slider-horizontal .mat-slider-wrapper .mat-slider-track-wrapper {
  height: 7px !important;
  border-radius: 4px;
}
.sliderSection .mat-slider-horizontal .mat-slider-wrapper .mat-slider-track-wrapper .mat-slider-track-background {
  height: 7px !important;
  background-color: #404040;
}
.sliderSection .mat-slider-horizontal .mat-slider-wrapper .mat-slider-track-wrapper .mat-slider-track-fill {
  height: 7px !important;
}
.sliderSection .mat-slider-horizontal .mat-slider-wrapper .mat-slider-thumb-container .mat-slider-thumb {
  height: 18px;
  width: 18px;
  bottom: -9px;
  right: -9px;
}
.sliderSection .mat-accent .mat-slider-track-fill,
.sliderSection .mat-accent .mat-slider-thumb,
.sliderSection .mat-accent .mat-slider-thumb-label {
  background-color: #0070d2;
}
.sliderSection .sliderData {
  display: flex;
  justify-content: space-between;
}
.sliderSection .sliderButtons .playBtn {
  margin-right: 25px;
  background-color: inherit;
}
.cardHeaderInfo.textWidgetHeader .status-green {
  margin-right: 10px !important;
}
.cardHeaderInfo.textWidgetHeader .tempGraph {
  margin-right: 10px;
}
.csaBlock .cardInfoContainer.cardInfoBullet .infoOverlay {
  left: 35px;
  right: auto;
  top: -200%;
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.1;
}
.csaBlock .cardInfoContainer.cardInfoBullet .infoOverlay .statusBullet {
  height: 8px;
  width: 8px;
}
.csaBlock .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.csaBlock .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li.infoHeading {
  letter-spacing: 0.75px;
}
.csaBlock .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li:last-child {
  margin-bottom: 0;
}
.csaBlock .textWidget .textWidgetContainer .containerBox {
  height: 100px !important;
}
.csaBlock .textWidget.item75 {
  padding: 0 !important;
}
.pdBlock .cardInfoContainer.cardInfoBullet .infoOverlay {
  left: 35px;
  right: auto;
  top: -200%;
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.1;
}
.pdBlock .cardInfoContainer.cardInfoBullet .infoOverlay .statusBullet {
  height: 8px;
  width: 8px;
}
.pdBlock .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.pdBlock .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li.infoHeading {
  letter-spacing: 0.75px;
}
.pdBlock .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li:last-child {
  margin-bottom: 0;
}
.pdBlock .textWidget .textWidgetContainer .containerBox {
  height: 100px !important;
}
.pdBlock .textWidget.item75 {
  padding: 0 !important;
}
.cardChartInfo .cardInfoContainer.cardInfoBullet .infoOverlay {
  font-size: var(--rm-fontSizeDefault);
  line-height: 1;
}
.cardChartInfo .cardInfoContainer.cardInfoBullet .infoOverlay .statusBullet {
  height: 11px;
  width: 11px;
}
.cardChartInfo .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.cardChartInfo .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li.infoHeading {
  letter-spacing: 0.75px;
}
.cardChartInfo .cardInfoContainer.cardInfoBullet .infoOverlay .infoList li:last-child {
  margin-bottom: 0;
}
.itemContainerLayer1.noBackground .itemContainer {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 10px;
  padding: 0;
}
.overlayTableWrapper {
  max-height: calc(100vh - 350px) !important;
  margin: 0 -20px;
}
.overlayTableWrapper .mat-button-ripple.mat-ripple,
.overlayTableWrapper .mat-button-focus-overlay {
  left: 5px;
  top: 5px;
}
.overlayTableWrapper .starCol .mat-button-base {
  line-height: 0 !important;
}
.overlayTableWrapper .starCol .material-icons {
  font-size: 21px;
}
.overlayTableWrapper .overlayIndex {
  height: 40px;
}
.table-container.starTable .mat-button-ripple.mat-ripple,
.table-container.starTable .mat-button-focus-overlay {
  left: 2px;
  top: 5px;
}
.table-container.starTable .starCol .mat-button-base {
  line-height: 0 !important;
}
.table-container.starTable .starCol .material-icons {
  font-size: 21px;
}
.pdrealtimeBlock {
  display: flex;
  flex-direction: row !important;
}
.pdrealtimeBlock .subitemCard {
  background-color: var(var(--rm-summaryCardBackground));
  border: var(--rm-pdStatusBorder);
  border-radius: var(--rm-noBorderRadius) !important;
  padding: 12px;
  margin: 10px;
}
.pdrealtimeBlock .subitemCard.item25 {
  width: 25%;
  flex: initial;
}
.pdrealtimeBlock .subitemCard.item25 .itemContainer {
  margin: 0 !important;
}
.pdrealtimeBlock .subitemCard .itemTrend {
  display: flex;
  justify-content: space-between;
}
.pdrealtimeBlock .subitemCard .itemTrend .itemHeaderTrend {
  display: flex;
  justify-content: space-between;
}
.pdrealtimeBlock .subitemCard .itemTrend .itemHeaderTrend .trendMiddle {
  margin-right: 10px;
}
.pdrealtimeBlock .subitemCard .cardInfoContainer.cardInfoBullet .infoOverlay {
  left: 35px;
  right: auto;
  top: -200%;
  font-size: var(--rm-fontSizeSmall);
  line-height: 1.1;
}
.pdrealtimeBlock .noCards.item75 {
  width: 75%;
  flex: initial;
}
.pdrealtimeBlock .noCards.item75 .itemContainer {
  margin: 10px;
}
.tabTrends .toolbar {
  padding: 0 0 15px 0;
}
.monitorScreen .main-middleContainer {
  padding: 0;
}
.monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow {
  padding: 0 !important;
}
.monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer {
  margin: 0;
  padding: 0;
  background-color: var(--rm-mapPaddingColor);
}
.monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .appMap {
  flex: 1 !important;
}
.monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .appMap .svgSelectedView {
  width: var(--rm-appMapSelectedViewWidth);
}
.monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .appMap .zoom-controls {
  position: absolute;
  z-index: 9;
  display: grid;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 5px;
}
.monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .appMap .zoom-controls button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 25px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow .monitorLayoutRight {
  height: 95vh;
  overflow: auto;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .monitorScreen .main-middleContainer .monitorLayout .collapsContainer .panel .pannelBody .cardsRow .monitorLayoutRight {
    height: auto;
    width: 100% !important;
  }
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRight .itemContainerLayer3 .alarmMap-wrapper .helthCard-container {
  flex: 1;
  width: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .monitorScreen .main-middleContainer .monitorLayout .mlChildRight .itemContainerLayer3 .alarmMap-wrapper .helthCard-container {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .monitorScreen .main-middleContainer .monitorLayout .mlChildRight .itemContainerLayer3 .alarmMap-wrapper {
    min-height: auto;
  }
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 {
  margin: 0 0 5px 0;
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .monitorHealthSummary,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .monitorAssetSummary,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .monitorHealthSummary,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .monitorAssetSummary {
  width: 100%;
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock {
  padding: 15px;
  display: grid;
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .summaryBlock-heading,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .summaryBlock-heading {
  border-radius: 10px 10px 0 0;
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .summaryBlock-heading h3,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .summaryBlock-heading .h3,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .summaryBlock-heading h3,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .summaryBlock-heading .h3 {
  text-align: left;
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .table-container,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .table-container {
  border: solid 1px #DEDCDE;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .table-container table,
  .monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .table-container table {
    table-layout: fixed;
  }
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .table-container table td,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .table-container table tr,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .table-container table th,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .table-container table td,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .table-container table tr,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .table-container table th {
  padding: 0 5px !important;
}
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHealthSummary .itemContainerLayer3 .summaryBlock .table-container table tr:last-child td,
.monitorScreen .main-middleContainer .monitorLayout .mlChildRightHomeAssetSummary .itemContainerLayer3 .summaryBlock .table-container table tr:last-child td {
  border-bottom: none;
}
.appMap {
  flex: 1 !important;
}
.appMap .svgSelectedView .zoom-controls {
  position: absolute;
  z-index: 9;
  display: grid;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 5px;
}
.appMap .svgSelectedView .zoom-controls button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 25px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.main-middleContainer:has(.gisGasDaigram) {
  overflow-y: auto;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main-middleContainer:has(.gisGasDaigram) {
    overflow: auto !important;
  }
}
.fullViewScreen .summaryBlock {
  margin-bottom: 10px;
}
.fullViewScreen .summaryBlock .table-container table {
  table-layout: fixed;
}
.fullViewScreen .summaryBlock .table-container table th {
  text-align: center;
}
.alarmMap-container .gisMap-container-child .itemContainerLayer3 .itemContainer {
  height: 70vh !important;
  overflow: hidden;
}
.alarmMap-container .alarmMap-container-child .itemContainerLayer3 .itemContainer {
  height: var(--rm-alarmMapContainerHeight);
  overflow: hidden;
}
.alarmMap-container .alarmMap-containerfull-child .itemContainerLayer3 .itemContainer {
  height: 65vh;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .alarmMap-container {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .mlChild {
    width: 100% !important;
  }
}
.mlChild .mlChildRight .itemContainerLayer3 .itemContainer {
  border: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .mlChild .mlChildRight .itemContainerLayer3 .itemContainer .alarmMap-wrapper {
    flex-direction: inherit;
    min-height: auto !important;
  }
}
.alertWidgets {
  display: flex;
  width: 10%;
  cursor: pointer;
}
.alertWidgets .getActiveUrl {
  border: var(--rm-healthCardsActiveBorderColor) !important;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  border: 2px solid #246CB0 !important;
}
.alertWidgets .itemContainer {
  min-height: 116px;
  background-color: var(--rm-healthCardsBackgroundColor);
  border: var(--rm-healthCardsBorderColorsolid);
  border-radius: var(--rm-noBorderRadius);
  margin: 7.5px;
  padding: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  box-shadow: var(--rm-healthCardBoxShadow);
}
.alertWidgets .itemContainer:hover {
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
.alertWidgets .itemContainer .cardsHeader {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.alertWidgets .itemContainer .cardsHeader .titleText {
  font-size: var(--rm-fontSizeMedium);
  color: var(--rm-healthCardsFontColor);
  font-weight: var(--rm-healthCardsFontWeight);
  flex: 1;
  margin: 0;
  line-height: 1;
  font-family: var(--rm-fontFamily);
}
.alertWidgets .itemContainer .cardsContainer {
  padding: 0;
  flex: 1;
  display: flex;
  justify-content: center;
}
.alertWidgets .itemContainer .cardsContainer .cardsValue {
  font-size: var(--rm-healthCardValueFontsize);
  line-height: 1;
  font-weight: bold;
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.alertWidgets:last-child .itemContainer .laungClass .cardsHeader {
  margin-bottom: 25px;
}
.alertWidgets:last-child .itemContainer .laungClass .cardsHeader.ValueClass {
  margin-bottom: 10px;
}
.alertWidgets:last-child .itemContainer .cardsHeader {
  margin-bottom: 10px;
}
.alertWidgets.widgetClassAlertHu {
  width: 15%;
}
@media (min-width: 1920px) {
  .alertWidgets.widgetClassAlertHu {
    width: 12%;
  }
}
.alertWidgets.widgetClassAlertDe {
  width: 15%;
}
@media (min-width: 1920px) {
  .alertWidgets.widgetClassAlertDe {
    width: 10%;
  }
}
.alertWidgets.widgetClassAlertzh-CN {
  width: 12%;
}
.Distalertwidget .toolbar .alertsToolbar {
  border-bottom: none;
  padding: 15px 15px 0;
}
.Distalertwidget .itemContainer {
  background-color: #FBFCFD;
  border: 1px solid #0070d2;
  border-radius: 4px;
  margin: 7.5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex: initial;
  width: 10%;
}
.Distalertwidget .itemContainer .cardsContainer {
  padding: 0;
  flex: 1;
  display: flex;
  justify-content: center;
}
.Distalertwidget .itemContainer .cardsContainer .cardsValue {
  font-size: 3.6rem;
  line-height: 1;
  font-weight: bold;
  flex: 1;
  display: flex;
  align-items: flex-end;
  color: var(--PureRedColor);
}
.Distalertwidget .itemContainer .cardsContainer .cardsSubText {
  display: none;
}
.Distalertwidget .itemContainer .titleIcon {
  display: none;
}
.Distalertwidget .itemContainer .titleText {
  font-size: var(--rm-fontSizeMedium);
  font-weight: bold;
  flex: 1;
  margin: 0;
  line-height: 1;
}
.sidenavFullwidthTable .itemContainerLayer1,
.sidenavFullwidthTable .itemContainerLayer2,
.sidenavFullwidthTable .itemContainerLayer3 {
  display: block;
}
.reportDialog {
  height: calc(100% - 88px);
}
.gisGasDaigram .appMap {
  margin-top: 0 !important;
}
.gisGasDaigram .appMap.sldHeight {
  height: var(--rm-gisSldHeight) !important;
}
.gisGasDaigram .appMap [data-zoom-on-wheel] {
  overflow: auto !important;
}
.monitorLayout .collapsContainer .panel .alarmMap-container .alarmMap-container-child .itemContainerLayer3 .itemContainer .healthIndexWrapper {
  line-height: 35px;
  height: 35px;
}
.spinner-container {
  max-height: auto;
}
.spinner-container .mat-progress-spinner {
  height: 50px !important;
  width: 50px !important;
}
.spinner-container .mat-progress-spinner svg {
  height: 50px !important;
  width: 50px !important;
}
.cardItemHeader {
  font-size: var(--rm-fontSizeDefault);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMediumwidget) !important;
  color: var(--rm-fontColor);
}
.itemLabelValue {
  font-size: var(--rm-fontSizeDefault);
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightRegular) !important;
  color: var(--rm-fontColor);
}
.cardBoxShadow {
  box-shadow: var(--rm-cardDesignShadow) !important;
}
.mat-toolbar .mat-button-base {
  font-weight: 400 !important;
}
.form-row .formLabel {
  font-weight: var(--rm-formsLableFontWeight);
  color: var(--rm-fontColor);
  font-size: var(--rm-formsLableFontSize);
}
.form-row .formLabel.fromLables {
  font-weight: var(--rm-formsLableFontWeight);
}
.form-row .formLabelBold {
  padding-top: 6px;
  font-weight: 700 !important;
  color: var(--rm-fontColor);
  margin-bottom: 10px;
  font-size: var(--rm-fontSizeDefault);
}
.form-row .formlabelTop {
  padding-top: 6px;
  color: var(--rm-fontColor);
  font-weight: 400;
  font-size: var(--rm-fontSizeDefault);
}
.form-row .formlabelLeft {
  padding-left: 25px;
}
.formLabelspace .col-2 {
  width: 11% !important;
}
.recurenceBlock .col-4 {
  width: 23% !important;
}
.recurenceBlock .col-2 {
  width: 18%;
}
.mat-button-base.mat-stroked-button {
  font-weight: var(--rm-fontWeightRegular) !important;
  background-color: var(--rm-cancelButtonBackground);
}
.mat-button-base.mat-flat-button {
  font-weight: var(--rm-fontWeightRegular) !important;
  font-family: var(--rm-fontFamily) !important;
}
.mat-button-base.mat-flat-button.mat-flat-button:not([disabled]):hover {
  background-color: var(--rm-buttonHoverBackgroundColor);
  color: var(--rm-buttonHoverFontColor) !important;
}
.cdk-overlay-container .mat-snack-bar-container {
  padding: 4px 6px 4px 16px;
  border-radius: var(--rm-noBorderRadius);
  box-sizing: border-box;
  display: block;
  padding: 6px 16px;
  min-height: 25px !important;
  transform-origin: center;
}
.cdk-overlay-container h3.dialog-title,
.cdk-overlay-container .dialog-title.h3 {
  color: var(--rm-dailogHeadingFontColor) !important;
  font-size: var(--rm-fontSizeLarge);
  font-family: var(--rm-fontFamily);
}
.cdk-overlay-container .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.cdk-overlay-container .mat-dialog-container {
  width: 100% !important;
}
.cdk-overlay-container .formfld_label {
  color: var(--rm-dailogLableFontColor) !important;
  font-size: var(--rm-fontSizeDefault);
  background-color: var(--rm-backgroundPopupColor);
}
.cdk-overlay-container .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  background-color: var(--rm-formBackgroundColor);
  border-radius: 5px;
  font-weight: bold;
  color: var(--rm-dailogFontColor);
}
.cdk-overlay-container .mat-dialog-actions {
  padding-top: 15px !important;
}
.cdk-overlay-container .mat-dialog-actions .actionMsg {
  color: var(--rm-dailogActionFontColor) !important;
}
.cdk-overlay-container .mat-dialog-content p {
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColor);
}
.mat-dialog-content p {
  font-size: var(--rm-fontSizeDefault);
  color: var(--rm-fontColor);
}
.main-container {
  position: relative;
}
.rightpanel-Container .mat-toolbar {
  margin-bottom: 0;
}
.rightpanel-Container .panel-title {
  background-color: var(--rm-toolbarBackgroundColor);
  padding: 15px;
}
.rightpanel-Container .panel-title h3,
.rightpanel-Container .panel-title .h3 {
  font-size: var(--rm-fontSizeLarge);
  line-height: 1;
  margin: 0;
  font-weight: var(--rm-fontWeightMedium);
  color: var(--rm-fontColor);
  font-family: var(--rm-fontFamily);
}
.blockHeading h3,
.blockHeading .h3 {
  margin-bottom: 4px !important;
  font-family: var(--rm-fontFamily);
  font-weight: var(--rm-fontWeightMedium);
}
.topMsgBar .fromAckMsg {
  color: #45556B;
  font-weight: var(--rm-headingFontWeight);
}
.formpage_container .blockHeading {
  color: var(--rm-fontColor);
  background-color: var(--rm-toolbarBackgroundColor) !important;
  font-family: var(--rm-fontFamily);
}
.mat-select-placeholder,
.mat-select-min-line {
  line-height: var(--rm-selectLineHeight);
  font-weight: var(--rm-placeholderFontweight);
}
.mat-select-placeholder .formcolumnContainer,
.mat-select-min-line .formcolumnContainer {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.mat-select-placeholder .formsecondrowContainer,
.mat-select-min-line .formsecondrowContainer {
  flex-direction: row;
}
.mat-select-placeholder .formsecondrowContainer .formfieldWidth,
.mat-select-min-line .formsecondrowContainer .formfieldWidth {
  min-width: 402px !important;
}
.mat-select-placeholder .formsecondrowContainer .button,
.mat-select-min-line .formsecondrowContainer .button {
  background-color: var(--rm-primaryColor);
  color: var(--rm-whiteColor);
  border: solid 1px transparent;
  display: inline-block;
  border-radius: var(--rm-buttonBorderRadius);
  -moz-border-radius: var(--rm-buttonBorderRadius);
  -webkit-border-radius: var(--rm-buttonBorderRadius);
  -o-border-radius: var(--rm-buttonBorderRadius);
  -ms-border-radius: var(--rm-buttonBorderRadius);
  min-width: 75px;
  text-align: center;
  font-size: var(--rm-fontSizeDefault);
  line-height: 1;
}
.mat-select-placeholder .formsecondrowContainer .button.strocked,
.mat-select-min-line .formsecondrowContainer .button.strocked {
  margin-left: 0px !important;
  background-color: var(--rm-whiteColor);
  color: var(--rm-primaryColor);
  border: 1px solid #0070d2;
  border-radius: 0 4px 4px 0;
}
.mat-select-placeholder .formsecondrowContainer .browseForm,
.mat-select-min-line .formsecondrowContainer .browseForm {
  margin-bottom: 25px;
  display: flex;
}
.mat-select-placeholder .formsecondrowContainer .browseForm .inputBrowse,
.mat-select-min-line .formsecondrowContainer .browseForm .inputBrowse {
  padding: 5px;
  font-size: var(--rm-fontSizeDefault);
  border: 1px solid #a2aab5;
  border-right: none;
  width: 80%;
  border-radius: 2px 0 0 2px;
}
.mat-select-placeholder .formsecondrowContainer .browseForm .browseBtn,
.mat-select-min-line .formsecondrowContainer .browseForm .browseBtn {
  width: 13%;
  padding: 5px;
  background: white;
  color: #000000;
  font-size: var(--rm-fontSizeDefault);
  border: 1px solid #0070d2;
  cursor: pointer;
  border-radius: 0 4px 4px 0;
}
.mat-select-placeholder .formBtnRow,
.mat-select-min-line .formBtnRow {
  display: flex;
  justify-content: flex-end;
}
.mat-select-placeholder.fullHeightTable .table-container,
.mat-select-min-line.fullHeightTable .table-container {
  max-height: calc(100vh - 340px);
}
.mat-select-placeholder.dgafullHeightTable .table-container,
.mat-select-min-line.dgafullHeightTable .table-container {
  max-height: calc(100vh - 240px);
}
.mat-select-placeholder.dgaFullwidth,
.mat-select-min-line.dgaFullwidth {
  width: 100%;
}
.mat-select-placeholder .parentDGAwraper,
.mat-select-min-line .parentDGAwraper {
  display: flex;
  justify-content: space-between;
  padding: 23px 0 0 6px;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper {
  width: 40%;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper {
  margin: 10px 0;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuSelectBtn,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuSelectBtn {
  font-size: var(--rm-fontSizeLarge);
  font-weight: bold;
  letter-spacing: 0.75px;
  color: #0670DB;
  background-color: white;
  margin-bottom: 10px;
  display: flex;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .mat-icon,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .mat-icon {
  font-size: 18px;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuSelectBtntxt,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuSelectBtntxt {
  color: #45556B;
  font-weight: normal !important;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper {
  position: absolute;
  width: 49%;
  border: 1px solid #E1E1E1;
  background-color: #F1F1F1;
  z-index: 3;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent {
  padding: 15px;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent .popupMenuList,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent .popupMenuList {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent .popupMenuList .mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-select-placeholder .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent .popupMenuList .mat-form-field-appearance-outline .mat-form-field-outline-end,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent .popupMenuList .mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-select-min-line .parentDGAwraper .dgaLeftwrapper .formmenuWrapper .menuPopupWrapper .DGAformPopup .popupContent .popupMenuList .mat-form-field-appearance-outline .mat-form-field-outline-end {
  background-color: white;
}
.mat-select-placeholder .parentDGAwraper .dgaRightwrapper,
.mat-select-min-line .parentDGAwraper .dgaRightwrapper {
  width: 40%;
  padding: 0 5px 0 20px;
}
.mat-select-placeholder .parentDGAwraper .formSelectwrapper,
.mat-select-min-line .parentDGAwraper .formSelectwrapper {
  display: flex;
}
.mat-select-placeholder .parentDGAwraper .formSelectwrapper .selectLeft,
.mat-select-min-line .parentDGAwraper .formSelectwrapper .selectLeft {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0 10px 0 0;
}
.mat-select-placeholder .parentDGAwraper .formSelectwrapper .selectRight,
.mat-select-min-line .parentDGAwraper .formSelectwrapper .selectRight {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0 0 0 10px;
}
.mat-select-placeholder .parentDGAwraper .formSelectwrapper .selectRight .ActionButtons,
.mat-select-min-line .parentDGAwraper .formSelectwrapper .selectRight .ActionButtons {
  margin-top: 30px;
}
.mat-select-placeholder .uploadwrapper,
.mat-select-min-line .uploadwrapper {
  padding-bottom: 20px;
}
.mat-select-placeholder .uploadwrapper .uploadlblwrapper,
.mat-select-min-line .uploadwrapper .uploadlblwrapper {
  padding-top: 18px;
}
.mat-select-placeholder .uploadwrapper .uploadlblwrapper .lblFileuploaded,
.mat-select-min-line .uploadwrapper .uploadlblwrapper .lblFileuploaded {
  font-weight: bold;
}
.mat-select-placeholder .uploadwrapper .lblImageuploaded,
.mat-select-min-line .uploadwrapper .lblImageuploaded {
  font-weight: bold;
}
.mat-select-placeholder .uploadwrapper .lblImageupload,
.mat-select-min-line .uploadwrapper .lblImageupload {
  color: #0070d2;
  cursor: pointer;
}
.mat-select-placeholder.form-fullContainer,
.mat-select-min-line.form-fullContainer {
  width: 90%;
}
.mat-select-placeholder.form-smallContainer,
.mat-select-min-line.form-smallContainer {
  width: 63%;
}
.formtreeWrapper {
  margin: 0 10px 0 15px;
}
.formtreeWrapper .treeSelectblueBtn {
  color: #0070d2;
  background-color: white;
  border: 1px solid #0070d2;
  border-radius: 4px;
  padding: 3px 10px;
  letter-spacing: 0.25px;
}
.formtreeWrapper .treeSelectblueBtn .iconSpace {
  margin-left: 15px;
}
.formtreeWrapper .treeSelectgreyBtn {
  color: #333333;
  opacity: 0.5;
  background-color: #ffffff;
  border: 1px solid #a2aab5;
  border-radius: 2px;
  padding: 3px 20px 3px 15px;
}
.formtreeWrapper .treeSelectgreyBtn .iconSpace {
  margin-left: 15px;
}
.formtreeWrapper .allAssetsPopupWrapper {
  position: absolute;
  width: 178px;
  background-color: white;
  box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent {
  padding: 10px 12px;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .headerSearch {
  margin-bottom: 10px;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .headerSearch input[type=text] {
  width: 118px;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList .headerSearch .icon-search {
  width: 100%;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList i {
  padding-right: 10px;
}
.formtreeWrapper .allAssetsPopupWrapper .allAssetsPopup .popupContent .popupAssetsList a {
  color: #000000 !important;
}
.menuHeader {
  font-size: var(--rm-fontSizeDefault) !important;
  color: #000000 !important;
}
.mat-select-panel {
  padding: 10px 0 !important;
}
.formrowContainer .mat-form-field-appearance-outline .mat-form-field-outline-start,
.formrowContainer .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-color: #0070d2 !important;
}
.formrowContainer .mat-select-arrow {
  color: #0070d2 !important;
}
.formrowContainer .mat-select-placeholder,
.formrowContainer .mat-select-min-line {
  line-height: 18px;
  font-weight: 500;
  color: #0070d2;
  letter-spacing: 0.25px;
}
.filterMenu-Wpraper .mat-form-field-appearance-outline .mat-form-field-outline-start,
.filterMenu-Wpraper .mat-form-field-appearance-outline .mat-form-field-outline-end {
  background-color: var(--rm-dropdownButtonBackgroundColor);
}
.toolbar .noBorder .mat-form-field-appearance-outline .mat-form-field-outline-start,
.toolbar .noBorder .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: none;
}
.toolbar .noBorder .mat-select-arrow {
  color: #45556b !important;
}
.noBorder {
  position: relative;
  padding: 0 0 0 5px;
  height: 26px;
  margin-left: 12px;
}
.noBorder::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 1px;
  height: 19px;
  background-color: #c2c2c2;
}
.reportsContainer .panel-title {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: 1px solid #dedcde;
}
.reportsContainer .panel-title button {
  background-color: transparent;
  border: none;
}
.reportsContainer .form-row {
  display: flex;
  align-items: center;
}
.reportsContainer .form-row .formLabel {
  flex: 1 0 200px;
  width: auto;
  padding-top: 0 !important;
  max-width: 200px;
}
.reportsContainer .form-row mat-form-field,
.reportsContainer .form-row > div {
  flex: 1 0 auto;
  width: auto;
}
.reportsContainer .form-row > div {
  flex: 1 0 calc(100% - 200px);
}
.reportsContainer .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.reportsContainer .radioBtn {
  display: flex;
  align-items: center;
}
.reportsContainer .radioBtn input[type=radio] {
  margin-right: 10px;
}
.reportsContainer .dateRangeContainer {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.reportsContainer .dateRangeContainer mat-label {
  flex: 1 0 73px;
}
.reportsContainer .dateRangeContainer mat-form-field,
.reportsContainer .dateRangeContainer .form-row > div {
  flex: 1 0 auto;
}
.reportsContainer .mat-card {
  display: flex;
  flex-wrap: wrap;
  min-height: calc(100vh - 105px);
}
.reportsContainer .mat-card > * {
  flex: 1 0 100%;
}
.reportsContainer .mat-card .reportsFooter {
  align-self: flex-end;
  padding: 20px 15px;
  background-color: #fff;
  box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
}
.reportsContainer .mat-card .mat-card-actions:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 20px !important;
  background: var(--rm-backgroundPrimaryColor);
}
.reportsContainer .reportsFooter {
  align-self: flex-end;
}
.reportsContainer .reportsFooter .btnPrimary {
  margin-right: 13px;
}
.reportsContainer .mat-card {
  display: flex;
  flex-wrap: wrap;
}
.reportsContainer .mat-card > * {
  flex: 1 0 100%;
}
.formControl {
  background-color: #fff;
  border: 1px solid #A7A6AB;
  border-radius: var(--rm-noBorderRadius);
  color: #CBCBCB;
  display: inline-block;
  padding: 5px 10px;
}
.numberedFormControl {
  max-width: 60px;
  text-align: center;
}
.numberedFormControl.mediumnumberedFormControl {
  max-width: 120px !important;
  margin-right: 7px;
}
.radioBtnGroup {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.radioBtnGroup label {
  display: flex;
  align-items: center;
}
.radioBtnGroup input[type=radio] {
  margin-right: 10px;
}
.reportsContainer .form-row .matFormFieldEnd > mat-form-field,
.reportsContainer .form-row .form-row.matFormFieldEnd > div {
  max-width: 213px;
  margin-left: auto;
}
.mx-3 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.fileDownload {
  position: absolute;
  right: 50px;
  top: 15px;
  cursor: pointer;
  color: var(--rm-buttonBackgroundColor);
}
.mat-sort-header-container {
  border: 0 !important;
}
.firstrowWrapper {
  display: flex;
  flex: 1 0 auto;
  margin: 0 -10px;
}
.firstrowWrapper .rowWidth {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  flex: 1 0 auto;
  max-width: 33.33%;
}
.firstrowWrapper .rowWidth.rowfullWidth {
  max-width: 50%;
}
.firstrowWrapper.rowBottom {
  margin-bottom: 20px;
}
.secondrowWrapper {
  display: flex;
  flex: 1 0 auto;
  margin: 0 -10px;
}
.secondrowWrapper .rowWidth {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  flex: 1 0 auto;
  max-width: 33.33%;
}
.secondrowWrapper .rowWidth.rowfullWidth {
  max-width: 50%;
}
.secondrowWrapper.rowBottom {
  margin-bottom: 20px;
}
.multifullWrapper > div:last-child {
  flex: 1 0 50%;
}
.firstrowWrapper .formfieldLabel,
.secondrowWrapper .formfieldLabel {
  font-size: var(--rm-fontSizeSmall);
  color: #333333;
  font-weight: var(--rm-fontWeightMedium);
}
.mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 0 !important;
}
.reportuploadWrapper {
  display: flex;
  flex-direction: column;
  min-width: 50%;
}
.reportuploadWrapper .reportLabel {
  font-size: var(--rm-fontSizeDefault);
  font-weight: bold;
  color: #000000;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  white-space: nowrap;
}
.reportuploadWrapper .imagePath {
  color: #0070D2;
  cursor: pointer;
}
.reportuploadWrapper .imagePath a {
  margin: 0 30px 0 0 !important;
  padding: 0 !important;
  text-align: initial;
}
.offlineTable .table-container {
  max-height: calc(100vh - 240px);
}
.mat-optgroup {
  font-size: var(--rm-fontSizeDefault) !important;
}
.BordereD {
  background: #f2f8ff !important;
}
.Heading {
  margin-bottom: 0px !important;
  font-weight: 500 !important;
}
.HeadinG {
  margin-bottom: 5px !important;
  font-weight: 500 !important;
}
.HeadiNG {
  margin-bottom: -20px !important;
}
::ng-deep .mat-form-field-underline {
  display: none !important;
}
.inputFielD {
  min-width: 110px !important;
  max-width: 110px !important;
  border: var(--rm-defaultInputBorder);
  background: var(--rm-inputBackgroundColor);
  caret-color: var(--rm-inputCaretColor) !important;
  color: var(--rm-dropdownFontColor) !important;
  border-radius: 4px;
}
.inputFielD:hover {
  border: var(--rm-hoverInputBorder);
}
.inputFielD.element {
  margin: 5px 0 5px 0;
}
.inputFielD:focus {
  border: var(--rm-activeInputBorder);
}
.inputFielD:disabled {
  background-color: var(--rm-inputFieldDisableColor);
  border: var(--rm-defaultInputBorder);
  color: var(--rm-defaultInputPlaceHolderColor);
}
.inputFielD::placeholder {
  color: var(--rm-defaultPlaceholderColor) !important;
}
.inputFielD:focus::placeholder {
  color: var(--rm-focusPlaceholderColor) !important;
}
.inputFielD:active::placeholder {
  color: var(--rm-activePlaceholderColor) !important;
}
.inputFielD:hover::placeholder {
  color: var(--rm-hoverPlaceholderColor) !important;
}
.inputFielD:disabled::placeholder {
  color: var(--rm-disablePlaceholderColor) !important;
}
.offlineFormWraper .offlineData .offlineContainer .heading {
  margin-bottom: var(--rm-headingMargin);
  font-weight: var(--rm-fontWeightMedium);
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .SupporteD {
  display: flex !important;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .SupporteD .file {
  display: flex;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .SupporteD .file .uploadedItem {
  margin-top: -8px;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .Supported {
  font-weight: var(--rm-fontWeightRegular) !important;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .txt {
  padding-right: 30px !important;
  cursor: pointer;
  white-space: nowrap;
}
.offlineFormWraper .offlineData .offlineContainer .uploadFileRow .txT {
  padding-right: 50px !important;
  cursor: pointer;
  white-space: nowrap;
}
.toggle-cell {
  border-top: 1px solid #e0e0e0 !important;
}
.cdk-column-frequency .ng-star-inserted {
  line-height: 27px;
  margin: 5px 0;
}
.twothtxt {
  white-space: break-spaces !important;
}
.twothtxt.oneth {
  white-space: break-spaces !important;
  line-height: 20px !important;
}
.clickEvent-addbox {
  display: inline-flex;
  width: auto;
}
.clickEvent-addbox mat-icon {
  font-size: 20px;
  cursor: pointer;
}
.input-FielD {
  width: 190px;
  max-width: 190px;
}
.table-container table th.noBorder-HD1:nth-child(2) {
  border-left: 1px solid #e0e0e0;
}
.table-container table th.noBorder-HD1:nth-child(3) {
  z-index: 0 !important;
}
.table-container table th.noBorder-HD1:nth-child(4) {
  border-left: 1px solid #e0e0e0;
  z-index: 0 !important;
}
.table-container table th.noBorder-HD1:nth-child(5) {
  z-index: 0 !important;
}
.table-container table th.noBorder-HD1:nth-child(6) {
  border-left: 1px solid #e0e0e0;
}
.table-container table th.noBorder-HD1:nth-child(8) {
  border-left: 1px solid #e0e0e0;
}
.table-container table .noBorderHd-mtr-pd {
  border-left: 1px solid #e0e0e0;
}
.table-container table .noBorderHd-mtr-pd.text {
  text-align: center !important;
}
.table-container table th.noBorder-HD2:nth-child(2) {
  border-left: 1px solid #e0e0e0;
  z-index: 0 !important;
}
.table-container table th.noBorder-HD2:nth-child(3) {
  z-index: 0 !important;
}
.table-container table th.noBorder-HD2:first-child {
  z-index: 0 !important;
}
.toolbar .toolbarRight .filterMenu-Wpraper .filter {
  width: 80px;
}
.toolbar .toolbarRight .filterMenu-Wpraper .filteR {
  margin-bottom: -25px;
}
.offlineTable-title {
  font-weight: var(--rm-tableHeaderWeight);
  padding-bottom: 22px;
  color: var(--rm-fontColor);
  font-size: var(--rm-formsLableFontSize);
}
.noBorderHd-cbl-hvtest {
  border-left: 1px solid #e0e0e0;
}
.noBorderHd-cbl-hvtest.text {
  text-align: center !important;
}
.noBorderHD-cbl-hvtest:nth-child(2) {
  border-left: 1px solid #e0e0e0 !important;
  background: var(--rm-tableHeadingBgColor) !important;
}
.noBorderHD-cbl-hvtest:nth-child(1) {
  z-index: 0 !important;
}
.table-container table th.noBorderHD-cbl-hvtest:nth-child(3) {
  z-index: 0 !important;
}
.table-container table th.noBorderHD-cbl-hvtest:nth-child(4) {
  z-index: 0 !important;
}
.noBorderHd-cbl-ir {
  border-left: 1px solid #e0e0e0;
}
.noBorderHd-cbl-ir.text {
  text-align: center !important;
}
.noBorderHD-cbl-ir:nth-child(2) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-cbl-ir:nth-child(3) {
  z-index: 0 !important;
}
.noBorderHD-cbl-ir:nth-child(5) {
  z-index: 0 !important;
}
.noBorderHD-cbl-ir:nth-child(6) {
  z-index: 0 !important;
}
.noBorderHD-cbl-ir:nth-child(4) {
  border-left: 1px solid #e0e0e0 !important;
  z-index: 0 !important;
}
.noBorderHD-cbl-ir:nth-child(6) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHd-tx-nm {
  border-left: 1px solid #e0e0e0;
}
.noBorderHd-tx-nm.text {
  text-align: center !important;
}
.noBorderHD-tx-nm:nth-child(4) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHd-tx-nm {
  border-left: 1px solid #e0e0e0;
}
.noBorderHd-tx-nm.text {
  text-align: center !important;
}
.noBorderHD-tx-frsl:nth-child(2) {
  border-left: 1px solid #e0e0e0 !important;
  z-index: 0 !important;
}
.noBorderHD-tx-frsl:nth-child(3) {
  z-index: 0 !important;
}
.noBorderHD-tx-frsl:nth-child(4) {
  z-index: 0 !important;
}
.noBorderHD-tx-sc:nth-child(2) {
  border-left: 1px solid #e0e0e0 !important;
  z-index: 0 !important;
}
.noBorderHD-tx-sc:nth-child(3) {
  z-index: 0 !important;
}
.noBorderHD-tx-sc:nth-child(4) {
  z-index: 0 !important;
}
.noBorderHD-tx-sc:nth-child(5) {
  z-index: 0 !important;
}
.noBorderHD-tx-sc:nth-child(6) {
  z-index: 0 !important;
}
.noBorderHD-tx-sc:nth-child(7) {
  z-index: 0 !important;
}
.noBorderHD-tx-sc:nth-child(5) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-sc:nth-child(8) {
  border-left: 1px solid #e0e0e0 !important;
}
.dialog-report {
  text-transform: uppercase;
}
.noBorderHD-tx-ct:nth-child(3) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-mv-ais-pd:nth-child(5) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-tdc:nth-child(2) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-tdc:nth-child(6) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-pdca:nth-child(4) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-Contactor:nth-child(3) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-Contactor:nth-child(6) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-Contactor:nth-child(9) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-ContactoR:nth-child(3) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-ContactoR:nth-child(4) {
  border-left: 1px solid #e0e0e0 !important;
}
.noBorderHD-tx-ContactoR:nth-child(5) {
  border-left: 1px solid #e0e0e0 !important;
}
.cardFootleft {
  display: flex;
}
.cardFootleft .status-green {
  margin-left: 10px !important;
}
.status-green.cardInfoContainer,
.status-grey.cardInfoContainer {
  height: 21px;
  width: 11px;
}
.cardInfoWrapper .cardInfo {
  display: flex;
}
.cardInfoWrapper .cardInfo .status-green {
  margin-right: 10px;
}
.cardInfoWrapper .cardInfo .status-green.info {
  margin-right: 5px !important;
}
.cardInfoWrapper .cardInfo .status-green.smallinfo {
  margin-right: 3px !important;
}
.cardFootText {
  display: flex;
  justify-content: space-between;
}
.cardHeader-status {
  display: flex;
  justify-content: space-between;
}
.cardFooterempty {
  display: flex;
  justify-content: space-between;
}
.textLeft .itemContainer .tempValue {
  text-align: left;
}
.itemInfofoot {
  position: relative;
}
.itemInfofoot .cardFootitem {
  justify-content: center;
}
.itemInfofoot .cardFootitem .statusfoot {
  position: absolute;
  left: 0;
}
.cardInfoHome {
  display: flex;
  justify-content: space-between;
}
.bottomBtnRow .bottomBtns {
  margin: 15px 0 0 0;
  background: var(--rm-backgroundPopupColor);
}
.mat-card-actions {
  background: var(--rm-backgroundPopupColor);
}
.fileDownload-image {
  position: absolute;
  right: 50px;
  top: 15px;
  cursor: pointer;
  color: var(--rm-downlaodIconColor);
}
.report-container {
  font:
    1.2rem "roboto",
    "Arial",
    sans-serif;
  color: var(--rm-reportstrongTagdcolor);
}
.report-container .main-middleContainer {
  padding: 0px 20px 0px 20px;
  background-color: #fff;
}
.report-container .main-middleContainer .collapseBlock {
  break-inside: avoid;
  margin-bottom: 5px;
}
.report-container .main-middleContainer .reportCard {
  border: 1px solid #BCBCBC;
  border-radius: var(--rm-noBorderRadius);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.report-container .main-middleContainer .reportCard .reportCardDgaTrend {
  margin-bottom: 0 !important;
}
.report-container .main-middleContainer .reportCard.reportCardDgaTrend1 {
  break-inside: avoid;
  margin-bottom: 5px !important;
}
.report-container .main-middleContainer .reportCard .reportHeading {
  border-top-right-radius: var(--rm-noBorderRadius);
  border-top-left-radius: var(--rm-noBorderRadius);
  background-color: var(--rm-reportHeadingBackgroundcolor);
  padding: 0px 8px;
  color: #ffffff;
  font-weight: var(--rm-fontWeightBold);
  font-size: var(--rm-fontSizeDefault);
  font-family: var(--rm-fontFamily);
}
.report-container .main-middleContainer .reportCard .reportHeading h4,
.report-container .main-middleContainer .reportCard .reportHeading .h4 {
  margin: 0 !important;
  font-size: 1.4rem;
  font-weight: var(--rm-fontweightDefaultboldHeading);
  font-size: var(--rm-fontSizeXSmall);
  font-size: var(--rm-reportHeaderFontSizeDefault);
  font-family: var(--rm-fontFamily);
}
.report-container .main-middleContainer .reportCard .reportSubHeading {
  padding: 10px 20px;
}
.report-container .main-middleContainer .reportCard .reportSubHeading h4,
.report-container .main-middleContainer .reportCard .reportSubHeading .h4 {
  margin: 0;
}
.report-container .main-middleContainer .reportCard .reportToolbar {
  display: flex;
}
.report-container .main-middleContainer .reportCard .reportToolbar .chartIndexWrapper {
  margin-left: auto;
}
.report-container .main-middleContainer .reportCard .reportToolbar .chartIndexWrapper.chartIndexWrapperMulti {
  margin-left: 0 !important;
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub {
  padding: 5px 15px;
  align-items: center !important;
  background: #f2f8ff;
  border-bottom: 0.5px solid #BCBCBC;
  border-radius: 8px 8px 0 0;
  margin-bottom: 10px;
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub h4,
.report-container .main-middleContainer .reportCard .ReportToolbarSub .h4 {
  margin-bottom: 0 !important;
  font-size: var(--rm-reportfontDgaGases);
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .reportToolbarLimit {
  margin-left: auto;
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft {
  display: flex;
  align-items: center;
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft .statusBar {
  padding: 3px 10px;
  border-radius: 4px;
  color: #FFFFFF;
  margin-right: 10px;
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft .statusBar.red {
  background-color: var(--rm-reportshowmarkerAlarmcolor);
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft .statusBar.amber {
  background-color: var(--rm-reportshowmarkerWarningcolor);
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft .statusBar.green {
  background-color: var(--rm-reportshowmarkernormalcolor);
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft .statusBar h4,
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft .statusBar .h4 {
  margin-bottom: 0 !important;
  font-size: 1.2rem;
  line-height: 1.5;
}
.report-container .main-middleContainer .reportCard .ReportToolbarSub .toolbarLeft .statusBarDate {
  font-size: 1.2rem;
  line-height: 1.5;
}
.report-container .main-middleContainer .reportCard .reportSubHeaderBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px;
  margin-bottom: 10px;
}
.report-container .main-middleContainer .reportCard .reportToolbarLimitChild {
  display: flex !important;
}
.report-container .main-middleContainer .reportCard .reportToolbarLimitChild p {
  margin: 5px !important;
}
.report-container .main-middleContainer .reportCard .reportContent {
  flex: 1;
}
.report-container .main-middleContainer .reportCard .reportContent .faultchartWrapper {
  flex: initial !important;
  margin-bottom: 30px !important;
}
.report-container .main-middleContainer .reportCard .reportContent .faultchartWrapper .chartBox {
  width: 50% !important;
  min-width: 50% !important;
}
.report-container .main-middleContainer .reportCard .reportContent .faultchartWrapper .chartTable {
  width: 100% !important;
}
.report-container .main-middleContainer .reportCard .reportContent .chartDownWrapper .chartdescriptionData {
  width: 100%;
  padding: 0;
}
.report-container .main-middleContainer .reportCard .reportContent .chartDownWrapper .chartdescriptionData h2,
.report-container .main-middleContainer .reportCard .reportContent .chartDownWrapper .chartdescriptionData .h2 {
  font-size: var(--rm-fontSizeDefault);
  font-family: var(--rm-fontFamily);
}
.report-container .main-middleContainer .reportCard .reportContent .chartDownWrapper .chartdescriptionData .faultHeader {
  font-size: var(--rm-reportFontSize) !important;
  font-family: var(--rm-fontFamily);
}
.report-container .main-middleContainer .reportCard .reportContent .chartDownWrapper .chartdescriptionData .faultData strong {
  font-size: var(--rm-reportFontSize);
  font-family: var(--rm-fontFamily);
  color: var(--rm-Reportdefautfontcolor);
}
.report-container .main-middleContainer .reportCard .reportContent .chartDownWrapper .chartdescriptionData .faultData .mat-subheader {
  font-size: var(--rm-reportFontSize) !important;
  font-family: var(--rm-fontFamily);
  color: var(--rm-Reportdefautfontcolor);
}
.report-container .main-middleContainer .reportCard .ratioData {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
}
.report-container .main-middleContainer .reportCard .ratioData strong {
  margin-right: 10px;
}
.report-container .main-middleContainer .reportCard .reportChart {
  margin: 0;
}
.report-container .main-middleContainer .reportCard .cardsRow {
}
.report-container .main-middleContainer .reportCard .cardsRow .reportChartValue {
  display: flex;
  justify-content: center;
  color: #6D6E70;
  padding: 10px 10px 3px !important;
}
.report-container .main-middleContainer .reportCard .cardsRow .reportChartValue .dataleft {
  margin-right: 10px;
}
.report-container .main-middleContainer .reportCard .cardsRow .reportLegends {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  display: inline-block;
  margin-right: 5px;
}
.report-container .main-middleContainer .reportCard .cardsRow .reportLegends.red {
  background-color: var(--rm-reportshowmarkerAlarmcolor);
}
.report-container .main-middleContainer .reportCard .cardsRow .reportLegends.amber {
  background-color: var(--rm-reportshowmarkerWarningcolor);
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground {
  padding: 2px 10px 2px;
  font-size: var(--rm-reportFontSize);
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .itemContainer {
  margin: 0;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .reportItemContainer {
  margin: 0 10px !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer {
  margin: 0 3px !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .reportCardDgaTrend {
  border: none !important;
  margin-bottom: 5px !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .reportCardDgaTrend .ReportToolbarSub {
  margin-bottom: 0px !important;
  background: none !important;
  border: none !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .reportCardDgaTrend .ReportToolbarSub .reportToolbarLimit .reportLegends {
  display: none;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .reportCardDgaTrend .ReportToolbarSub .reportToolbarLimit .textRed {
  color: var(--rm-reportshowmarkerAlarmcolor);
  font-size: 10px;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .reportCardDgaTrend .ReportToolbarSub .reportToolbarLimit .textAmber {
  color: var(--rm-reportshowmarkerWarningcolor);
  font-size: 10px;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .reportCardDgaTrend .chartWrapperContainer .chartWrapper .chartWrapperEchart {
  height: 170px !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .report-table table {
  border: 1px solid #e0e0e0 !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .report-table table tr {
  height: 18.2px !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .noCards .itemContainerLayer3 .reportItemContainer .report-table table th {
  background: #fff !important;
  color: #000 !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .ReportDgaNew .dgaNocard .itemContainerLayer3 .itemContainer .reportCardDgaTrend {
  display: none;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .trendofHealth .reportCard {
  border: none !important;
}
.report-container .main-middleContainer .reportCard .cardsRow.noBackground .neiTrend .reportCard {
  border: none !important;
}
.report-container .main-middleContainer .reportCard .cardsRow .spiderWidget .reportspider .itemContainerLayer3 .itemContainer .reportToolbar .chartIndexWrapper {
  display: none;
}
.report-container .main-middleContainer .reportCard .textWidgetContainer .containerBox {
  height: auto;
  background: #F1F1F2;
  border: 1px solid #231F20;
  margin-bottom: 0 !important;
}
.report-container .main-middleContainer .reportCard .textWidgetContainer .tblcontainerBox {
  background: none !important;
  border: none !important;
  padding: 3px 3px !important;
}
.report-container .main-middleContainer .reportCard .textWidgetContainer .tblcontainerBox .textWidgetList span {
  font-weight: bold;
}
.report-container .main-middleContainer .reportCard .textWidgetContainer.noBGRecom .containerBox {
  border: none;
  background: transparent;
}
.report-container .main-middleContainer .reportCard .textWidgetContainer .containerHeaderBox .containerHeader {
  margin-bottom: 10px;
}
.report-container .main-middleContainer .reportCard .textWidgetContainer .containerHeaderBox p {
  margin: 0 0 10px;
}
.report-container .main-middleContainer .reportCard .textWidgetContainer .containerHeaderBox p:last-child {
  margin: 0;
}
.report-container .main-middleContainer .reportCard .reportduvalHeader {
  font-weight: bold;
  font-size: var(--rm-reportfontAnalysis);
  margin: 5px 0;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout {
  padding: 0px 5px;
  height: 97.5%;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalTChart {
  min-width: 50% !important;
  width: 50%;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalTChart .js-plotly-plot .plot-container .svg-container .main-svg {
  background: transparent !important;
  top: 15px;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalPChart {
  min-width: 50% !important;
  width: 50%;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalPChart .js-plotly-plot .plot-container .svg-container .main-svg {
  background: transparent !important;
  top: 15px;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalAnalysis-detail {
  width: 50%;
  margin-bottom: 0px;
  height: 97%;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalAnalysis-detail.reportPentagon {
  width: 50%;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalAnalysis-detail .detailBlock {
  margin-bottom: 0px !important;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalAnalysis-detail .detailBlock .table-container table .threeColTable {
  width: auto;
}
.report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalAnalysis-detail .detailBlock .textWidget_Container {
  border: 2px solid #000000;
  padding: 10px;
  margin-bottom: 10px;
}
.report-container .main-middleContainer .reportCard .report-table tfoot {
  display: none !important;
  bottom: 0 !important;
  height: 0 !important;
}
.report-container .main-middleContainer .reportCard .report-table table .dateColumn {
  width: 140px;
}
.report-container .main-middleContainer .reportCard .report-table table .datesubColumn:first-child {
  width: 70px !important;
}
.report-container .main-middleContainer .reportCard .report-table table .tanalytic-dga {
  word-wrap: break-word;
  width: 130px !important;
}
.report-container .main-middleContainer .reportCard .reporGraphtListWrapper {
  padding: 0;
}
.report-container .main-middleContainer .reportCard .reporGraphtListWrapper .graphList {
  margin: 0;
}
.report-container .main-middleContainer .reportCard .reporGraphtListWrapper .graphItem {
  background-color: transparent;
  border: none;
  margin: 0;
  width: 100%;
}
.report-container .main-middleContainer .reportCard .reporGraphtListWrapper .graphItem .header {
  align-items: center;
  padding: 0 10px 10px;
}
.report-container .main-middleContainer .reportCard .reporGraphtListWrapper .graphItem .header .pd-title {
  margin: 0;
  font-size: 1.4rem;
}
.report-container .main-middleContainer .reportCard .reporGraphtListWrapper .graphItem .header .pd-data {
  font-size: 1.4rem;
}
.report-container .main-middleContainer .logo-section {
  border-top: 2px solid #0070d2 !important;
}
.report-container .main-middleContainer .logo-section .logo-container img {
  height: var(--rm-reportImageLogo) !important;
}
.report-container .main-middleContainer .grid-container-element {
  border: 1px solid #d3d3d3;
  border-radius: var(--rm-noBorderRadius);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.report-container .main-middleContainer .grid-container-element :last-child {
  border-right: none !important;
}
.report-container .main-middleContainer .grid-container-element .grid-child-element {
  border-right: 1px solid #d3d3d3;
  text-align: left;
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .logo-container {
  display: flex;
  justify-content: center;
  padding: 10px;
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .userProfile {
  padding: 10px 0px;
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .reportHeading {
  border-radius: var(--rm-noBorderRadius);
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .reportHeading.reportHeadingRight {
  border-radius: var(--rm-noBorderRadius);
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .report-table {
  display: flex;
  flex-direction: inherit;
  margin: 10px 5px;
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .report-table strong {
  margin-right: 2px;
  font-size: var(--rm-reportFontSize);
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .report-table .report-table-child {
  font-size: var(--rm-reportFontSize) !important;
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .report-table .report-table-child1 {
  flex: 1;
  font-size: var(--rm-reportFontSize) !important;
  font-weight: var(--rm-fontweightRegularcontent);
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .report-table .wrapText {
  white-space: nowrap;
}
.report-container .main-middleContainer .grid-container-element .grid-child-element .report-table .preText {
  overflow-wrap: anywhere;
}
.report-container .main-middleContainer .report-title {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-color: #0070d2;
  padding: 0px 8px;
  color: #ffffff;
  font-weight: var(--rm-fontweightDefaultboldHeading);
  font-size: 14px;
}
.report-container .main-middleContainer .plr {
  padding: 5px 10px;
}
.report-container .main-middleContainer .fw-700 {
  font-weight: var(--rm-fontweightDefaultboldHeading);
}
.report-container .main-middleContainer .fs-10 {
  font-size: 10px;
}
.report-container .main-middleContainer .fs-7 {
  font-size: 8px;
}
.report-container .main-middleContainer .fw-600 {
  font-weight: 600;
}
.report-container .main-middleContainer .box-ui {
  margin: 0px 0px;
  border: 1px solid #d3d3d3;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.report-container .main-middleContainer .tableWidthHealth .report-table {
  width: 70%;
  height: 10px;
}
.report-container .main-middleContainer .tableWidthHealth .report-table table {
  border-collapse: collapse;
  border: 1px solid #E7E6E6 !important;
}
.report-container .main-middleContainer .tableWidthHealth .report-table table tr:nth-child(even) {
  background-color: #ffffff !important;
}
.report-container .main-middleContainer .tableWidthCritical .report-table {
  width: 80%;
  height: 10px;
}
.report-container .main-middleContainer .tableWidthCritical .report-table table {
  border-collapse: collapse;
  border: 1px solid #E7E6E6 !important;
}
.report-container .main-middleContainer .tableWidthCritical .report-table table tr:nth-child(even) {
  background-color: #ffffff !important;
}
.report-container .main-middleContainer .tableWidthRisk .report-table {
  width: 80%;
  height: 10px;
}
.report-container .main-middleContainer .tableWidthRisk .report-table table {
  border-collapse: collapse;
  border: 1px solid #E7E6E6 !important;
}
.report-container .main-middleContainer .tableWidthRisk .report-table table tr:nth-child(even) {
  background-color: #ffffff !important;
}
.report-container .main-middleContainer .noreportCard {
  border: none;
}
.report-container .main-middleContainer .noreportCard .noreportHeading {
  display: none;
}
.report-container .main-middleContainer .noreportCard .cardsRow {
  padding: 3px 0 3px 0 !important;
}
.report-container .main-middleContainer .noreportCard .itemContainer {
  margin: 0;
}
.nodataMsgTable .mat-cell {
  color: var(--rm-reportshowmarkerAlarmcolor);
  font-weight: var(--rm-fontweightDefaultboldHeading);
  text-align: center !important;
  font-size: var(--rm-fontSizeSmall);
}
.chartIndexWrapper {
  display: flex;
  padding: 10px;
  float: right;
  margin-top: 0 !important;
}
.report-child-heading {
  background: #0070d2;
  font-size: 1.8rem !important;
  line-height: 21px;
  font-weight: bold !important;
  margin-bottom: 0;
  padding: 15px !important;
  color: #fff;
  white-space: nowrap;
}
.eepm-title {
  text-align: center;
  font-size: 30px !important;
  font-weight: bold !important;
  color: #0070d2;
}
.user-profile-child {
  padding: 5px;
}
.statusCard h2,
.statusCard .h2 {
  font-size: 15px;
  font-weight: var(--rm-fontWeightBold);
  font-family: var(--rm-fontFamily);
  margin: 10px 0;
}
.statusCardChild {
  background: #f1f1f2;
  border: 2px solid #231f20;
  border-radius: var(--rm-noBorderRadius);
  padding: 10px;
}
.itemInfo {
  text-align: center !important;
}
.mainReportContainer {
  page-break-after: auto;
  width: 100%;
}
.pageBreakAvoid {
  break-inside: avoid;
}
.pageBreakAuto {
  break-inside: auto;
}
.normal-table {
  border-bottom: solid 1px rgba(0, 0, 0, 0.12) !important;
}
.reportspider .canvasMaxWidth {
  max-width: 220px;
}
.reportCard .report-table .report-table-th {
  width: 50px;
}
.reportCard .report-table table {
  table-layout: fixed;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.reportCard .report-table table tr.mat-header-row {
  background-color: #0070d2;
  height: 25px;
}
.reportCard .report-table table tr.mat-header-row th.mat-header-cell {
  color: var(--rm-tableHeaderFontColorReport);
  background-color: var(--rm-tableCellBackgroundColorReport);
  word-wrap: break-word !important;
  border-left: 1px solid #efefef;
  white-space: normal !important;
  padding: 0 5px !important;
  top: 0 !important;
}
.reportCard .report-table table tr.mat-header-row th.mat-header-cell:first-child {
  border-left: none !important;
}
.reportCard .report-table table tr.mat-row {
  height: 25px;
}
.reportCard .report-table table tr.mat-row td.mat-cell {
  color: var(--rm-tableHeaderFontColorReport);
  background-color: var(--rm-tableCellBackgroundColorReport);
  border-top: none !important;
  padding: 0 5px !important;
  border-left: 1px solid #efefef !important;
  word-wrap: break-word !important;
  white-space: normal !important;
}
.reportCard .report-table table tr.mat-row td.mat-cell:first-child {
  border-left: none !important;
}
.reportCard .report-table table tr.mat-row:nth-child(odd) td.mat-cell {
  background-color: var(--rm-tableRowOddBackgroundColorReport) !important;
}
.duvalpcharttable table {
  table-layout: auto !important;
}
.duvalpcharttable table th:first-child {
  width: 50px !important;
}
.report-container .main-middleContainer .collapseBlock:last-child .reportCard {
  margin-bottom: 0;
  page-break-after: avoid;
}
.cable-img {
  display: flex;
  justify-content: center;
}
.cable-img img {
  width: 30%;
}
.data-log {
  padding-bottom: 10px;
  font-weight: bolder;
  font-size: 1.2rem;
}
.reportPiechart .chartWrapperContainer {
  margin: 0;
}
.reportPiechart .chartData {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
  color: #6D6E70;
}
.reportPiechart .legendBlock .legendRow {
  margin: 0 0 15px 0;
}
.reportPiechart .legendBlock .legendRow .legend {
  height: 10px;
  width: 10px;
}
.reportPiechart .legendBlock .legendRow .legendHeader {
  font-size: 1.4rem;
  color: #6D6E70;
}
.mtAbsoluteRelative {
  margin: 0 3px !important;
}
.chartAbAndRel .reportCard {
  border: 1px solid #BCBCBC;
  border-radius: 8px 8px 0 0;
}
.reportspider-tce .itemContainerLayer3 .itemContainer .reportToolbar .chartIndexWrapper {
  display: none;
}
.multi-report .reportCard {
  border: none !important;
}
.multi-report .reportCard .reportHeading {
  display: none !important;
}
.multi-report .reportCard .cardsRow {
  padding: 0 !important;
}
.multi-report .reportCard .cardsRow .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table .mat-header-row {
  text-align: left;
}
.multi-report .reportCard .cardsRow .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table .mat-header-row .mat-header-cell {
  text-align: left;
}
.multi-report .reportCard .cardsRow .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table .mat-header-row .datesubColumn {
  width: 90px;
}
.multi-asset-oil .datesubColumn:nth-child(2) {
  width: 130px;
}
.loadingMessage {
  text-align: center !important;
  font-weight: var(--rm-fontweightDefaultboldHeading);
  color: var(--rm-reportshowmarkerAlarmcolor);
  font-size: var(--rm-reportMessageFontSize);
  padding-bottom: 5px;
}
.reportgraphListWrapper .graphList .graphItem {
  background-color: transparent;
  border: none;
}
.reportgraphListWrapper .graphList .graphItem .header {
  padding: 0;
}
.reportgraphListWrapper .graphList .graphItem .header .pd-title {
  font-size: 1.4rem;
  margin: 0 0 10px;
  line-height: 1.2;
}
.reportgraphListWrapper .graphList .graphItem .imageSizeClass {
  height: 300px;
}
.reportgraphListWrapper .graphList .graphItem .noImgMsg h3,
.reportgraphListWrapper .graphList .graphItem .noImgMsg .h3 {
  margin: 0;
  font-size: 1.4rem;
}
.reportgraphListWrapper .graphList .graphItem.reportGraphRight {
  width: calc(45% - 15px);
  margin: 0 auto;
}
.reportgraphListWrapper .graphList .graphItem.reportGraphRight .reportduvalHeader {
  font-size: 1.4rem;
  margin: 0 0 10px;
}
.reportgraphListWrapper .graphList .graphItem.reportGraphRight .report-table {
  margin-bottom: 10px;
}
.pdRightBtnWrapper {
  display: flex;
  flex-direction: column;
}
.pdRightBtnWrapper .pdRightBtn {
  margin: 7px;
}
.pdRightBtnWrapper .pdRightBtn .levelBtn {
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.4rem;
  text-transform: uppercase;
  width: auto;
  height: auto;
}
.logoSection .itemContainerLayer2 .itemContainerLayer3 .itemContainer .logo-section {
  display: block !important;
  border: none !important;
}
.logoSection .itemContainerLayer2 .itemContainerLayer3 .itemContainer .logo-section .grid-child-element-logo {
  display: none;
}
.logoSection .itemContainerLayer2 .itemContainerLayer3 .grid-child-element .userProfile {
  display: flex;
  justify-content: space-between;
}
.logoSection .itemContainerLayer2 .itemContainerLayer3 .grid-child-element .userProfile .report-table {
  display: inline-flex;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper {
  margin-bottom: 0px !important;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .chartContainer .chartBox {
  width: 32% !important;
  min-width: 32% !important;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .chartContainer .chartBox .chartWrapper {
  margin-top: -22px !important;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .chartContainer .chartBox .chartWrapper .chartWrapperContainer .chartWrapper {
  height: 265px !important;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .dgaTable {
  width: 68% !important;
  min-width: 68% !important;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .dgaTable .chartTable {
  width: 400px !important;
  padding-top: 0px !important;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .dgaTable .chartTable .table-container table tr {
  height: 20px !important;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .dgaTable .chartTable .table-container table .cdk-header-row th:nth-child(4) {
  display: none;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper .dgaTable .chartTable .table-container table .cdk-row td:nth-child(4) {
  display: none;
}
.dgaAnalyticsSummary .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper {
  display: none;
}
.reportlogoSection {
  margin-bottom: 0px !important;
  border-top: 1px solid #0070d2;
}
.cardsRow .logoSection .itemContainerLayer2 .itemContainerLayer3 .itemContainer .logo-section .grid-child-element .userProfile {
  padding: 0px !important;
}
.notRequiredDiv .report-table-type {
  display: none !important;
}
.DuvalAnalysis .detailBlock {
  display: none !important;
}
.DuvalAnalysis .DuvalAnalysisChild {
  flex-wrap: wrap !important;
  flex-direction: row !important;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2:has(.js-plotly-plot) {
  display: block;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2:not(:has(.js-plotly-plot)) {
  display: none;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2:not(:has(.js-plotly-plot)).Legends {
  display: block !important;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2 {
  width: 33.33%;
  flex: 0 0 auto !important;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2.Legends {
  width: 100% !important;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2 .itemContainerLayer3 .itemContainer .mat-card-content .reportduvalHeader .customTitleBg {
  padding: 5px;
  border-radius: 2px;
  font-size: 8px;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2 .itemContainerLayer3 .itemContainer .mat-card-content .duvalAnalysis-layout {
  width: 230px !important;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2 .itemContainerLayer3 .itemContainer .mat-card-content .duvalAnalysis-layout .duvalTChart {
  min-width: 210px !important;
  margin-top: -100px !important;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2 .itemContainerLayer3 .itemContainer .mat-card-content .duvalAnalysis-layout .duvalPChart {
  min-width: 240px !important;
  margin-top: -50px !important;
}
.DuvalAnalysis .DuvalAnalysisChild .itemContainerLayer2 .itemContainerLayer3 .itemContainer .mat-card-content .duvalAnalysis-layout .moreDGAChart .doernenburg .plot-container .svg-container {
  margin-left: -70px !important;
  margin-top: 10px !important;
  height: 270px !important;
}
.DuvalAnalysis .reportCard .Legends {
  border-top: 1px solid #bcbcbc;
  padding: 5px 10px 5px !important;
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .faultchartWrapper {
  display: none !important;
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData h2,
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .h2 {
  display: none;
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData h3::after,
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .h3::after {
  content: "Data Spectrum";
  color: #6d6e70;
  font-size: 12px;
  float: right !important;
  margin-top: 3px !important;
  padding-right: 20px !important;
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .gradient-bar {
  background:
    linear-gradient(
      to left,
      red,
      yellow);
  width: 15% !important;
  height: 18px !important;
  display: flex;
  float: right !important;
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .gradient-bar::before {
  content: "Oldest";
  position: relative !important;
  top: 100% !important;
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .gradient-bar::after {
  content: "Newest";
  position: relative !important;
  top: 100% !important;
  left: 30px;
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .faultHeader {
  font-size: var(--rm-fontSizeXSmall) !important;
  font-family: var(--rm-fontFamily);
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content .faultData strong {
  font-size: var(--rm-fontSizeXSmall) !important;
  font-family: var(--rm-fontFamily);
}
.DuvalAnalysis .reportCard .Legends .itemContainerLayer3 .itemContainer .reportContent .chartDownWrapper .chartdescriptionData .descriptionContainer .faultListData .mat-list-item .mat-list-item-content .faultData .mat-subheader {
  font-size: var(--rm-fontSizeXSmall) !important;
  font-family: var(--rm-fontFamily) !important;
}
.DuvalAnalysis .report-container .main-middleContainer .reportCard .duvalAnalysis-layout .duvalTChart {
  min-width: 225px !important;
}
.oldDGA .olddgatime {
  display: none !important;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer {
  height: 160px;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .healthGaugeWrapper {
  margin-top: -5px !important;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .canvasMaxWidth .itemInfo {
  top: 75%;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .canvasMaxWidth .reportToolbar {
  top: -48px;
  position: relative;
  margin-right: -35px !important;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .canvasMaxWidth .reportToolbar .indexWraper .indexSummaryWrapper .indexSummary span {
  width: 20px !important;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .canvasMaxWidth .reportToolbar .indexWraper .indexSummaryWrapper .indexSummary span::after {
  top: -1px !important;
  font-size: 10px !important;
  right: 10px !important;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .itemContainer .canvasMaxWidth .resizeCanvas {
  height: 172px !important;
  top: -6px;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .alignLeftTop .textWidgetContainer .containerBox span {
  font-size: 10.5px;
}
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .alignLeftTop .textWidgetContainer h4,
.oilHealthSection .reportCard .cardsRow .itemContainerLayer1 .itemContainerLayer2 .itemContainerLayer3 .alignLeftTop .textWidgetContainer .h4 {
  font-size: 10px;
  margin: 0 0 2px 0px;
}
.neifullwidth .reportCard .cardsRow {
  display: block !important;
}
.neifullwidth .reportCard .cardsRow .itemContainer {
  background-color: transparent !important;
  border: none !important;
}
.neifullwidth .reportCard .reportHeading {
  margin: 0px !important;
  height: 25px !important;
}
.noBorderTrends .reportCard {
  border: none !important;
}
.SysRC .reportCard .cardsRow .textWidgetContainer h4,
.SysRC .reportCard .cardsRow .textWidgetContainer .h4 {
  display: none !important;
}
.SysRC .reportCard .cardsRow .textWidgetContainer .imgContainerBox span {
  font-size: 12px !important;
}
.insulationBlock .reportCard .cardsRow .insulationBlockPi .itemContainerLayer3 .itemContainer .insulation-table {
  max-height: 133px !important;
}
.insulationBlock .reportCard .cardsRow .turnRatiotable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .label1 {
  margin-top: 8px !important;
}
.insulationBlock .reportCard .cardsRow .turnRatiotable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .label2 {
  margin-top: 5px !important;
}
.insulationBlock .reportCard .cardsRow .turnRatiotable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .tableHeader {
  padding-top: 3px !important;
  padding-bottom: 2px !important;
}
.insulationBlock .reportCard .cardsRow .turnRatiotable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .table-container table {
  table-layout: fixed !important;
}
.insulationBlock .reportCard .cardsRow .turnRatiotable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .table-container table tr.mat-header-row th.mat-header-cell:first-child {
  width: 50px !important;
}
.insulationBlock .reportCard .cardsRow .turnRatiotable .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .table-container table tr.mat-header-row th.mat-header-cell:nth-child(2) {
  width: 70px !important;
}
.insulationBlock .reportCard .cardsRow .WindingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .report-table table .cdk-row .cdk-cell .tdDiv {
  height: 30px !important;
}
.insulationBlock .reportCard .cardsRow .excitationCurrent .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .table-container table tr.mat-header-row th.mat-header-cell:first-child {
  width: 150px !important;
}
.insulationBlock .reportCard .cardsRow .excitationCurrent .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .table-container table tr.mat-header-row th.mat-header-cell:nth-child(2) {
  width: auto !important;
}
.insulationBlock .reportCard .cardsRow .excitationCurrent .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .table-container table tr.mat-header-row th.mat-header-cell:last-child {
  width: auto !important;
}
.insulationBlock {
  break-inside: avoid;
}
.insulationBlock .reportCard .cardsRow .insulationBlockPi .itemContainerLayer3 .itemContainer .insulation-table {
  max-height: 133px !important;
}
.insulationBlock .reportCard .cardsRow .excitationCurrent .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .table-container table {
  table-layout: auto !important;
}
.insulationBlock .reportCard .cardsRow .WindingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .insulation-table .report-table table .cdk-row .cdk-cell .tdDiv {
  height: 30px !important;
}
.insulationBlock .reportCard .cardsRow .windingBlock .itemContainerLayer3 .itemContainer .rpttype {
  font-size: 11px !important;
}
.insulationBlock .reportCard .cardsRow .windingBlock .itemContainerLayer3 .itemContainer .required-asterisk {
  margin-right: 2px;
}
.insulationBlock .report-table {
  margin-top: 10px;
  height: auto !important;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper {
  page-break-inside: avoid;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table {
  page-break-inside: avoid;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table table tr {
  height: 21px !important;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table table tr:empty {
  visibility: collapse;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table table td {
  padding: 0 !important;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table table .sub-column:nth-child(odd) {
  background-color: #ffffff;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table table .sub-column:nth-child(even) {
  background-color: #f2f8ff;
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table table .sub-column:nth-child(1) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.insulationBlock .wdTandc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .table-containerWrapper .report-table table .sub-column:nth-child(2) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.insulationBlock .mgb .itemContainerLayer2 .itemContainerLayer3 .itemContainer .label2 {
  margin-top: 30px;
}
.insulationBlock .mgb .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table thead {
  display: table-header-group;
  break-inside: avoid;
}
.insulationBlock .mgb .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table tr {
  height: 21px !important;
  page-break-inside: avoid;
}
.insulationBlock .mgb .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table tr:empty {
  visibility: collapse;
}
.insulationBlock .mgb .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table th {
  height: 21px !important;
}
.insulationBlock .mgb .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table td {
  padding: 0 !important;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table td {
  padding: 0 !important;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .sub-childcolumn:nth-child(odd) {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 1px;
  padding-left: 5px;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .sub-childcolumn:nth-child(even) {
  background-color: #f2f8ff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 1px;
  padding-left: 5px;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .sub-column:nth-child(4) .sub-childcolumn:nth-child(4) {
  border-bottom: 1px solid transparent;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-phase .sub-childcolumn:nth-child(odd) {
  background-color: transparent;
  border-bottom: 1px solid transparent;
  padding-bottom: 0px;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-phase .sub-childcolumn:nth-child(even) {
  background-color: transparent;
  border-bottom: 1px solid transparent;
  padding-bottom: 0px;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-phase .sub-column:nth-child(odd) {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 1px;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-phase .sub-column:nth-child(even) {
  background-color: #f2f8ff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 1px;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-phase .sub-column:nth-child(4) {
  border-bottom: 1px solid transparent;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-TestMode .sub-childcolumn:nth-child(-n+3) {
  background-color: #ffffff !important;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-TestMode .sub-childcolumn:nth-child(2) {
  border-bottom: 1px solid transparent;
}
.insulationBlock.bushingTdc .itemContainerLayer2 .itemContainerLayer3 .itemContainer .report-table table .mat-column-TestMode .sub-childcolumn:nth-child(1) {
  border-bottom: 1px solid transparent;
}
.sub-column-child {
  margin-left: 5px;
}
.tdsubcolumnDiv {
  margin-left: 5px;
  font-size: 11px !important;
}
.excitationCurrentTH {
  font-size: 12px !important;
}
.report-container .InfocardContainers i {
  display: none;
}
.OilHealthIndexWidget .topHeading {
  display: flex;
  justify-content: center;
}
.OilHealthIndexWidget .topHeading .statusBtn {
  border-radius: var(--rm-noBorderRadius) !important;
}
.OilHealthIndexWidget .topHeading .statusBtn.redColor {
  background-color: var(--rm-unsafeColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.amberColor {
  background-color: var(--rm-poorColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.lightamberColor {
  background-color: var(--rm-fairColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.yellowColor {
  background-color: var(--rm-goodColor);
}
.OilHealthIndexWidget .topHeading .statusBtn.greenColor {
  background-color: var(--rm-verygoodColor);
}
.alarmCountContainer {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  margin: 10px;
  padding: 20px;
}
.alarmCountContainer .cardHeader {
  font-size: 10px;
  line-height: 1;
  font-weight: bold;
  color: #000000;
}
.alarmCountContainer .cardConmtainer {
  display: flex;
  flex: 1;
}
.alarmCountContainer .cardConmtainer .colorBar {
  min-width: 52px;
  max-width: 100%;
  font-size: 16px;
  line-height: 1;
  padding: 5px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
}
.alarmCountContainer .cardConmtainer .colorBar.alarmColor {
  background-color: var(--rm-reportshowmarkerAlarmcolor);
}
.alarmCountContainer .cardConmtainer .colorBar.warnColor {
  background-color: var(--rm-reportshowmarkerWarningcolor);
}
.alarmCountContainer .cardConmtainer .colorBar.normalColor {
  background-color: var(--rm-reportshowmarkernormalcolor);
}
.fixedDownloadButton {
  position: fixed;
  top: 3%;
  right: 2%;
  width: 50px;
  height: 50px;
  background-color: var(--rm-reportHeadingBackgroundcolor);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.fixedDownloadButton img {
  width: 24px;
  height: 24px;
}
.fixedDownloadButton button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
}
.fixedDownloadButton button:hover:enabled {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.fixedDownloadButton button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
  transform: none;
}
.pdf-loader {
  position: fixed;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 112, 210, 0.95);
  padding: 12px 24px;
  border-radius: var(--rm-reportboxLoaderraduis);
  color: white;
  font-size: 14px;
  font-weight: 500;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 10px;
}
.pdf-loader .bar {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.pdf-loader p {
  margin: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
::ng-deep .pieChartReport .pieChart .dgaTable .chartTable .mat-cell {
  font-size: 13px !important;
  padding: 4px !important;
}
@media print {
  .windingSection .insideTable {
    display: block !important;
  }
  .windingSection .table-containerWrapper.insulation-table {
    display: block !important;
    break-inside: avoid-page !important;
    page-break-inside: avoid !important;
    margin-bottom: 12px;
  }
  .windingSection + .windingSection {
    break-before: page !important;
    page-break-before: always !important;
  }
}
.MonitorNav {
  font-size: 1.4rem;
}
.MonitorNav .trns_tab {
  height: auto !important;
  border: solid 1px #0070d2;
  border-radius: 4px;
  overflow: hidden;
  width: auto !important;
}
.MonitorNav .trns_tab label {
  padding: 2px 20px;
  font-size: 1.4rem;
  border: 0 none;
  border-radius: 2px;
}
.MonitorNav .trns_tab label .badge {
  border-radius: 10px;
}
.ng-star-inserted label.btn {
  font-size: 1.4rem;
}
.mat-list .mat-subheading-1 {
  margin-bottom: 10px !important;
  font-weight: bold !important;
}
.mat-list .mat-list-item {
  height: auto !important;
  padding: 4px 0;
}
.mat-list .mat-list-item .mat-list-icon {
  padding: 0 !important;
  margin-top: 4px;
}
.mat-list .mat-list-item .strng_data {
  font-size: 1.4rem;
}
.mat-list .mat-list-item .mat-subheader {
  height: auto !important;
  padding: 0 0 0 6px;
}
app-duvaltriangle label,
app-duval-pentagon label {
  font-size: 1.4rem !important;
}
.mat-slider-horizontal {
  width: calc(100% - 100px) !important;
  height: auto !important;
  margin-left: 10px;
  margin-right: 10px;
}
.mat-slider-wrapper {
  top: auto !important;
}
button[title=Acknowledge] {
  background-color: transparent;
  border: 0 none;
}
button[title=Acknowledge] .mat-icon {
  display: block;
}
.table-container1 {
  max-height: initial !important;
  padding-bottom: 20px;
}
.chart-container .statusBtn {
  margin: 8px auto 0;
}
.fourCol-row app-gauge {
  display: flex !important;
}
.fourCol-row .chart-container {
  width: 70px !important;
}
.fourCol-row .chart-container .gauge-chart {
  height: 70px !important;
}
.fourCol-row .chart-container .gauge-chart > div {
  height: 70px !important;
  overflow: hidden !important;
}
.fourCol-row .guageBlock {
  font-weight: bold;
  display: block;
  text-align: center;
}
.fourCol-row ul.odometer {
  padding: 0 !important;
}
.duvalAnalysisHeader {
  position: relative;
}
.duvalAnalysisHeader:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgb(185, 185, 185);
  top: 40px;
  left: 0;
}
.duvalAnalysis-layout .duvalAnalysis-view {
  overflow: hidden;
}
.cards-Gridview .cardsItemWrapper {
  border-radius: 10px;
  border-color: #0070d2;
}
.g-gtitle .gtitle {
  font-family: "Roboto" !important;
  font-size: 18px !important;
}
.formpage_container.fullWidth-Overlay {
  width: 100% !important;
}
.main-container {
  z-index: 1;
}
.btn-addWrapper {
  height: auto;
}
.handCursor {
  cursor: pointer !important;
}
.indeterminate_check_box {
  height: 18px;
  width: 18px;
  display: inline-flex;
  margin-top: 4px;
  margin-left: 0px;
}
.close-icon-white {
  cursor: pointer;
}
.close_btn_rm_tag_trends {
  cursor: pointer;
  right: 0;
  margin: 3px 6px 4px 6px;
  width: 14px;
  position: absolute;
  filter: var(--rm-pngIconColor);
}
.rond_crcl1 {
  width: 10px;
  height: 10px;
  border-radius: 2%;
  background-color: currentColor;
  display: inline-block;
}
.close-icon-black {
  margin-top: 12px;
  cursor: pointer;
}
.close-summary-namplate {
  position: absolute;
  right: 15px;
  top: 15px;
  margin-right: -16px;
  cursor: pointer;
  width: 40px;
  filter: var(--rm-DgaCardtrendIconColor);
}
.close_btn_oil_test {
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px;
}
.add-box-icon {
  margin-right: 5px;
  filter: var(--rm-pngIconColor);
  width: 20px;
  height: 20px;
}
.realtime-remove-tag {
  width: 20px;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/roboto/Roboto-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url(/assets/fonts/roboto/Roboto-LightItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/roboto/Roboto-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url(/assets/fonts/roboto/Roboto-Italic.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/roboto/Roboto-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url(/assets/fonts/roboto/Roboto-MediumItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/roboto/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url(/assets/fonts/roboto/Roboto-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/assets/fonts/MaterialIcons-Regular.woff) format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.threshold-info-box {
  margin-left: 15px;
  display: flex;
  align-items: center;
  max-width: calc(100% - 200px);
}
.threshold-info-box--with-margin-top {
  margin-top: 8px;
}
.threshold-info-icon {
  cursor: pointer;
  font-style: normal;
  font-weight: bold;
  color: #856404;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ffc107;
  margin-right: 8px;
  flex-shrink: 0;
}
.threshold-info-message {
  color: #856404;
  font-size: 14px;
  line-height: 1.4;
}
.mfg-invalidated-row {
  background-color: #fff8e1 !important;
}
.mfg-invalidated-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mfg-invalidated-icon {
  color: #f57c00;
  font-size: 18px;
  width: 18px;
  height: 18px;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(/assets/fonts/open-sans/open-sans-latin-300-normal.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(/assets/fonts/open-sans/open-sans-latin-400-normal.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(/assets/fonts/open-sans/open-sans-latin-500-normal.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(/assets/fonts/open-sans/open-sans-latin-600-normal.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(/assets/fonts/open-sans/open-sans-latin-700-normal.woff2) format("woff2");
}

/* angular:styles/global:styles */