.item-list-container .controlBar {
  display: flex;
  margin-top: 2rem;
}
.item-list-container .controlBar .btn {
  color: #fff;
  padding: 0.40625rem 1.25rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.item-list-container .controlBar .btn:hover a {
  color: #fff;
}
.item-list-container .controlBar .btn:not(:first-child) {
  margin-left: 1rem;
}
.item-list-container .controlBar .btn * {
  color: #fff;
}
.item-list-container .controlBar .btn > * {
  vertical-align: middle;
  font-size: 0.6875rem;
}
.item-list-container .controlBar .btn a {
  margin-left: 0.2rem;
}
.item-list-container .controlBar input {
  width: -moz-max-content;
  width: max-content;
  max-width: 20%;
  margin-left: 1%;
  border-radius: 0.2rem;
  color: inherit;
}
.item-list-container .controlBar .icon-search {
  line-height: normal;
  border-radius: 0.2rem;
}
.item-list-container .person-table {
  width: 100%;
}
.item-list-container .person-table tr th,
.item-list-container .person-table tr td {
  padding: 0.75rem;
  cursor: default;
}
.item-list-container .person-table tr th {
  color: #198fe3;
  border-bottom: 1px solid #c0c0c0;
  font-weight: normal;
  font-size: 75%;
}
.item-list-container .person-table tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.item-list-container .person-table tr td .mvIcon {
  color: white;
}

#personEditorTable {
  padding: 0.75rem;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1em;
}
@media (max-width: 700px) {
  #personEditorTable {
    width: 100%;
  }
}
#personEditorTable .headRow .name,
#personEditorTable .itemRow .name {
  width: 20%;
}
#personEditorTable .headRow .value,
#personEditorTable .itemRow .value {
  text-align: left;
}
#personEditorTable .headRow .value select,
#personEditorTable .itemRow .value select {
  width: auto;
}
#personEditorTable .headRow .value input,
#personEditorTable .itemRow .value input {
  width: 60%;
}

.btn-edit-action {
  margin-top: 2rem;
  float: right;
}