weird.scss

@import "src/scss/redesign/base/variables.scss";
@import "src/scss/redesign/base/mixins.scss";

:host {
  .employee-grid-view {
    .row {
      margin-left: -6px !important;
      margin-right: -6px !important;
      [class*='col-sm'] {
        padding-left: 6px !important;
        padding-right: 6px !important;
      }
    }
  }

  ::ng-deep {
    .paginator {
      padding: 0 !important;
    }
    .custom-razor-tooltip app-razor-tooltip-holder {
      max-width: 65%;
      .outer {
        font-size: 11px;
        font-weight: 600;
        max-width: 150px;
      }
    }
    .bulk-actions {
      .icon-arrow {
        margin-left: 7px;
        margin-right: 0;
      }
      & ~ ngb-tooltip-window {
        .arrow {
          right: 11px;
        }
      }
    }
  }
}
.grid-item .new-card {
  display: block;
  &:hover {
    color: unset;
  }
}
.employee-list {
  position: relative;
  flex-shrink: 0;

  .icon-outs {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 24px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    align-items: center;
    justify-content: center;
    @include border-radius(50%);
    @include flexbox();
  }
  ::ng-deep {
    .import-btn {
      margin-left: 10px;
    }
  }
 &.employee-list-table {
  .icon-outs {
    right: -11px;
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
 }
}
}