@import "../../../../assets/scss/variables";

#pagination {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;


  & > li {
    cursor: pointer;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: $medium;
    color: $black;
    border-radius: 7px;
    background-color: $app-background;

    &.disabled {
      opacity: 0.2;
      pointer-events: none;
      cursor: initial;
    }

    //&:not(.disabled):hover {
    //  background-color: #EFEFEF;
    //}
  }

  &.dua-list {
    li{
      height: 29px;
      width: 29px;
      min-width: fit-content;
      border-radius: 0;
      color: $title-color;

      &.current {
        background-color: $title-color;
        opacity: 1;
        color: $rolebox-background;
        pointer-events: none;
        cursor: initial;
      }
      &:not(.disabled):hover {
        background-color: inherit;
        border: 1px solid $title-color;
      }
      &#dots:hover{
      border:none;
        cursor: default;
      }

    }


  }

  &.loading > li {
    cursor: wait !important;
  }
}

.per-page-text{
  font-size: 1rem;
  font-weight: 600;
  color: $title-color;
}
.total-records-pagination{
  color:$title-color;
  font-size: 1.2rem;
  font-weight: 600;
}

.pagination-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}