@import '/fonts/Kalameh/FaNum.css';
@import '/fonts/Kalameh/NoEn.css';
@import '/fonts/VisbyCF/VisbyCF.css';

body,
html,
#root,
.App {
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
}

.chart {
  width: calc(100% - 70px) !important;
  height: unset !important;
}

.outline-controllers {
  display: none;
}

.selectionlayer path {
  cursor: crosshair !important;
  fill-opacity: 0.5 !important;
}

.js-plotly-plot .plotly .modebar-btn.pin-active .plot-btn-pin-svg path {
  filter: invert(12%) sepia(83%) saturate(5841%) hue-rotate(244deg) brightness(87%) contrast(153%);
}

.js-plotly-plot .plotly .modebar-btn.select-trend-active .plot-btn-select-trend-svg path {
  filter: invert(12%) sepia(83%) saturate(5841%) hue-rotate(244deg) brightness(87%) contrast(153%);
}