/* Bar chart */
body {
  margin: 0;
  outline: 0;
  background-color: #ffffff !important;
}
.react-el-tick .grid {
  stroke: #c0c0bb;
  fill: none;
  stroke-width: 0.5px;
  stroke-dasharray: 3, 3;
}

.react-el-tick text,
.tick text {
  fill: #635f5d;
  font-size: 12px;
}
.axis-label {
  font-size: 14px;
  fill: #635f5d;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.mark .arc {
  transition: transform 2s;
  cursor: pointer;
}

.mark text {
  font-size: 11px;
}

.tick line,
.d3-el-y_axis path,
.d3-el-x_axis path {
  stroke: #c0c0bb;
  fill: none;
  stroke-width: 1px;
}

.data-label {
  font-size: 12px;
  fill: #000;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.chart-tooltip {
  pointer-events: none;
  position: absolute;
  background-color: #f7f8ff;
  border-radius: 5px;
  padding: 5px;
}

.chart-tooltip span {
  font-size: 13px;
}

.arc:hover,
.circle-mark > circle:hover {
  transform: scale(1.05);
}
input::placeholder {
  color: green;
}
.pl20 {
  padding-left: 20px !important;
}

.dragFileUpload {
  font-size: 16px;
  display: block;
  border: 2px dashed #b1a9a1;
  border-radius: 8px;
  background-color: #f8fafc;
  padding: 12px 15px;
  text-align: center;
}
.dragFileUpload p > span {
  font-weight: 500;
}
.dragFileUpload > .file {
  font-weight: 600;
}
.highcharts-credits,
.highcharts-contextmenu .highcharts-menu > li:nth-child(2),
.highcharts-contextmenu .highcharts-menu > li:last-child {
  display: none;
}
.highcharts-tooltip > text > tspan:first-child {
  font-size: 12px !important;
  line-height: 21px !important;
}
.highcharts-xaxis-labels > text,
.highcharts-tooltip > text > tspan:first-child {
  text-transform: capitalize;
}
.Mui-selected .MuiTypography-root {
  color: #ffffff !important;
}
.highcharts-contextmenu .highcharts-menu {
  box-shadow: none !important;
  border-radius: 6px !important;
}
.highcharts-contextmenu .highcharts-menu > li {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #333333 !important;
}
.highcharts-contextmenu .highcharts-menu > li:hover {
  background: #e5e5e5 !important;
  color: #333333 !important;
}
.text-nowrap {
  white-space: nowrap;
}
.node-explainer {
  font-size: 12px;
  line-height: 18px;
  white-space: pre-line;
  width: 700px;
  margin-top: 5px;
  color: #333333;
}

/* .highcharts-data-label tspan {
  display: none;
} */
/* .highcharts-data-label > text {
  white-space: nowrap;
} */

/* .highcharts-data-label.highcharts-tracker {
  display: none;
} */
.highcharts-text-outline {
  display: none;
}

/* .highcharts-button-hover .highcharts-button-symbol,
.highcharts-button-pressed .highcharts-button-symbol {
  fill: #333333 !important;
  stroke: #333333 !important;
} */

.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.highcharts-text-outline {
  display: none;
}

.links line {
  stroke: #aaaaaa;
}
.nodes circle {
  pointer-events: all;
  cursor: pointer;
}
.tooltip {
  position: absolute;
  background-color: #fff;
  color: #222222;
  padding: 8px 18px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #ccc;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  visibility: hidden;
}
/* .tooltip {
  position: static;
  background-color: #fff;
  color: #dd7a0b;
  padding: 8px 0;
  min-height: 50px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  visibility: hidden;
} */
.tooltip strong {
  font-weight: 600;
}