#sidebar .chart-wrapper{
height: auto;
overflow: auto;
}

.trainer-client-chart{
  height: 100%;
}

#client-chart-modal .chart-wrapper{
  box-shadow: var(--box-shadow-outer-card);
}

#client-chart-modal .input-control{
  padding-top: var(--border-padding);
}


.chart-wrapper{
  padding: var(--border-padding);
  /*min-height: 500px;*/
  height: 100%;
  width: 100%;
  background: var(--bg);
  border-radius: var(--border-radius-box);
  overflow: hidden;
}


.chart-wrapper .input-control{
display: flex;
gap: var(--border-padding);
flex-wrap: wrap;
justify-content: center;
}

.chart-wrapper .charts{
  padding: var(--border-padding);
max-height: 90%;
display: flex;
align-items: center;
position: relative;
width: 100%;
height: 100%;
}

.chart-wrapper .fullscreenIcon{
  margin: 0;
}

.chart-container{
width: 100%;
position: relative;
/*height: 0px;*/
height: min(66.67%, 66.67vh);
/*padding-top: min(66.67%, calc(66.67 * var(--vh)));*/
}

.chart-container canvas{
  display: block; 
  box-sizing: border-box; 
  position: absolute; 
top: 50%;
transform: translateY(-50%);
}