.table-foot {
  display: none !important;
}
.record-pager {
  position: sticky;
  left: 0;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 13px;
  border-top: 1px solid var(--line);
  background: #fff;
  color: #6b7889;
  font-size: 10px;
}
.record-pager-info {
  display: flex;
  align-items: center;
  gap: 13px;
  white-space: nowrap;
}
.record-pager-info b {
  color: #33465e;
}
.record-pager-size {
  display: flex;
  align-items: center;
  gap: 6px;
}
.record-pager-size select {
  height: 30px;
  padding: 0 24px 0 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: #4d5c70;
  font-size: 10px;
}
.record-pager-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}
.record-pager-nav button {
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: #526177;
  font-size: 10px;
}
.record-pager-nav button:hover:not(:disabled) {
  border-color: #9db1ca;
  background: #f5f8fb;
  color: #355a87;
}
.record-pager-nav button.active {
  border-color: #5d7fa8;
  background: #edf2f8;
  color: #355a87;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px #5d7fa820;
}
.record-pager-nav button:disabled {
  opacity: 0.38;
}
.record-pager-ellipsis {
  min-width: 21px;
  text-align: center;
  color: #929dad;
}
.reply-library > .record-pager,
.rule-list > .record-pager {
  min-height: 48px;
}
.reply-library > .record-pager .record-pager-info > span:first-child,
.rule-list > .record-pager .record-pager-info > span:first-child {
  display: none;
}
body.theme-dark .record-pager {
  background: #171c24;
  border-color: #2a3340;
  color: #8f9bad;
}
body.theme-dark .record-pager-info b {
  color: #e4eaf2;
}
body.theme-dark .record-pager-size select,
body.theme-dark .record-pager-nav button {
  background: #1d242e;
  border-color: #35404e;
  color: #cbd4df;
}
body.theme-dark .record-pager-nav button.active {
  background: #253a56;
  border-color: #54769f;
  color: #fff;
}
@media (max-width: 760px) {
  .record-pager {
    align-items: flex-start;
    flex-direction: column;
  }
  .record-pager-nav {
    width: 100%;
    overflow: auto;
  }
  .record-pager-info {
    width: 100%;
    justify-content: space-between;
  }
}