.control-center-stack-chart-container {
  height: 400px;
  display: flex;
}

.control-center-chart-content {
  flex: 1;
  display: flex;
  gap: 10px;
}

.control-center-chart-sector-one {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  width: calc(100% - 410px);
}

.control-center-chart-sector-two {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  width: 49.5%;
}

.control-center-percent-tile {
  height: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  min-width: 300px;
}

.recharts-layer > .css-zm3qx2 {
  font-size: 12px;
}

.control-center-tile-content {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.control-center-action-button {
  font-size: 17px!important;
  text-transform: capitalize!important;
}

.control-center-total-line-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.control-center-text-center {
  text-align: center;
}