/*Need to insert these with JS*/
#Reputation-dashboard-container > div > div > div > div:nth-child(2) > div > div > div:nth-child(3) > div > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

#Reputation-dashboard-container > div > div > div > div:nth-child(2) > div > div > div:nth-child(3) > div > div:nth-child(1) > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/*END*/

#Reputation-dashboard-container div.rows.chartJs {
    margin-bottom: 15px;
    flex-grow: 1;
    height: 100%;
    display: flex;
  }

#Reputation-dashboard-container .rows.chartJs > section {
  flex-grow: 1;
  display: flex;
}

.rows.chartJs .card-header {
  display: none;
  height: 0px;
}  

.sidebar-v2-location .rows.chartJs > section > .card {
    height: 100%;
    width: 100%;
    border: none !important;
    box-shadow: none !important;
  }
  .rows.chartJs > section > .card > div.card-body {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    padding: 0;
  }
   .rows.chartJs > section > .card > div.card-body .chart-container {
     height: 400px;
   }
  /*chart content*/
  .rows.chartJs .card-body div {
    display: inline-block;
    width: 100%;
    position: relative;
  }