/* === Automatically created from enlist.scss - do not modify! === */

.pfy-default-styling .pfy-enlistment-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  gap: 1em;
}
.pfy-default-styling .pfy-enlistment-wrapper .pfy-enlist-wrapper {
  flex: 1 0 14em;
}
.pfy-default-styling .pfy-enlist-table {
  border-collapse: collapse;
  width: 100%;
}
.pfy-default-styling .pfy-enlist-table th, .pfy-default-styling .pfy-enlist-table td {
  border: 1px solid #ddd;
  padding: 5px;
}
.pfy-default-styling .pfy-enlist-table .pfy-enlist-row-num {
  width: 1em;
  transform: scale(0.75);
  color: #aaa;
  text-align: right;
  left: 1px;
  padding-left: 0;
  padding-right: 1px;
}
.pfy-default-styling .pfy-enlist-table .pfy-enlist-icon-1, .pfy-default-styling .pfy-enlist-table .pfy-enlist-icon-2 {
  width: 2em;
  text-align: center;
}
.pfy-default-styling .pfy-enlist-table:not(.pfy-enlist-custom-fields) thead {
  display: none;
}
.pfy-default-styling .pfy-enlist-empty, .pfy-default-styling .pfy-enlist-expired, .pfy-default-styling .pfy-enlist-obfuscated, .pfy-default-styling .pfy-enlist-add, .pfy-default-styling .pfy-enlist-delete, .pfy-default-styling .pfy-enlist-elem-frozen, .pfy-default-styling .pfy-enlist-elem-pseudo-frozen, .pfy-default-styling .pfy-enlist-field {
  background: var(--pfy-enlist-field-bg, #fffff6);
}
.pfy-default-styling .pfy-enlist-table:not(.pfy-enlist-custom-fields) .pfy-enlist-add .pfy-enlist-name {
  text-align: right;
}
.pfy-default-styling .pfy-enlist-name > div {
  min-height: 1em;
}
.pfy-default-styling .pfy-enlist-table:not(.pfy-enlist-custom-fields) .pfy-enlist-icon-1, .pfy-default-styling .pfy-enlist-custom-fields .pfy-enlist-icon-2 {
  display: none;
}
.pfy-default-styling .pfy-enlist-icon-1 button, .pfy-default-styling .pfy-enlist-icon-2 button {
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #aaa;
  border-radius: 3px;
  text-align: center;
  padding: 0;
  background: none;
}
.pfy-default-styling .pfy-enlist-icon-1 button:empty, .pfy-default-styling .pfy-enlist-icon-2 button:empty {
  display: none;
}
.pfy-default-styling .pfy-enlist-title {
  position: relative;
  border: 1px solid #aaa;
  display: flex;
  background-color: var(--pfy-enlist-title-bg, inherit);
}
.pfy-default-styling .pfy-enlist-title > div:first-child {
  padding: 5px;
  font-weight: bold;
  flex: 1 0 auto;
}
.pfy-default-styling .pfy-enlist-title button {
  width: 1.5em;
  height: 1.5em;
}
.pfy-default-styling .pfy-enlist-title .pfy-enlist-tooltip-anker {
  font-size: 120%;
  padding: 0.3em 0.3em 0 0;
  flex: 0 0 1.5em;
  height: 1.5em;
  text-align: center;
  user-select: none;
  cursor: pointer;
}
.pfy-default-styling .pfy-enlist-tooltip-content {
  display: none;
}
.pfy-default-styling .pfy-enlist-head-buttons {
  padding: 1px;
}
.pfy-default-styling .pfy-enlist-head-buttons button {
  font-size: 120%;
  padding: 0;
}
.pfy-default-styling .pfy-enlist-add button {
  color: green;
  border-color: #4d4;
}
.pfy-default-styling .pfy-enlist-add .pfy-enlist-name {
  color: gray;
  font-style: italic;
}
.pfy-default-styling .pfy-enlist-delete button {
  color: red;
  border-color: red;
}
.pfy-default-styling .pfy-enlist-modify button {
  color: blue;
  border-color: blue;
}
.pfy-default-styling .pfy-enlist-reserve {
  background: var(--pfy-enlist-reserve-field-bg, #f6f6ff);
}
.pfy-default-styling .pfy-enlist-delete-btn-wrapper {
  padding-top: 1em;
  display: flex;
  justify-content: flex-end;
}
.pfy-default-styling .pfy-enlist-delete-btn-wrapper .pfy-input-wrapper {
  width: unset;
}
.pfy-default-styling .pfy-enlist-delete-btn-wrapper label {
  font-style: italic;
}
.pfy-default-styling .pfy-enlist-delete-btn-wrapper input {
  float: right;
  margin-left: 1em;
}
.pfy-default-styling #pfy-enlist-form {
  display: none;
  background: yellow;
}
.pfy-default-styling .pfy-popup-wrapper .add, .pfy-default-styling .pfy-popup-wrapper .del, .pfy-default-styling .pfy-popup-wrapper .modify {
  display: none;
}
.pfy-default-styling .pfy-popup-wrapper.pfy-enlist-add-mode .add {
  display: block;
}
.pfy-default-styling .pfy-popup-wrapper.pfy-enlist-add-mode .pfy-enlist-delete-checkbox {
  display: none;
}
.pfy-default-styling .pfy-popup-wrapper.pfy-enlist-modify-mode .modify {
  display: block;
}
.pfy-default-styling .pfy-popup-wrapper.pfy-enlist-del-mode .del {
  display: block;
}
.pfy-default-styling .pfy-enlist-expired .pfy-enlist-table td {
  cursor: not-allowed;
  filter: brightness(95%);
}
.pfy-default-styling .pfy-enlist-elem-pseudo-frozen {
  filter: brightness(95%);
}
.pfy-default-styling .pfy-enlist-elem-frozen {
  cursor: not-allowed;
}
.pfy-default-styling .pfy-enlist-admin .pfy-enlist-elem-frozen {
  filter: brightness(95%);
}
.pfy-default-styling .pfy-enlist-wrapper .pfy-enlist-add {
  cursor: pointer;
}
.pfy-default-styling .pfy-enlist-wrapper:not(.pfy-enlist-admin) .pfy-enlist-modify, .pfy-default-styling .pfy-enlist-wrapper:not(.pfy-enlist-admin) .pfy-enlist-delete {
  cursor: pointer;
}
.pfy-default-styling .pfy-enlist-admin .pfy-enlist-email {
  display: inline-block;
  margin-left: 0.5em;
  overflow-wrap: anywhere;
}
.pfy-default-styling .pfy-enlist-admin .pfy-enlist-email::before {
  content: "<";
}
.pfy-default-styling .pfy-enlist-admin .pfy-enlist-email::after {
  content: ">";
}
.pfy-default-styling button.pfy-enlist-delete, .pfy-default-styling button.pfy-enlist-add {
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #aaa;
  border-radius: 3px;
  text-align: center;
  padding: 0;
  background: none;
}
.pfy-default-styling button.pfy-enlist-delete {
  color: red;
  border-color: red;
}
.pfy-default-styling button.pfy-enlist-add {
  color: green;
  border-color: #4d4;
}
.pfy-default-styling .pfy-empty-title {
  display: none;
}
.pfy-default-styling .pfy-enlist-delete-mode .pfy-enlist-directly {
  display: none;
}
.pfy-default-styling .pfy-enlist-ical-wrapper {
  padding: 0.4em 0.3em 0 0;
  user-select: none;
  cursor: pointer;
  height: 1.5em;
}
.pfy-default-styling .pfy-enlist-hide-num .pfy-enlist-row-num {
  display: none;
}
.pfy-default-styling .pfy-placeholder {
  text-align: right;
  font-style: italic;
  font-size: 80%;
  color: gray;
}