#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) 0;
  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: inherit;
flex-direction: column;
gap: var(--border-padding);
}

#client-chart-modal .charts{
  padding: var(--border-padding) calc(2 * var(--border-padding));
  overflow-y: auto;
}

.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%);
}*/


.chart-container .chart-no-data-overlay{
background: var(--bg);
height: 100%;
width: 100%;
position: absolute;
top: 0;
filter: blur(8px);
border-radius: var(--border-radius-box);
}

/*
.chart-container .chart-no-data-overlay::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url('employee-performance.svg');
background-size: auto 60%;
background-repeat: no-repeat;
background-position: center;
}*/

.chart-container .chart-no-data-overlay video{
height: 100%;
width: 100%;
object-fit: contain;
}

.chart-container .chart-no-data-overlay-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
z-index: 9;
font-size: var(--font-size-body-regular);
color: black;
font-family: var(--font-apple-system);
background: var(--bg);
padding: 0.5rem 0.75rem;
border-radius: var(--border-radius-box);
}