.main-area__list-header {
  text-align: center;
  margin: 4pt auto;
  padding: 5pt 0;
  border-bottom: solid 1px #E0E0E0;
  max-width: 600pt;
}

.list-header__A { /* "First Page", "Previous Page" buttons container */
  display: inline-block;
  flex-grow: 1;
  text-align: right;
  width: 80pt;
}

.list-header__page-btn {
  display: inline-block;
  height: 17pt;
  width: 17pt;
  border-radius: 6pt;
  text-decoration: none;
  margin: 0 8pt;
  user-select: none;
  font-size: 14pt;
  text-align: center;
  color: &clr_checkitems_btn_txt;;
  border: solid 1px &clr_checkitems_btn;;
}
.list-header__page-btn:visited {
  color: &clr_checkitems_btn;;
}
.list-header__page-btn:focus, .list-header__page-btn:hover {
  outline: unset;
  background-color: &clr_checkitems_btn_bg;;
}

.page-btn--first::before { content: "&#171;"; }
.page-btn--prev::before { content: "&#8249;"; }
.page-btn--next::before { content: "&#8250;"; }

.list-header__B { /* Page number container */
  display: inline-block;
  min-width: 30pt;
  text-align: center;
}

.list-header__C { /* "Next Page" button container */
  display: inline-block;
  text-align: left;
  width: 80pt;
}


.list {
}

.list__row {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  border-bottom: solid 1px &clr_checkitem_border;;
  max-width: 600pt;
}
.list__row:hover {
  background-color: &clr_checkitem_bg;;
}

.row__caption {
  flex-grow: 1;
  padding: 7pt 0 7pt 10pt;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  color: &clr_txt;;
}
.row__caption:visited {
  color: &clr_txt;;
}

.row__control { padding-right: 10pt; }
