.dashboard-card-top{
  margin-top: 0 !important;
  margin-bottom: 0.75rem;
  .card-content{
    padding: 24px;
    border-radius: 0 0 2px 2px;
    .dashboard-card-parent {
      display: table;
      .dashboard-card-child-1{
        display: table-cell;
        vertical-align: middle;
        .dashboard-top-row-parent{
          display: table;
          width: 4rem;
          height: 4rem;
          margin-right: 0.8rem;
          border-radius: 8%;
          .dashboard-top-row-child {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 1.8rem;
            color: #ffffffeb;
          }
        }
      }
      .dashboard-card-child-2 {
        display: table-cell;
        h5 {
          margin-bottom: 0 !important;
        }
        p {
          color: #9e9e9e;
          font-size: 80%;
          line-height: 1.2;
          margin-top: 0.4rem;
        }
      }
    }
  }
}

.dashboard-card-bottom{
  margin-top: 0 !important;
  .card-content{
    padding: 24px;
    h5{
      font-size: 1.64rem;
      line-height: 110%;
      margin: 1.0933333333rem 0 0.656rem 0;
    }
    h6{
      font-size: 1rem;
      line-height: 110%;
      margin: 0.7666666667rem 0 0.46rem 0;
    }
    h3{
      font-size: 2.92rem;
      line-height: 110%;
      margin: 1.9466666667rem 0 1.168rem 0;
    }
  }
}
@media (max-width: 767px) {
  .dashboard-card-bottom{
    margin-bottom: 0.75rem;
  }
}

.chart-row{
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.chart-row > [class*='col-']{
  display: flex;
  flex-direction: column;
}