.pagi a { text-decoration: none; color: var(--color-primary-600); font-weight: bold; cursor: pointer;}
.pagi a:hover { border: 1px solid var(--color-primary-600); }
.pagi_direction_disabled { width: 75px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: url(/images/btn_off.png) repeat-x; margin-right: 2px; color: var(--color-neutral-500); }
.pagi_direction a { cursor: pointer; width: 70px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: url(/images/btn_off.png) repeat-x; margin-right: 2px; }
.pagi_filler { padding: 1px; float: left; text-align: center; margin-right: 2px; }

.pagi_page { cursor: pointer; }
.pagi_page a.two_digit { width: 20px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: url(/images/btn_off.png) repeat-x; margin-right: 2px; }
.pagi_page a.three_digit { width: 30px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: url(/images/btn_off.png) repeat-x; margin-right: 2px; }
.pagi_page a.four_digit { width: 40px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: url(/images/btn_off.png) repeat-x; margin-right: 2px; }

.pagi_bold_two { width: 20px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: var(--color-primary-700); color: var(--color-neutral-lightest); margin-right: 2px; font-weight: bold; border: 1px solid var(--color-neutral-darkest); }
.pagi_bold_three { width: 30px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: var(--color-primary-700); color: var(--color-neutral-lightest); margin-right: 2px; font-weight: bold; border: 1px solid var(--color-neutral-darkest); }
.pagi_bold_four { width: 40px; padding: 1px; border: 1px solid var(--color-neutral-400); float: left; text-align: center; background: var(--color-primary-700); color: var(--color-neutral-lightest); margin-right: 2px; font-weight: bold; border: 1px solid var(--color-neutral-darkest); }

.pagi_details { padding: 1px 5px; float: right; border: 1px solid var(--color-neutral-400); background: url(/images/btn_off.png) repeat-x; color: var(--color-neutral-darkest); }
.pagi_nums { font-weight: bold; }
.pagi_clear { clear: both; }

/* .pagi {
  background-color: var(--color-neutral-200);
  padding: 2px 4px;
} */