/* BOOTSTRAP DASHBOARD */

.dashboard div.container-fluid,
.dashboard div.container-inner {
    border-radius: 5px;
}

/* g-0, original value: 0 */

/* g-1, original value: 0.25rem -> doesn't scales down */

/* g-2, original value: 0.5rem -> doesn't scales down */

/* g-3, original value: 1rem -> scales down up to 1rem / 2 = 0.5rem */

.xs .g-3, .xs .gy-3 {
  --bs-gutter-y: 0.5rem;
}
.xs .g-3, .xs .gx-3 {
  --bs-gutter-x: 0.5rem;
}

.sm .g-3, .sm .gy-3 {
  --bs-gutter-y: 0.625rem;
}
.sm .g-3, .sm .gx-3 {
  --bs-gutter-x: 0.625rem;
}

.md .g-3, .md .gy-3 {
  --bs-gutter-y: 0.75rem;
}
.md .g-3, .md .gx-3 {
  --bs-gutter-x: 0.75rem;
}

.lg .g-3, .lg .gy-3 {
  --bs-gutter-y: 0.875rem;
}
.lg .g-3, .lg .gx-3 {
  --bs-gutter-x: 0.875rem;
}

/* g-4, original value: 1.5rem -> scales down up to 1.5rem / 2 = 0.75rem */

.xs .g-4, .xs .gy-4 {
  --bs-gutter-y: 0.75rem;
}
.xs .g-4, .xs .gx-4 {
  --bs-gutter-x: 0.75rem;
}

.sm .g-4, .sm .gy-4 {
  --bs-gutter-y: 0.9375rem;
}
.sm .g-4, .sm .gx-4 {
  --bs-gutter-x: 0.9375rem;
}

.md .g-4, .md .gy-4 {
  --bs-gutter-y: 1.125rem;
}
.md .g-4, .md .gx-4 {
  --bs-gutter-x: 1.125rem;
}

.lg .g-4, .lg .gy-4 {
  --bs-gutter-y: 1.3125rem;
}
.lg .g-4, .lg .gx-4 {
  --bs-gutter-x: 1.3125rem;
}

/* g-5, original value: 3rem -> scales down up to 3rem / 2 = 1.5rem */

.xs .g-5, .xs .gy-5 {
  --bs-gutter-y: 1.5rem;
}
.xs .g-5, .xs .gx-5 {
  --bs-gutter-x: 1.5rem;
}

.sm .g-5, .sm .gy-5 {
  --bs-gutter-y: 1.875rem;
}
.sm .g-5, .sm .gx-5 {
  --bs-gutter-x: 1.875rem;
}

.md .g-5, .md .gy-5 {
  --bs-gutter-y: 2.25rem;
}
.md .g-5, .md .gx-5 {
  --bs-gutter-x: 2.25rem;
}

.lg .g-5, .lg .gy-5 {
  --bs-gutter-y: 2.625rem;
}
.lg .g-5, .lg .gx-5 {
  --bs-gutter-x: 2.625rem;
}

.dashboard div.container-fluid.has_background_image,
.dashboard div.container-inner.has_background_image {
    padding: 24px;
}

@media (min-width: 576px) {
  .dashboard div.container-fluid.has_background_image,
  .dashboard div.container-inner.has_background_image {
    padding: 30px;
  }
}

@media (min-width: 768px) {
  .dashboard div.container-fluid.has_background_image,
  .dashboard div.container-inner.has_background_image {
    padding: 36px;
  }
}

@media (min-width: 992px) {
  .dashboard div.container-fluid.has_background_image,
  .dashboard div.container-inner.has_background_image {
    padding: 42px;
  }
}

@media (min-width: 1200px) {
  .dashboard div.container-fluid.has_background_image,
  .dashboard div.container-inner.has_background_image {
    padding: 48px;
  }
}