/* .js-plotly-plot,
.plot-container,
.dash-graph {
    height: 100%;
} */

.dash-graph {
  flex-grow: 1;
  height: 100%;
}

.modebar-group {
  display: flex !important;
  flex-direction: row !important;
}

.hovertext path {
  stroke-linejoin: round !important;
  stroke-linecap: round !important;
  stroke-opacity: 0.75;
}

/* Plotly hover rounded border */
.hoverlayer .bg {
  rx: 3;
  shape-rendering: auto;
}

/* Hide elements when dash is loading */
[data-dash-is-loading="true"] .xaxislayer-above,
[data-dash-is-loading="true"] .yaxislayer-above,
[data-dash-is-loading="true"] .zerolinelayer,
[data-dash-is-loading="true"] .gridlayer,
.dash-graph--pending .xaxislayer-above,
.dash-graph--pending .yaxislayer-above,
.dash-graph--pending .zerolinelayer,
.dash-graph--pending .gridlayer {
  display: none !important;
}

/* Highlight for piecharts */
/* .bars .points .point path:hover*/
g .slice .surface:hover {
  stroke: rgb(49, 49, 49) !important;
  /* Darker shade for stroke */
  stroke-width: 1.5 !important;
  /* Make the stroke visible */
}