// IDS CSS Utilities

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-original-case {
  text-transform: none !important;
}

.text-wrap {
  word-break: break-all !important;
}

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

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

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

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

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

.unset-overflow {
  overflow: unset !important;
  text-overflow: unset !important;
  white-space: unset !important;
}

.rounded {
  border-radius: 4px;
}

.rounded-lg {
  border-radius: 8px;
}

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

.no-shadow {
  box-shadow: none !important;
}

.no-margin {
  margin: 0 !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

.d-i-block {
  display: inline-block !important;
}

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

.f-left {
  float: left !important;
}

.f-right {
  float: right !important;
}

.f-none {
  float: none !important;
}

.flex-center {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  @extend .d-flex;
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  @extend .align-items-center;
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  @extend .justify-content-center;

  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
}

// Margin and padding utilities up to 80px
@for $i from 0 through 80 {
  .p-bottom-#{$i} {
    $padding: $i * 1px;

    padding-bottom: $padding !important;
  }

  .p-top-#{$i} {
    $padding: $i * 1px;

    padding-top: $padding !important;
  }

  .p-left-#{$i} {
    $padding: $i * 1px;

    padding-left: $padding !important;
  }

  .p-right-#{$i} {
    $padding: $i * 1px;

    padding-right: $padding !important;
  }

  .m-bottom-#{$i} {
    $padding: $i * 1px;

    margin-bottom: $padding !important;
  }

  .m-top-#{$i} {
    $padding: $i * 1px;

    margin-top: $padding !important;
  }

  .m-left-#{$i} {
    $padding: $i * 1px;

    margin-left: $padding !important;
  }

  .m-right-#{$i} {
    $padding: $i * 1px;

    margin-right: $padding !important;
  }

  .padding-x-#{$i} {
    $padding: $i * 1px;

    padding-left: $padding !important;
    padding-right: $padding !important;
  }

  .padding-y-#{$i} {
    $padding: $i * 1px;

    padding-bottom: $padding !important;
    padding-top: $padding !important;
  }
}
