/* Insights X CSS */

.w-100 {
    width: 100% !important;
}


.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.vw-100 {
  width: 100vw !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mh-100 {
  max-height: 100% !important; }

.vh-100 {
  height: 100vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-none {
  display: none !important; }

.gap-0 {
gap: 0 !important; }

.gap-1 {
gap: 0.25rem !important; }

.gap-2 {
gap: 0.5rem !important; }

.gap-3 {
gap: 1rem !important; }

.gap-4 {
gap: 1.5rem !important; }

.gap-5 {
gap: 3rem !important; }

.mg-t-10-f {
margin-top: 10px !important; }

.mg-r-10-f {
margin-right: 10px !important; }

.mg-b-10-f {
margin-bottom: 10px !important; }

.mg-l-10-f {
margin-left: 10px !important; }

.mg-15 {
margin: 15px; }

.mg-15-f {
margin: 15px !important; }

.mg-y-15 {
margin-top: 15px;
margin-bottom: 15px; }

.mg-y-15-f {
margin-top: 15px !important;
margin-bottom: 15px !important; }

.mg-x-15 {
margin-left: 15px;
margin-right: 15px; }

.mg-x-15-f {
margin-left: 15px !important;
margin-right: 15px !important; }

.mg-t-15 {
margin-top: 15px; }

.mg-r-15 {
margin-right: 15px; }

.mg-b-15 {
margin-bottom: 15px; }

.mg-l-15 {
margin-left: 15px; }

.mg-t-15-f {
margin-top: 15px !important; }

.mg-r-15-f {
margin-right: 15px !important; }

.mg-b-15-f {
margin-bottom: 15px !important; }

.mg-t-20 {
    margin-top: 20px;
}

.justify-content-start {
justify-content: flex-start !important; }

.justify-content-end {
justify-content: flex-end !important; }

.justify-content-center {
justify-content: center !important; }

.justify-content-between {
justify-content: space-between !important; }

.justify-content-around {
justify-content: space-around !important; }

.justify-content-evenly {
justify-content: space-evenly !important; }

.align-items-start {
align-items: flex-start !important; }

.align-items-end {
align-items: flex-end !important; }

.align-items-center {
align-items: center !important; }

.align-items-baseline {
align-items: baseline !important; }

.align-items-stretch {
align-items: stretch !important; }