.page-loader {
  display: flex;
  flex-direction: column;
  .shimmer {
    background-color: #f6f7f8;
    background-image: linear-gradient(
      -90deg,
      #f6f7f9 0%,
      #f9f9fa 50%,
      #f6f7f9 100%
    );
    background-repeat: no-repeat;

    display: inline-block;
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeholderShimmer;
    animation-timing-function: linear;
  }
  &__name {
    height: 30px;
    width: 25%;
    margin-bottom: 10px;
  }
  &__breadcrumbs {
    height: 20px;
    width: 75%;
    margin-bottom: 25px;
  }
  &__body {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    div {
      min-width: 300px;
      &:first-child {
        margin-right: 50px;
      }
      height: 300px;
      flex: 1;
      @include respond(tab-land) {
        &:first-child {
          display: none;
        }
      }
      @include respond(phone) {
        display: none !important;
      }
    }
  }
  &__table {
    height: 350px;
    width: 100%;
  }
  @keyframes placeholderShimmer {
    0% {
      background-position: -468px 0;
    }

    100% {
      background-position: 468px 0;
    }
  }
}