@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;
}

/* 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-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-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: none;
  --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;
}
.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-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-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: none;
  --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;
}
.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: 32px;
}
.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: 70px;
}
.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;
  position: relative;
}
.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;
}
.h-100 {
  height: 100% !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-fontSizeDefault);
  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-fontSizeMedium);
  font-weight: 500;
}
.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-fontSizeMedium);
  font-weight: 500;
  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);
  background-color: var(--rm-userProfileBackgroundColor);
  box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.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;
  flex-direction: column;
  font-family: var(--rm-fontFamily);
}
.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%;
  height: auto;
  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-sidenavDefaultBorder);
  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: 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-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;
}
.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;
  height: 100%;
  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);
}
.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: 36px;
  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 .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;
}
.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;
  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;
}
.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.5) !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;
  position: relative;
}
.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% + 25px);
}
.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;
}
.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: 343px;
  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;
}
.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: 45px;
}
.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);
}
.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;
  margin: 63px !important;
  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.5) !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;
}

/* angular:styles/global:styles */