--- /dev/null
+// Area Chart
+.chart-area {
+ position: relative;
+ height: 10rem;
+ width: 100%;
+ @include media-breakpoint-up(md) {
+ height: 20rem;
+ }
+}
+
+// Bar Chart
+.chart-bar {
+ position: relative;
+ height: 10rem;
+ width: 100%;
+ @include media-breakpoint-up(md) {
+ height: 20rem;
+ }
+}
+
+// Pie Chart
+.chart-pie {
+ position: relative;
+ height: 15rem;
+ width: 100%;
+ @include media-breakpoint-up(md) {
+ height: calc(20rem - 43px) !important;
+ }
+}