.graph .apexcharts-svg {
     width: 70px;
    }
.apexcharts-yaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important; 
  border: 1px solid #000000 !important;
}

.apexcharts-yaxistooltip-right:before {
  border-right-color: #000000 !important;
}

.apexcharts-yaxistooltip-right:after {
  border-right-color: #000000 !important;
}

.apexcharts-xaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important; 
  border: 1px solid #000000 !important;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxis-label:first-child {
  display: none !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: none;
  color: #FFFFFF !important;
  background-color: #000000 !important;
}
.apexcharts-yaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
}

.apexcharts-yaxistooltip-right:before {
  border-right-color: #000000 !important;
}

.apexcharts-yaxistooltip-right:after {
  border-right-color: #000000 !important;
}

.apexcharts-xaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxis-label:first-child {
  display: none !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: none;
  color: #FFFFFF;
  background-color: #000000;
}

.apexcharts-marker {
  display: none !important;
}
.apexcharts-yaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important; 
  border: 1px solid #000000 !important;
}

.apexcharts-yaxistooltip-right:before {
  border-right-color: #000000 !important;
}

.apexcharts-yaxistooltip-right:after {
  border-right-color: #000000 !important;
}

.apexcharts-xaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important; 
  border: 1px solid #000000 !important;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxis-label:first-child {
  display: none !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: none;
  color: #FFFFFF !important;
  background-color: #000000 !important;
}
.apexcharts-yaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important; 
  border: 1px solid #000000 !important;
}

.apexcharts-yaxistooltip-right:before {
  border-right-color: #000000 !important;
}

.apexcharts-yaxistooltip-right:after {
  border-right-color: #000000 !important;
}

.apexcharts-xaxistooltip {
  padding: 0 5px !important;
  color: #FFFFFF !important;
  background-color: #000000 !important; 
  border: 1px solid #000000 !important;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #000000 !important;
}

.apexcharts-xaxis-label:first-child {
  display: none !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: none;
  color: #FFFFFF !important;
  background-color: #000000 !important;
}
.yarl__fullsize {
  width: 100%;
  height: 100%;
}
.yarl__relative {
  position: relative;
}
.yarl__portal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 9999;
  z-index: var(--yarl__portal_zindex, 9999);
  transition: opacity 250ms ease;
  transition: opacity var(--yarl__fade_animation_duration, 250ms) var(--yarl__fade_animation_timing_function, ease);
}
.yarl__portal_open {
  opacity: 1;
}
.yarl__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-color: #000;
  background-color: var(--yarl__container_background_color, var(--yarl__color_backdrop, #000));
  outline: 0;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  touch-action: var(--yarl__controller_touch_action, none);
  overscroll-behavior: contain;
  overscroll-behavior: var(--yarl__controller_overscroll-behavior, contain);
}
.yarl__carousel {
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  width: calc(100% + (var(--yarl__carousel_slides_count) - 1) * (100% + 0 * 1px + 0 * 1%));
  width: calc(100% + (var(--yarl__carousel_slides_count) - 1) * (100% + var(--yarl__carousel_spacing_px, 0) * 1px + var(--yarl__carousel_spacing_percent, 0) * 1%));
  transform: translateX(0px);
          transform: translateX(var(--yarl__swipe_offset, 0px));
}
.yarl__carousel_with_slides {
  column-gap: calc(0 * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (var(--yarl__carousel_slides_count) - 1) * 0) * 0 * 1%);
          column-gap: calc(var(--yarl__carousel_spacing_px, 0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_spacing_percent, 0) * 1%);
}
.yarl__flex_center {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.yarl__slide {
  flex: 1 1;
  position: relative;
  overflow: hidden;
  padding: calc(0 * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (var(--yarl__carousel_slides_count) - 1) * 0) * 0 * 1%);
  padding: calc(var(--yarl__carousel_padding_px, 0) * 1px + 100 / (100 * var(--yarl__carousel_slides_count) + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_padding_percent, 0) * 1%);
}
[dir=rtl] .yarl__slide {
  --yarl__direction: -1;
}
.yarl__slide_image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  touch-action: none;
  touch-action: var(--yarl__controller_touch_action, none);
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
@media screen and (min-width: 800px) {
  .yarl__slide_image {
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
  }
}
.yarl__slide_image_cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.yarl__slide_image_loading {
  opacity: 0;
}
.yarl__slide_placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  line-height: 0;
}
.yarl__slide_loading {
  color: rgba(255, 255, 255, 0.8);
  color: var(--yarl__slide_icon_loading_color, var(--yarl__color_button, rgba(255, 255, 255, 0.8)));
  animation: yarl__delayed_fadein 1s linear;
}
.yarl__slide_loading line {
  animation: yarl__stroke_opacity 1s linear infinite;
}
.yarl__slide_loading line:nth-of-type(1) {
  animation-delay: -1.875s;
}
.yarl__slide_loading line:nth-of-type(2) {
  animation-delay: -1.75s;
}
.yarl__slide_loading line:nth-of-type(3) {
  animation-delay: -1.625s;
}
.yarl__slide_loading line:nth-of-type(4) {
  animation-delay: -1.5s;
}
.yarl__slide_loading line:nth-of-type(5) {
  animation-delay: -1.375s;
}
.yarl__slide_loading line:nth-of-type(6) {
  animation-delay: -1.25s;
}
.yarl__slide_loading line:nth-of-type(7) {
  animation-delay: -1.125s;
}
.yarl__slide_loading line:nth-of-type(8) {
  animation-delay: -1s;
}
.yarl__slide_error {
  width: 48px;
  width: var(--yarl__slide_icon_error_size, 48px);
  height: 48px;
  height: var(--yarl__slide_icon_error_size, 48px);
  color: red;
  color: var(--yarl__slide_icon_error_color, red);
}
@media (prefers-reduced-motion) {
  .yarl__portal, .yarl__slide {
    transition: none 0s ease 0s;
    transition: initial;
  }
  .yarl__slide_loading, .yarl__slide_loading line {
    animation: none 0s ease 0s 1 normal none running;
            animation: initial;
  }
}
.yarl__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  padding: var(--yarl__toolbar_padding, 8px);
}
[dir=rtl] .yarl__toolbar {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.yarl__icon {
  width: 32px;
  width: var(--yarl__icon_size, 32px);
  height: 32px;
  height: var(--yarl__icon_size, 32px);
}
.yarl__button {
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  background-color: var(--yarl__button_background_color, transparent);
  border: 0;
  border: var(--yarl__button_border, 0);
  margin: 0;
  margin: var(--yarl__button_margin, 0);
  outline: none;
  line-height: 0;
  padding: 8px;
  padding: var(--yarl__button_padding, 8px);
  color: rgba(255, 255, 255, 0.8);
  color: var(--yarl__color_button, rgba(255, 255, 255, 0.8));
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8));
          filter: var(--yarl__button_filter, drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8)));
  -webkit-tap-highlight-color: transparent;
}
.yarl__button:focus {
  color: #fff;
  color: var(--yarl__color_button_active, #fff);
}
.yarl__button:focus:not(:focus-visible) {
  color: rgba(255, 255, 255, 0.8);
  color: var(--yarl__color_button, rgba(255, 255, 255, 0.8));
}
.yarl__button:focus-visible {
  color: #fff;
  color: var(--yarl__color_button_active, #fff);
}
@media (hover: hover) {
  .yarl__button:hover, .yarl__button:focus:hover, .yarl__button:focus-visible:hover {
    color: #fff;
    color: var(--yarl__color_button_active, #fff);
  }
}
.yarl__button:disabled {
  color: rgba(255, 255, 255, 0.4);
  color: var(--yarl__color_button_disabled, rgba(255, 255, 255, 0.4));
  cursor: default;
}
.yarl__navigation_prev, .yarl__navigation_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 24px 16px;
  padding: var(--yarl__navigation_button_padding, 24px 16px);
}
.yarl__navigation_prev {
  left: 0;
}
[dir=rtl] .yarl__navigation_prev {
  left: auto;
  left: initial;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
.yarl__navigation_next {
  right: 0;
}
[dir=rtl] .yarl__navigation_next {
  left: 0;
  right: auto;
  right: initial;
  transform: translateY(-50%) rotate(180deg);
}
.yarl__no_scroll {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

@keyframes yarl__delayed_fadein {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes yarl__stroke_opacity {
  from {
    stroke-opacity: 1;
  }
  to {
    stroke-opacity: 0.125;
  }
}

.yarl__thumbnails {
  display: flex;
  height: 100%;
}
.yarl__thumbnails_top, .yarl__thumbnails_bottom {
  flex-direction: column;
}
.yarl__thumbnails_start .yarl__thumbnails_track, .yarl__thumbnails_end .yarl__thumbnails_track {
  flex-direction: column;
}
.yarl__thumbnails_wrapper {
  flex: 1 1;
  position: relative;
}
.yarl__thumbnails_container {
  flex: 0 0 auto;
  background-color: #000;
  background-color: var(--yarl__thumbnails_container_background_color, var(--yarl__color_backdrop, #000));
  padding: 16px;
  padding: var(--yarl__thumbnails_container_padding, 16px);
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
.yarl__thumbnails_vignette {
  position: absolute;
  pointer-events: none;
  --yarl__thumbnails_vignette_size: 12%;
}
@media (min-width: 1200px) {
  .yarl__thumbnails_vignette {
    --yarl__thumbnails_vignette_size: 8%;
  }
}
@media (min-width: 2000px) {
  .yarl__thumbnails_vignette {
    --yarl__thumbnails_vignette_size: 5%;
  }
}
.yarl__thumbnails_top .yarl__thumbnails_vignette, .yarl__thumbnails_bottom .yarl__thumbnails_vignette {
  height: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #000 0px, transparent 12% calc(100% - 12%), #000 100%);
  background: linear-gradient(to right, var(--yarl__color_backdrop, #000) 0px, transparent var(--yarl__thumbnails_vignette_size, 12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)), var(--yarl__color_backdrop, #000) 100%);
}
.yarl__thumbnails_start .yarl__thumbnails_vignette, .yarl__thumbnails_end .yarl__thumbnails_vignette {
  width: 100%;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #000 0px, transparent 12% calc(100% - 12%), #000 100%);
  background: linear-gradient(to bottom, var(--yarl__color_backdrop, #000) 0px, transparent var(--yarl__thumbnails_vignette_size, 12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)), var(--yarl__color_backdrop, #000) 100%);
}
.yarl__thumbnails_track {
  gap: 16px;
  gap: var(--yarl__thumbnails_thumbnail_gap, 16px);
}
.yarl__thumbnails_thumbnail {
  flex: 0 0 auto;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  background: #000;
  background: var(--yarl__thumbnails_thumbnail_background, #000);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border: var(--yarl__thumbnails_thumbnail_border, 1px solid var(--yarl__color_button, rgba(255, 255, 255, 0.8)));
  border-radius: 4px;
  border-radius: var(--yarl__thumbnails_thumbnail_border_radius, 4px);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  overflow: hidden;
  padding: 4px;
  padding: var(--yarl__thumbnails_thumbnail_padding, 4px);
  width: 120px;
  width: var(--yarl__thumbnails_thumbnail_width, 120px);
  height: 80px;
  height: var(--yarl__thumbnails_thumbnail_height, 80px);
  box-sizing: content-box;
}
.yarl__thumbnails_thumbnail_active {
  border-color: #fff;
  border-color: var(--yarl__thumbnails_thumbnail_active_border_color, var(--yarl__color_button_active, #fff));
}
.yarl__thumbnails_thumbnail_fadein {
  opacity: 0;
  animation: yarl__thumbnails_thumbnail_fadein 0.5s ease-in-out 0s forwards;
          animation: yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration, 0.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay, 0s) forwards;
}
.yarl__thumbnails_thumbnail_fadeout {
  animation: yarl__thumbnails_thumbnail_fadeout 0.5s ease-in-out 0s forwards;
          animation: yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration, 0.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay, 0s) forwards;
  cursor: inherit;
}
.yarl__thumbnails_thumbnail_placeholder {
  visibility: hidden;
  cursor: inherit;
}
.yarl__thumbnails_thumbnail_icon {
  color: rgba(255, 255, 255, 0.8);
  color: var(--yarl__thumbnails_thumbnail_icon_color, var(--yarl__color_button, rgba(255, 255, 255, 0.8)));
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8));
          filter: var(--yarl__thumbnails_thumbnail_icon_filter, drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8)));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 32px;
  width: var(--yarl__thumbnails_thumbnail_icon_size, 32px);
  height: 32px;
  height: var(--yarl__thumbnails_thumbnail_icon_size, 32px);
}
.yarl__thumbnails_contain_image {
  object-fit: contain;
}

@keyframes yarl__thumbnails_thumbnail_fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes yarl__thumbnails_thumbnail_fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.yarl__slide_captions_container {
  position: absolute;
  left: 0;
  left: var(--yarl__slide_captions_container_left, 0);
  right: 0;
  right: var(--yarl__slide_captions_container_right, 0);
  padding: 16px;
  padding: var(--yarl__slide_captions_container_padding, 16px);
  background: rgba(0, 0, 0, 0.5);
  background: var(--yarl__slide_captions_container_background, rgba(0, 0, 0, 0.5));
  -webkit-transform: translateZ(0);
}
.yarl__slide_title {
  color: #fff;
  color: var(--yarl__slide_title_color, #fff);
  font-size: 125%;
  font-size: var(--yarl__slide_title_font_size, 125%);
  font-weight: bolder;
  font-weight: var(--yarl__slide_title_font_weight, bolder);
  max-width: calc(100% - 0px);
  max-width: calc(100% - var(--yarl__toolbar_width, 0px));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yarl__slide_title_container {
  top: 0;
  top: var(--yarl__slide_title_container_top, 0);
}
.yarl__slide_description {
  overflow: hidden;
  -webkit-hyphens: auto;
          hyphens: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-line-clamp: var(--yarl__slide_description_max_lines, 3);
  text-align: start;
  text-align: var(--yarl__slide_description_text_align, start);
  color: #fff;
  color: var(--yarl__slide_description_color, #fff);
}
.yarl__slide_description_container {
  bottom: 0;
  bottom: var(--yarl__slide_description_container_bottom, 0);
}

.yarl__slide_image {
  width: 100% !important;
}
.apexcharts-tooltip-series-group.apexcharts-active {
  border: none;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.66) !important;
  max-width: 160px !important;
}

.apexcharts-tooltip-y-group {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.apexcharts-tooltip.apexcharts-theme-dark {
  max-width: 160px !important;
}

.apexcharts-tooltip-text {
  max-width: 160px !important;
}

.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
  margin-left: 0 !important;
}
.google-visualization-treemap-node:hover {
  background-color: transparent !important;
  cursor: default;
  color: aqua !important;
}
tspan {
  fill: white !important; 
  font-weight: bold;
  line-height: 2;}
.tspan{
  word-wrap: break-word;
}
rect {
  stroke-width: 5;
  word-wrap: break-word;
}
body {
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Completely disable autofill - simple and effective */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Disable autofill dropdown button */
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}

/* Mobile specific - Samsung Pass, Google Password Manager */
input[type="password"]::-webkit-textfield-decoration-container {
  visibility: hidden;
  pointer-events: none;
}

/* Samsung Internet specific */
input[type="password"]::-webkit-strong-password-auto-fill-button {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}

/* Safari iOS specific */
input[type="password"]::-webkit-password-auto-fill-button {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}

/* Disable password reveal button on Edge/IE */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none !important;
}

/* Android Chrome/Samsung Internet password manager icon */
input[type="password"]::-webkit-calendar-picker-indicator {
  display: none !important;
  visibility: hidden;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; letter-spacing: 0px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
#root {min-height: 100vh;}