.block1{
    width: 100%;
    height: 450px;
    box-shadow: 0px 0px 10px #e0dfdf;;
}
.block2{
    width: 100%;
    height: 370px;
    box-shadow: 0px 0px 10px #e0dfdf;;
}
.dashboard-block-title{
    font-size: 20px;
    color: #151635;
    font-weight: 700;
    margin-bottom: 12px;
    padding-top:20px;
    text-transform: uppercase;
    /* color:#dfdbdb, #5bada2,#2c354e,#7a3535" */
}
.apexcharts-menu-icon{
    display: none;
}
.apexcharts-toolbar{
    display: none!important;
}
.area-select{
  position: relative;
  width:100px;
  left: 632px;
}
.area-tabs{
  position: relative;
  top:116px;
}
.area-tabs a{
  color:#000!important;
  padding: 6px 3px;
}
#chart2{
    height: 280px;
}
.chart3-select{
    position: relative;
    left: 307px;
    top: 91px;
    z-index: 1000;
}
.team-perf-legend{
  position: relative;
  top: 100px;
  
}
.team-perf-legend ul{
  line-height: 1.6rem;;
}
.bullet-red{
  background: #55160b;
  padding: 1px 5px;
  margin-right: 10px;
  border-radius: 50px;
  font-size: 8px;
  position: relative;
  bottom: 2px;
}
.bullet-gray{
  background: #bbb;
  padding: 1px 5px;
  margin-right: 10px;
  border-radius: 50px;
  font-size: 8px;
  position: relative;
  bottom: 2px;
}
.lbls{
    position: relative;
    top: 71px;
    left: 137px;
    font-size: 12px;
    font-weight: 600;
    width: fit-content;
}
.custom-labels{
  position: absolute;
  right: 36px;
  top: 46px;
}
.custom-labels ul{
  line-height: 3.19rem;
}
#chart3{
  margin-top: -25px!important;
}
.grd-system{
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 4fr) );
  grid-auto-flow: dense;
  grid-gap: 15px;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 15px;
}