// No results component styles
.x-no-results-overlay-wrapper {
  @extend .text-center;

  .x-no-results {
    @extend .d-flex,
            .flex-column,
            .justify-content-center,
            .text-center;

    pointer-events: auto !important;

    > * {
      @extend .m-3;
    }
    h5 {
      @extend .text-lowercase;
      &::first-letter {
        @extend .text-uppercase;
      }
    }
  }
}

.x-no-results-component {
  @extend .x-no-results-overlay-wrapper,
          .d-flex,
          .justify-content-center,
          .h-100;
}

// Hide image on overlays
.modal-body .x-no-results svg {
  display: none;
}