.x-loader-overlay {
  @extend .position-relative;

  min-height: 50px;
}

.x-loader {
    @extend .align-items-center,
            .layout-column,
            .justify-content-center,
            .position-fixed,
            .w-100;

    top: 0;
    left: 0;
    z-index: $zindex-fixed;

    &.clear-light,
    &.bg-default,
    &.bg-default-transparent,
    &.bg-primary,
    &.bg-primary-transparent,
    &.bg-dark,
    &.bg-dark-transparent {
      @extend .text-white;
    }

    &.absolute {
     @extend .position-absolute;
    }
}