.card-chart {

overflow: hidden;

.card-header {
  .card-title {
    i {
      font-size: 16px;
      margin-right: 5px;
      margin-bottom: 3px;
    }
  }

  .card-category {
    margin-bottom: 5px;
  }
}

.card-body {
  padding-left: 5px;
  padding-right: 5px;

  .tab-space {
    padding: 0;
  }
}

.table {
  margin-bottom: 0;

  td {
    border-top: none;
    border-bottom: 1px solid rgba($white, 0.1);
  }
}

.card-progress {
  margin-top: 30px;
  padding: 0 10px;
}

.chart-area {
  height: 220px;
  width: 100%;
}

.card-footer {
  margin-top: 15px;

  .stats {
    color: $dark-gray;
  }
}

.dropdown {
  position: absolute;
  right: 20px;
  top: 20px;

  .btn {
    margin: 0;
  }
}

&.card-chart-pie {
  .chart-area {
    padding: 10px 0 25px;
    height: auto;
  }

  .card-title {
    margin-bottom: 10px;

    i {
      font-size: 1rem;
    }
  }

}

}

@include media-breakpoint-down(sm) {

.card.card-chart {
  .card-header .btn-group-toggle {

    .tim-icons,
    .v2lrf-by-nucleo {
      font-size: $font-size-base;
      top: -1px;
    }
  }
}

}