// Bootstrap rtl overrides

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

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

.modal-header {
  .btn-close {
    margin: -.5rem auto -.5rem -.5rem;
  }
}

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

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

.me-0 {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.me-1 {
  margin-right: auto !important;
  margin-left: .25rem !important;
}

.me-2 {
  margin-right: auto !important;
  margin-left: .5rem !important;
}

.me-3 {
  margin-right: auto !important;
  margin-left: 1rem !important;
}

.me-4 {
  margin-right: auto !important;
  margin-left: 1.5rem !important;
}

.me-5 {
  margin-right: auto !important;
  margin-left: 3rem !important;
}

.me-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.ms-0 {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.ms-1 {
  margin-right: .25rem !important;
  margin-left: auto !important;
}

.ms-2 {
  margin-right: .5rem !important;
  margin-left: auto !important;
}

.ms-3 {
  margin-right: 1rem !important;
  margin-left: auto !important;
}

.ms-4 {
  margin-right: 1.5rem !important;
  margin-left: auto !important;
}

.ms-5 {
  margin-right: 3rem !important;
  margin-left: auto !important;
}

.ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.pe-1 {
  padding-right: 0 !important;
  padding-left: .25rem !important;
}
.pe-2 {
  padding-right: 0 !important;
  padding-left: .5rem !important;
}
.pe-3 {
  padding-right: 0 !important;
  padding-left: 1rem !important;
}
.pe-4 {
  padding-right: 0 !important;
  padding-left: 1.5rem !important;
}
.pe-5 {
  padding-right: 0 !important;
  padding-left: 3rem !important;
}

.ps-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.ps-1 {
  padding-right: .25rem !important;
  padding-left: 0 !important;
}
.ps-2 {
  padding-right: .5rem !important;
  padding-left: 0 !important;
}
.ps-3 {
  padding-right: 1rem !important;
  padding-left: 0 !important;
}
.ps-4 {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
}
.ps-5 {
  padding-right: 3rem !important;
  padding-left: 0 !important;
}


.input-group {
  &:not(.has-validation) {
    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
    > .dropdown-toggle:nth-last-child(n + 3) {
      @include border-end-radius($border-radius);
    }
  }

  &.has-validation {
    > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
    > .dropdown-toggle:nth-last-child(n + 4) {
      @include border-end-radius(0);
    }
  }
  $validation-messages: "";
  @each $state in map-keys($form-validation-states) {
    $validation-messages: $validation-messages + ":not(." + unquote($state) + "-tooltip)" + ":not(." + unquote($state) + "-feedback)";
  }

  > :not(:first-child):not(.dropdown-menu)#{$validation-messages} {
    margin-left: -$input-border-width;
    @include border-start-radius(0);
    @include border-end-radius(0);
  }

  > :last-child:not(.dropdown-menu)#{$validation-messages} {
    margin-left: -$input-border-width;
    @include border-start-radius($border-radius);
    @include border-end-radius(0);
  }
}

.breadcrumb-item {
  // The separator between breadcrumbs (by default, a forward-slash: "/")
  + .breadcrumb-item {
    padding-right: $breadcrumb-item-padding-x;
    padding-left: 0 !important;

    &::before {
      float: right; // Suppress inline spacings and underlining of the separator
      padding-right: 0 !important;
      padding-left: $breadcrumb-item-padding-x;
      color: $breadcrumb-divider-color;
      content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
    }
  }

  &.active {
    color: $breadcrumb-active-color;
  }
}