/********** Base Style **********/
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  background-color: #369;
  font-size: 12px;
  line-height: 14px;
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  color: #000;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
body.hlsite {
  background-color: #fafafa;
  font-family: Lato, Helvetica, sans-serif;
  font-size: 1.08em;
  line-height: 1.1em;
}
body.hlsite .content {
  width: 100%;
}
body.hlsite .section-inner {
  width: auto;
}
body.hlsite #membersmenu {
  padding-top: 50px;
  background-color: white;
}
body.hlsite .post,
body.hlsite #membersmenu ul,
body.hlsite #membersmenu h4 {
  background-color: white;
}
body.hlsite .post {
  border: 1px solid #ddd;
}
body.hlsite .post-inner {
  width: auto;
}
body.hlsite p {
  margin-bottom: 0.8em;
}
body.hlsite #membersmenu h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
}
body.hlsite #membersmenu h4 {
  /* copied from .widget-title in Lovecraft theme */
  display: block;
  border-bottom: 2px solid #ca2017;
  font-family: inherit;
  font-weight: 900;
  font-size: 1.15em;
  line-height: 1.4em;
  margin: 0 0 20px;
}
body.hlsite li {
  padding: 3px;
}
body.hlsite li {
  line-height: 1.14em;
}
body.hlsite form {
  margin-bottom: 5px;
}
body.hlsite input,
body.hlsite select {
  width: initial;
  min-width: 50px;
  background-position: calc(100% - 3px);
}
body.hlsite input[type="checkbox"] {
  min-width: 0;
}
body.hlsite .main-menu a,
body.hlsite .main-menu a:link,
body.hlsite .main-menu a:visited {
  color: rgb(17, 17, 17);
}
body.hlsite .main-menu ul.sub-menu a {
  display: block;
  padding: 20px;
  line-height: 130%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-style: italic;
}
body.hlsite .main-menu ul.sub-menu a:hover,
body.hlsite .main-menu a:hover {
  color: #ca2017;
}
body.hlsite table {
  margin: 5px 0;
}
body.hlsite hr {
  margin: 10px auto;
  width: 100%;
  max-width: none;
}
body.hlsite .removeLine {
  padding: 4px;
}
html {
  height: 100%;
  width: 100%;
}
h2 {
  line-height: 1.2em;
}
input[type="text"] {
  border: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f2f2f2;
  padding: 5px;
  border-radius: 3px;
  width: 250px;
}

:root {
  --field-bg: #fffdf8;
  --field-text: #16202a;
  --field-border: #6f8191;
  --field-border-strong: #365a78;
  --field-placeholder: #5f6f7d;
  --field-disabled-bg: #e6ebf0;
  --field-disabled-text: #56616b;
  --field-shadow: 0 0 0 3px rgba(54, 90, 120, 0.18);
  --button-bg: #365a78;
  --button-bg-hover: #d6e0eb;
  --button-text: #fff;
  --button-text-hover: #11202f;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="url"],
input[type="tel"],
select,
textarea {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--field-bg);
  color: var(--field-text);
  border: 1px solid var(--field-border);
  border-radius: 5px;
  padding: 0.42rem 0.55rem;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.7);
  font-size: 1.02rem;
}

select {
  font-size: inherit;
  padding-right: 2rem;
  background-image:
    linear-gradient(45deg, transparent 50%, #4b6174 50%),
    linear-gradient(135deg, #4b6174 50%, transparent 50%);
  background-position:
    calc(100% - 16px) calc(50% - 3px),
    calc(100% - 10px) calc(50% - 3px);
  background-size:
    6px 6px,
    6px 6px;
  background-repeat: no-repeat;
}

textarea {
  min-height: 6rem;
  line-height: 1.4;
  resize: vertical;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
input[type="search"]::placeholder,
input[type="url"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
  color: var(--field-placeholder);
  opacity: 1;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus,
input[type="text"]:focus-visible,
input[type="password"]:focus-visible,
input[type="email"]:focus-visible,
input[type="number"]:focus-visible,
input[type="date"]:focus-visible,
input[type="search"]:focus-visible,
input[type="url"]:focus-visible,
input[type="tel"]:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: none;
  border-color: var(--field-border-strong);
  box-shadow: var(--field-shadow);
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="search"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
select:disabled,
textarea:disabled,
input[readonly]:not(.flatpickr-input),
textarea[readonly] {
  background-color: var(--field-disabled-bg);
  color: var(--field-disabled-text);
  border-color: #9aa8b4;
  cursor: not-allowed;
}

.flatpickr-input[readonly],
input.datepicker[readonly],
input.datePickerpu[readonly],
input.datePickerdo[readonly] {
  background-color: var(--field-bg);
  color: var(--field-text);
  border-color: var(--field-border);
  cursor: pointer;
}

input[type="submit"],
input[type="button"],
button {
  color: var(--button-text);
  background-color: var(--button-bg);
  border: 1px solid var(--button-bg);
  border-radius: 5px;
  padding: 0.4rem 0.75rem;
  line-height: 1.3;
  box-sizing: border-box;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
button:focus-visible {
  color: var(--button-text-hover);
  background-color: var(--button-bg-hover);
  border-color: var(--button-bg);
  outline: none;
  box-shadow: var(--field-shadow);
}

.select2-container {
  max-width: 100%;
}

.select2-target-wide + .select2-container {
  min-width: 18rem;
}

.mapbuttons .choices {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  max-width: 100%;
}

.mapbuttons label,
.mapbuttons .choices__inner,
.mapbuttons input[type="submit"],
.mapbuttons button {
  vertical-align: middle;
}

.trip-inline-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.trip-inline-picker .choices {
  width: 400px;
}

.trip-participant-picker .choices {
  width: 18rem;
}

.trip-participant-picker__hint {
  margin: 6px 0 0;
  color: #5a677a;
  font-size: 0.92em;
  line-height: 1.35;
}

.editTripPage {
  max-width: 1100px;
}

.editTripPage__header {
  margin-bottom: 16px;
}

.editTripPage__header h2 {
  margin-bottom: 0.35rem;
}

.editTripPage__intro,
.editTripPage__sectionIntro {
  color: #445468;
  line-height: 1.45;
}

.editTripPage__actions {
  margin-top: 0.5rem;
}

.editTripPage__actions a {
  font-weight: 600;
}

.editTripPage__section {
  margin-bottom: 18px;
}

.editTripPage__sectionActions {
  margin: 8px 0 18px;
}

.editTripPage__photoSection {
  margin-bottom: 8px;
}

.trip-photo-manager__notice {
  min-height: 1.4em;
  margin: 8px 0 14px;
  color: #516174;
}

.trip-photo-manager__notice--working {
  color: #23577a;
}

.trip-photo-manager__notice--success {
  color: #1f6a3a;
}

.trip-photo-manager__notice--error {
  color: #9f2f2f;
}

.trip-photo-manager__summary {
  margin-bottom: 6px;
  color: #445468;
}

.trip-photo-bulk-form {
  display: grid;
  gap: 6px;
}

.trip-photo-bulk-form__bar {
  display: grid;
  grid-template-columns: minmax(180px, auto) minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: end;
  padding: 8px 10px;
  border: 1px solid #d5dde8;
  border-radius: 10px;
  background: #f4f8fc;
}

.trip-photo-bulk-form__summary {
  display: grid;
  gap: 3px;
}

.trip-photo-bulk-form__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.trip-photo-bulk-form__count {
  color: #4f6174;
}

.trip-photo-bulk-form__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 8px;
}

.trip-photo-bulk-form__field label {
  display: inline-block;
  margin-bottom: 0.15rem;
  font-size: 0.92em;
}

.trip-photo-bulk-form__field .choices,
.trip-photo-bulk-form__date,
.trip-photo-bulk-form__select {
  width: 100%;
  max-width: 100%;
}

.trip-photo-bulk-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.trip-photo-bulk-form__helper {
  margin: 0;
  color: #526476;
  font-size: 0.93em;
  line-height: 1.2;
}

.trip-photo-bulk-form__reorderNotice {
  margin: 0;
  color: #23577a;
  font-size: 0.92em;
  line-height: 1.2;
}

.trip-photo-bulk-form--reorder .trip-photo-card {
  cursor: default;
}

.trip-photo-bulk-form--reorder .trip-photo-card__quickToggle,
.trip-photo-bulk-form--reorder [data-trip-photo-select],
.trip-photo-bulk-form--reorder .trip-photo-quick-edit,
.trip-photo-bulk-form--reorder .trip-photo-card__thumb {
  pointer-events: none;
}

.trip-photo-bulk-form--reorder .trip-photo-manager__grid {
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  gap: 8px;
}

.trip-photo-bulk-form--reorder .trip-photo-card {
  grid-template-columns: 1fr auto;
  align-items: start;
  justify-items: start;
  gap: 6px;
  padding: 6px;
}

.trip-photo-bulk-form--reorder .trip-photo-card.is-hovered,
.trip-photo-bulk-form--reorder .sortable-placeholder {
  border-color: #86a9cc;
  background: #eef6ff;
}

.trip-photo-bulk-form--reorder .trip-photo-card__select,
.trip-photo-bulk-form--reorder .trip-photo-card__body {
  display: none;
}

.trip-photo-bulk-form--reorder .trip-photo-card__thumb {
  grid-column: 1 / 2;
}

.trip-photo-bulk-form--reorder .trip-photo-card__thumb img {
  width: 88px;
  height: 88px;
}

.trip-photo-manager__empty {
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px dashed #bac7d8;
  border-radius: 10px;
  background: #f8fbff;
  color: #4c5d70;
}

.trip-photo-manager__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 8px;
}

.trip-photo-card {
  display: grid;
  grid-template-columns: auto 76px;
  gap: 8px 10px;
  padding: 8px 10px;
  border: 1px solid #d5dde8;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 4px 12px rgba(31, 46, 70, 0.045);
}

.trip-photo-card--selected {
  border-color: #86a9cc;
  box-shadow: 0 6px 14px rgba(31, 79, 130, 0.11);
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
}

.trip-photo-card--dragging {
  opacity: 0.55;
}

.trip-photo-card--dragPreview {
  position: fixed;
  top: -2000px;
  left: -2000px;
  pointer-events: none;
  margin: 0;
  z-index: 9999;
  width: 76px;
  height: 76px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(20, 35, 54, 0.22);
  border: 1px solid #c6d2e0;
  background: #fff;
}

.trip-photo-card--dragPreview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.trip-photo-card__select {
  align-self: start;
}

.trip-photo-card__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.83em;
  font-weight: 600;
  color: #405367;
  line-height: 1.2;
}

.trip-photo-card__thumb {
  display: block;
  justify-self: start;
}

.trip-photo-card__dragHandle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  color: #66748a;
  cursor: grab;
  font-weight: 700;
  letter-spacing: 0.08em;
  user-select: none;
}

.trip-photo-bulk-form--reorder .trip-photo-card__dragHandle {
  display: inline-flex;
}

.trip-photo-card--dragging .trip-photo-card__dragHandle {
  cursor: grabbing;
}

.trip-photo-card__thumb img {
  width: 76px;
  height: 76px;
  display: block;
  object-fit: cover;
  border-radius: 7px;
  border: 1px solid #c6d2e0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px;
}

.trip-photo-card__body {
  grid-column: 1 / -1;
  min-width: 0;
}

.trip-photo-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 4px 6px;
  margin-bottom: 3px;
}

.trip-photo-card__title {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.18;
}

.trip-photo-card__meta,
.trip-photo-card__helper,
.trip-photo-card__actions {
  margin: 0 0 3px;
}

.trip-photo-card__details {
  display: grid;
  gap: 3px;
  margin-bottom: 4px;
}

.trip-photo-card__detail {
  display: grid;
  gap: 1px;
  margin: 0;
  color: #46596d;
}

.trip-photo-card__detail--missing .trip-photo-card__label,
.trip-photo-card__detail--missing .trip-photo-card__value {
  color: #8a5400;
}

.trip-photo-card__label {
  font-size: 0.72em;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #607386;
  line-height: 1.15;
}

.trip-photo-card__value {
  font-size: 0.93em;
  line-height: 1.18;
}

.trip-photo-card__statusBubble {
  font-size: 0.86em;
  vertical-align: middle;
}

.trip-photo-card__helper {
  color: #405265;
  font-size: 0.92em;
  line-height: 1.18;
}

.trip-photo-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  font-size: 0.93em;
}

.trip-photo-quick-edit {
  margin-top: 5px;
  padding-top: 6px;
  border-top: 1px solid #dbe3ed;
}

.trip-photo-quick-edit__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 8px;
}

.trip-photo-quick-edit__field {
  margin: 0;
}

.trip-photo-quick-edit__field--wide {
  grid-column: 1 / -1;
}

.trip-photo-quick-edit__field label {
  display: inline-block;
  margin-bottom: 0.15rem;
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #607386;
}

.trip-photo-quick-edit__field textarea,
.trip-photo-quick-edit__field input,
.trip-photo-quick-edit__field select {
  width: 100%;
  max-width: 100%;
}

.trip-photo-quick-edit__field textarea {
  min-height: 3.8rem;
  resize: vertical;
}

.trip-photo-quick-edit__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 6px 0 0;
}

.finalPhotoEditPage {
  max-width: 1100px;
}

.finalPhotoEditPage__header {
  margin-bottom: 16px;
}

.finalPhotoEditPage__header h2 {
  margin-bottom: 0.35rem;
}

.finalPhotoEditPage__intro,
.finalPhotoEditSection__intro {
  color: #445468;
  line-height: 1.45;
}

.finalPhotoEditPage__actions {
  margin-top: 0.5rem;
}

.finalPhotoEditPage__actions a {
  font-weight: 600;
  margin-right: 0.75rem;
}

.finalPhotoEditHero {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 16px 22px;
  align-items: start;
  margin-bottom: 18px;
}

.finalPhotoEditHero__photo img {
  max-width: 100%;
  display: block;
}

.finalPhotoEditHero__summary {
  padding: 16px 18px;
  border: 1px solid #d5dde8;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.finalPhotoEditHero__summary h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.finalPhotoEditHero__summary p {
  margin: 0 0 0.45rem;
  line-height: 1.4;
}

.finalPhotoEditSection {
  margin-bottom: 18px;
}

.finalPhotoToggleList,
.finalPhotoLinkList {
  display: grid;
  gap: 10px;
}

.finalPhotoToggleRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  padding: 12px 14px;
  border: 1px solid #d5dde8;
  border-radius: 10px;
  background: #fbfcfe;
}

.finalPhotoToggleRow__content {
  flex: 1 1 260px;
}

.finalPhotoToggleRow__content h4 {
  margin: 0 0 0.35rem;
}

.finalPhotoToggleRow__actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

.finalPhotoToggleRow__actions button,
.finalPhotoInlineChange__cancel {
  font: inherit;
  font-size: 1em;
}

.finalPhotoToggleRow__actions form {
  margin: 0;
}

.finalPhotoToggleRow--add {
  align-items: center;
}

.finalPhotoInlineRow__helper {
  margin: 0.35rem 0 0;
  color: #516174;
  line-height: 1.4;
}

.finalPhotoInlineChange,
.finalPhotoInlinePicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

.finalPhotoInlineChange {
  margin-top: 0.75rem;
}

.finalPhotoInlineChange label,
.finalPhotoInlinePicker label {
  margin: 0;
  font-weight: 600;
}

.finalPhotoInlineChange[hidden],
.finalPhotoInlineChange.is-hidden {
  display: none;
}

.finalPhotoInlineChange .choices,
.finalPhotoInlinePicker .choices {
  width: min(100%, 24rem);
  max-width: 100%;
}

.finalPhotoInlineChange__cancel {
  margin-left: 0.2rem;
}

.finalPhotoLinkList__item {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d5dde8;
  border-radius: 10px;
  background: #fbfcfe;
}

.finalPhotoLinkList__item a {
  margin-left: 0.5rem;
  font-weight: 600;
}

.finalPhotoInlineForm {
  padding: 12px 14px;
  border: 1px solid #d5dde8;
  border-radius: 10px;
  background: #fbfcfe;
}

.finalPhotoInlineForm__field {
  margin: 0 0 0.7rem;
}

.finalPhotoInlineForm__field label {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-weight: 600;
}

.finalPhotoInlineForm__field input[type="text"],
.finalPhotoInlineForm__field input[type="date"],
.finalPhotoInlineForm__field textarea,
.finalPhotoInlineForm__select {
  width: 100%;
  max-width: 100%;
}

.finalPhotoInlineForm__field textarea {
  min-height: 7rem;
}

.finalPhotoInlineForm__actions {
  margin: 0;
}

.finalPhotoInlineForm__status,
.finalPhotoInlineForm__hint {
  margin: 0 0 0.45rem;
  line-height: 1.35;
}

.finalPhotoInlineForm__status {
  color: #516174;
}

.finalPhotoInlineForm__status--working {
  color: #23577a;
}

.finalPhotoInlineForm__status--success {
  color: #1f6a3a;
}

.finalPhotoInlineForm__status--error {
  color: #9f2f2f;
}

.finalPhotoInlineForm__hint {
  color: #516174;
}

.finalPhotoEditForms {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.finalPhotoInlineForm--wide {
  min-width: 0;
}

@media (max-width: 760px) {
  .finalPhotoEditHero,
  .finalPhotoEditForms {
    grid-template-columns: 1fr;
  }

  .finalPhotoToggleRow {
    align-items: start;
  }
}

.editTripPage__deleteLink {
  margin-top: 14px;
}

.editTripPage--create {
  max-width: 960px;
}

.trip-date-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}

.trip-date-form__field {
  flex: 1 1 320px;
  margin: 0;
}

.trip-date-form__field--hours {
  flex: 0 1 24rem;
}

.trip-date-form__field label,
.trip-date-form__summaryLabel {
  display: inline-block;
  margin-bottom: 0.35rem;
}

.trip-date-form__summary {
  margin: 0;
  min-width: 120px;
}

.trip-date-form__actions {
  margin: 0;
}

.trip-date-form__actions button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.trip-date-range-input {
  width: 100%;
  max-width: 24rem;
}

.trip-date-form__message {
  display: block;
  margin-top: 0.35rem;
  min-height: 1.25rem;
  color: #4b5563;
  font-size: 0.95rem;
}

.trip-date-form__message--error {
  color: #b91c1c;
  font-weight: 600;
}

.trip-date-form__message--success {
  color: #166534;
}

.createTripGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px 18px;
}

.createTripGrid__wide {
  grid-column: 1 / -1;
}

.createTripList {
  display: grid;
  gap: 10px;
}

.createTripList__toolbar {
  margin: 10px 0 0;
}

.createTripRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px 14px;
  border: 1px solid #d5dde8;
  border-radius: 8px;
  background: #fbfcfe;
}

.createTripRow__field label {
  display: inline-block;
  margin-bottom: 0.35rem;
}

.createTripRow__actions {
  white-space: nowrap;
}

.createTripRow__field .choices {
  width: 100%;
  max-width: 100%;
}

.trip-item-list {
  display: grid;
  gap: 12px;
}

.trip-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #d5dde8;
  border-radius: 8px;
  background: #fbfcfe;
}

.trip-item--warning {
  border-color: #e2b468;
  background: #fffaf0;
}

.trip-item--add {
  background: #f4f8fc;
}

.trip-item__body {
  flex: 1 1 320px;
}

.trip-item__title {
  margin: 0 0 0.4rem;
}

.trip-item__statusRow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}

.trip-status {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 1.2;
}

.trip-status[hidden] {
  display: none !important;
}

.trip-status--success {
  background: #e7f4ea;
  color: #215d38;
}

.trip-status--warning {
  background: #fff1d6;
  color: #8a5400;
}

.trip-status--pending,
.trip-status--neutral {
  background: #eaf0f6;
  color: #405468;
}

.trip-item__helper,
.trip-narrative__helper {
  margin: 0;
  color: #516172;
  line-height: 1.45;
}

.trip-stocking-entry-list {
  display: grid;
  gap: 0.4rem;
}

.trip-stocking-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.trip-stocking-entry__details {
  min-width: 0;
}

.trip-stocking-entry__title {
  font-weight: 700;
  color: #2d4256;
}

.trip-stocking-entry__meta {
  font-size: 0.9em;
  color: #67798c;
}

.trip-stocking-entry .stockingsheet-miniAction {
  margin-top: 0;
  flex: 0 0 auto;
}

.trip-inline-change {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.75rem;
}

.trip-inline-change label {
  margin: 0;
  font-weight: 600;
}

.trip-inline-change[hidden],
.trip-inline-change.is-hidden {
  display: none;
}

.trip-inline-change .choices {
  width: min(100%, 24rem);
  max-width: 100%;
}

.trip-inline-change__cancel {
  margin-left: 0.2rem;
}

.trip-toggle-inline-edit,
.trip-inline-change__cancel {
  font: inherit;
  font-size: 1em;
}

.trip-item__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.35rem;
  flex: 0 1 320px;
}

.trip-item--lake {
  align-items: center;
}

.trip-item--lake .trip-item__actions {
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
}

.trip-narrative__content {
  line-height: 1.6;
}

.trip-narrative__textarea {
  width: 100%;
  max-width: 56rem;
  min-height: 16rem;
}

@media (max-width: 720px) {
  .createTripRow {
    grid-template-columns: 1fr;
  }

  .createTripRow__actions {
    white-space: normal;
  }

  .trip-item {
    padding: 12px;
  }

  .trip-item__actions {
    flex-basis: 100%;
  }

  .trip-inline-change .choices {
    width: 100%;
  }

  .trip-item--lake .trip-item__actions {
    flex-wrap: wrap;
    justify-content: flex-start;
    white-space: normal;
  }

  .trip-photo-bulk-form__bar {
    grid-template-columns: 1fr;
  }

  .trip-photo-bulk-form__fields {
    grid-template-columns: 1fr;
  }

  .trip-photo-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .trip-photo-card__thumb {
    grid-column: auto;
  }

  .trip-inline-picker .choices,
  .trip-participant-picker .choices,
  .trip-narrative__textarea {
    width: 100%;
  }
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  background-color: var(--field-bg);
  color: var(--field-text);
  border: 1px solid var(--field-border);
  border-radius: 5px;
  min-height: 2.2rem;
  box-sizing: border-box;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  color: var(--field-text);
  line-height: 2.1rem;
  font-size: inherit;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 2.1rem;
}

.select2-results__option {
  font-size: inherit;
}

.choices__inner,
.choices__list--dropdown,
.choices__list[aria-expanded] {
  font-size: inherit;
}

.choices__list--dropdown .choices__item--choice,
.choices__list[aria-expanded] .choices__item--choice {
  padding: 0.65rem 0.8rem;
  border-top: 1px solid #e5ebf1;
}

.choices__list--dropdown .choices__item--choice:first-child,
.choices__list[aria-expanded] .choices__item--choice:first-child {
  border-top: 0;
}

.choices__list--dropdown .choices__item--choice:nth-child(even),
.choices__list[aria-expanded] .choices__item--choice:nth-child(even) {
  background: #f8fafc;
}

.choices__list--dropdown .choices__item--choice.is-highlighted,
.choices__list[aria-expanded] .choices__item--choice.is-highlighted {
  background: #e8f1fb;
  color: inherit;
}

.choices__list--dropdown
  .choices__item--choice.is-highlighted
  .lake-search-choice__meta,
.choices__list[aria-expanded]
  .choices__item--choice.is-highlighted
  .lake-search-choice__meta {
  color: #4c6277;
}

.choices__list--dropdown .lake-search-choice,
.choices__list[aria-expanded] .lake-search-choice {
  background: #ffffff;
}

.choices__list--dropdown .lake-search-choice:nth-child(even),
.choices__list[aria-expanded] .lake-search-choice:nth-child(even) {
  background: #f8fafc;
}

.choices__list--dropdown .lake-search-choice.is-highlighted,
.choices__list[aria-expanded] .lake-search-choice.is-highlighted {
  background: #e8f1fb;
}

.lake-search-choice__primary {
  font-weight: 600;
  line-height: 1.3;
}

.lake-search-choice__meta {
  margin-top: 0.15rem;
  color: #617387;
  font-size: 0.92em;
  line-height: 1.25;
}

.unidentifiedParticipantsPage {
  max-width: 72rem;
}

.unidentifiedParticipantsPage__empty {
  margin-top: 1rem;
}

.unidentifiedParticipantsTable {
  width: 100%;
  margin-top: 1.25rem;
  border-collapse: collapse;
}

.unidentifiedParticipantsTable th,
.unidentifiedParticipantsTable td {
  padding: 0.8rem 0.9rem;
  border-bottom: 1px solid #cfd6e0;
  text-align: left;
  vertical-align: top;
}

.unidentifiedParticipantsTable th {
  background: #f2f5f9;
}

.lakeListTable thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #e3d0b8;
  box-shadow: inset 0 -1px 0 #b79d7a;
}

.lakeListPage {
  height: calc(100vh - 12rem);
}

.lakeListPage .firstrow {
  min-height: 0;
}

.changeRosterPage.findLakePage {
  max-width: none;
}

.findLakeIntro {
  margin-bottom: 0.35rem;
}

.findLakeContextNote,
.findLakeNotice,
.findLakeEmptyState {
  margin: 0 0 1rem;
  padding: 0.9rem 1rem;
  border-radius: 8px;
}

.findLakeContextNote {
  background: #f5f0e8;
  border: 1px solid #dbcbb3;
}

.findLakeNotice {
  background: #fff5d9;
  border: 1px solid #e2c979;
}

.findLakeEmptyState {
  background: #f7f8fa;
  border: 1px solid #d4dce7;
}

.findLakeSearchLayout {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

.findLakePrimarySearch {
  gap: 0;
}

.findLakeSearchCard--primary {
  background: linear-gradient(180deg, #fcfbf7 0%, #f5eee4 100%);
  padding: 12px 14px 14px;
}

.findLakePrimaryGrid {
  display: grid;
  grid-template-columns: minmax(280px, 560px) auto;
  gap: 0.35rem 0.85rem;
  align-items: start;
}

.findLakePrimaryNameField input {
  max-width: 32rem;
}

.findLakeSearchCard--primary .changeRosterField {
  gap: 0.25rem;
}

.findLakeSearchCard--primary .changeRosterField label,
.findLakeSearchCard--primary .changeRosterCheckbox span {
  line-height: 1.15;
}

.findLakeSearchCard--primary .changeRosterField input {
  padding-top: 6px;
  padding-bottom: 6px;
}

.findLakeElevationGroup {
  display: grid;
  gap: 0.15rem;
  align-content: start;
}

.findLakeElevationField {
  gap: 0.2rem;
}

.findLakeElevationInputRow {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.findLakeSearchCard--primary .findLakeElevationInputRow input[type="search"] {
  width: 5.5rem;
  min-width: 0;
  flex: 0 0 auto;
}

.findLakeSearchActions {
  margin-top: 0.1rem;
  gap: 0.7rem;
}

.findLakeSearchActions,
.findLakeSearchActions .button_line {
  align-items: center;
}

.findLakeSearchFooter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin-top: 0.1rem;
}

.findLakeSearchMeta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin-top: 0;
  margin-left: auto;
}

.findLakeMapCallout {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.8rem;
}

.findLakeMapToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.2rem;
  padding: 0.45rem 0.9rem;
  border: 1px solid #1f5f95;
  border-radius: 6px;
  background: #2f6ea4;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}

.contentarea .findLakeMapToggle:link,
.contentarea .findLakeMapToggle:visited {
  color: #fff;
}

.findLakeMapToggle:hover,
.findLakeMapToggle:focus,
.findLakeMapToggle:focus-visible {
  background: #255983;
  color: #fff;
  text-decoration: none;
}

.findLakeMapToggle--secondary {
  background: #f5f0e8;
  border-color: #cbb79d;
  color: #42372b;
  box-shadow: none;
}

.contentarea .findLakeMapToggle--secondary:link,
.contentarea .findLakeMapToggle--secondary:visited {
  color: #42372b;
}

.findLakeMapToggle--secondary:hover,
.findLakeMapToggle--secondary:focus,
.findLakeMapToggle--secondary:focus-visible {
  background: #ece2d2;
  color: #32291f;
}

.findLakeSearchCount {
  margin-left: auto;
  padding: 0.32rem 0.7rem;
  border: 1px solid #d7dfeb;
  border-radius: 999px;
  background: #f7f9fc;
  white-space: nowrap;
}

.findLakeFieldInlineNote {
  margin: 0;
  color: #5a544a;
}

.findLakeElevationDefault {
  margin: 0 0 0 0.55rem;
  min-height: 0;
  white-space: nowrap;
}

.changeRosterCheckbox.findLakeViewDefault {
  margin: 0;
  margin-bottom: 0;
  min-height: 0;
  min-height: 2.2rem;
  align-self: center;
  display: inline-flex;
  align-items: center;
}

.changeRosterCheckbox.findLakeViewDefault input {
  margin-top: 0;
}

.changeRosterCheckbox.findLakeViewDefault span {
  line-height: 1;
}

.findLakeAdvancedSearch {
  border: 1px solid #d8cfbf;
  border-radius: 8px;
  background: #fffdf9;
}

.findLakeAdvancedSearch summary {
  padding: 0.9rem 1rem;
  cursor: pointer;
  font-weight: 700;
}

.findLakeAdvancedGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1rem;
  padding: 0 1rem 1rem;
}

.findLakeAdvancedForm,
.findLakeAdvancedForm .changeRosterForm {
  gap: 0;
}

.findLakeCardIntro {
  margin: 0 0 0.9rem;
  color: #5a544a;
}

.findLakeCompactGrid {
  grid-template-columns: repeat(3, minmax(120px, 1fr));
}

.findLakeResultsSection {
  margin-top: 0.35rem;
}

.findLakeResultsCount {
  margin: 0;
  font-weight: 600;
}

.findLakeResultsPage {
  height: calc(100vh - 12rem);
}

.findLakeResultsPage--mapHidden {
  display: flex;
  min-height: 0;
}

.findLakeResultsPage .firstrow {
  min-height: 0;
}

.findLakeMapToolbar {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
}

.findLakeMapToolbar .floatleft,
.findLakeMapToolbar .floatLeft {
  float: none;
}

.findLakeMapViewport {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
}

.findLakeMapZoomControls {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.findLakeMapZoomControls button {
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid rgba(38, 55, 89, 0.28);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  color: #1f3557;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.findLakeMapViewport--google .findLakeMapZoomControls {
  left: auto;
  right: 0.75rem;
}

.findLakeMapZoomControls button:hover,
.findLakeMapZoomControls button:focus,
.findLakeMapZoomControls button:focus-visible {
  background: #ffffff;
}

.findLakeMapPanel {
  border: 1px solid #c7d1de;
  border-radius: 6px;
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
}

.findLakeResultsPanel {
  min-height: 0;
  overflow: auto;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 6px;
}

.findLakeResultsPage--mapHidden .findLakeResultsPanel {
  flex: 1 1 auto;
}

.findLakeResultsTable {
  width: 100%;
  border-collapse: collapse;
}

.findLakeResultsTable th,
.findLakeResultsTable td {
  padding: 6px 0.85rem;
  border-bottom: 1px solid #dfe5ee;
  text-align: left;
  vertical-align: middle;
}

.findLakeResultsTable thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e8edf4;
  box-shadow: inset 0 -1px 0 #c6d1df;
}

.findLakeResultsNameHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.7rem;
}

.findLakeResultsTable tr.button_line {
  line-height: normal;
}

.findLakeResultsZoomHeader {
  white-space: nowrap;
}

.findLakeResultsRow--active td {
  background-color: #f1e5cd;
}

.findLakeResultsNameCell {
  width: auto;
  position: static;
}

.findLakeResultsNameCell a,
.contentarea .findLakeResultsNameCell a:link,
.contentarea .findLakeResultsNameCell a:visited {
  color: #123f6b;
  display: inline-block;
  position: static;
  vertical-align: baseline;
  font-size: 1.14em;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.findLakeResultsNameCell a:hover,
.findLakeResultsNameCell a:focus,
.findLakeResultsNameCell a:focus-visible {
  color: #0d2e4f;
  background-color: #edf4fb;
  border-radius: 4px;
  text-decoration: none;
}

.findLakeResultsZoomCell {
  white-space: nowrap;
}

.findLakeResultsZoomCell button.findLakeResultsZoomButton {
  color: #2c3c49;
  background-color: #f3f5f7;
  border-color: #b7c3cf;
  font-size: 0.92em;
  font-weight: 600;
  box-shadow: none;
}

.findLakeResultsZoomCell button.findLakeResultsZoomButton:hover,
.findLakeResultsZoomCell button.findLakeResultsZoomButton:focus,
.findLakeResultsZoomCell button.findLakeResultsZoomButton:focus-visible {
  color: #122536;
  background-color: #e6edf3;
  border-color: #8ea2b5;
  box-shadow: 0 0 0 3px rgba(92, 124, 153, 0.18);
}

.lakeListMapToolbar {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
}

.lakeListMapToolbar .floatleft,
.lakeListMapToolbar .floatLeft {
  float: none;
}

.lakeListMapPanel {
  flex: 1 1 auto;
  min-height: 0;
  border: 1px solid #c7d1de;
  border-radius: 4px;
  overflow: hidden;
}

.lakeListPage #under_map {
  min-height: 0;
  overflow: auto;
}

.lakeListTableToolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin: 0 0 0.6rem;
}

.lakeListCountSummary {
  font-weight: 600;
}

.lakeListSortLink {
  color: black;
  display: block;
  width: 100%;
  padding: 0.15rem 0.25rem;
  border-radius: 4px;
  box-sizing: border-box;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.lakeListSortIndicator {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.95rem;
  line-height: 1;
}

.lakeListTable thead th.sortcolumn .lakeListSortIndicator {
  color: blue;
}

.lakeListSortLink:hover,
.lakeListSortLink:focus,
.lakeListSortLink:focus-visible {
  background-color: rgba(255, 255, 255, 0.55);
}

.lakeListRow {
  cursor: pointer;
}

.lakeListRow td:last-child,
.lakeListRow td:last-child * {
  cursor: auto;
}

.lakeListRow--active {
  outline: 2px solid #2f7d32;
  outline-offset: -2px;
}

.lakeListTable tfoot td {
  background-color: #eef2f7;
  padding: 0.75rem 0.5rem;
}

.lakeListTableFooter td {
  border-top: 1px solid #c7d1de;
}

.lakeListActionCell {
  white-space: nowrap;
}

.lakeListPointerKey {
  flex: 1 1 16rem;
  height: 1.35rem;
  line-height: 1.2rem;
  overflow: visible;
  display: flex;
  align-items: center;
  min-height: 0;
}

.lakeListPointerKey .icondemo {
  width: 36px;
  height: 36px;
  margin: -12px 0 -10px;
}

.lakeListDownloadActions,
.lakeListClearListAction {
  margin: 0;
}

.lakeListMapPopupActions {
  margin-top: 0.4rem;
}

.lakeListMapPopupStatus {
  display: inline-block;
  margin-top: 0.35rem;
  font-weight: 600;
}

@media (max-width: 900px) {
  .lakeListPage {
    height: calc(100vh - 8rem);
  }

  .findLakeResultsPage {
    height: calc(100vh - 8rem);
  }
}

@media (max-width: 700px) {
  .findLakePrimaryGrid,
  .findLakeAdvancedGrid,
  .findLakeCompactGrid {
    grid-template-columns: 1fr;
  }

  .findLakeSearchMeta {
    align-items: flex-start;
    margin-left: 0;
  }

  .findLakeSearchCount {
    margin-left: 0;
  }

  .findLakePrimaryNameField input {
    max-width: none;
  }
}

.unidentifiedParticipantsTable__actions {
  white-space: nowrap;
}

.unidentifiedParticipantsTable__actions a {
  display: inline-block;
  margin-right: 0.85rem;
}

@media (max-width: 700px) {
  .unidentifiedParticipantsTable,
  .unidentifiedParticipantsTable thead,
  .unidentifiedParticipantsTable tbody,
  .unidentifiedParticipantsTable tr,
  .unidentifiedParticipantsTable th,
  .unidentifiedParticipantsTable td {
    display: block;
  }

  .unidentifiedParticipantsTable thead {
    position: absolute;
    left: -9999px;
  }

  .unidentifiedParticipantsTable tr {
    margin-bottom: 1rem;
    border: 1px solid #cfd6e0;
  }

  .unidentifiedParticipantsTable td {
    border-bottom: 1px solid #e3e8ef;
  }

  .unidentifiedParticipantsTable td::before {
    content: attr(data-label) ": ";
    font-weight: 700;
  }

  .unidentifiedParticipantsTable__actions a {
    margin-bottom: 0.4rem;
  }
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open
  .select2-selection--multiple {
  border-color: var(--field-border-strong);
  box-shadow: var(--field-shadow);
}

.select2-dropdown {
  border: 1px solid var(--field-border-strong);
}
/********** Top Banner **********/
.texttitle h1 {
  color: #fff;
  font-size: 24px;
  font-variant: small-caps;
  font-weight: 700;
}

.texttitle h2 {
  color: #000;
  font-size: 18px;
  font-variant: small-caps;
  font-weight: 700;
}

#titlebar {
  background-color: #fff;
  background-image: url(/images/newlogo.jpg);
  background-repeat: no-repeat;
  height: 92px;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
/*****Properties for the nav bar*****/
#navbar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  display: block;
  margin: 0;
  padding-left: 10px;
  padding-top: 46px;
  padding-right: 10px;
  position: absolute;
  width: 150px;
  top: 92px;
  bottom: 0;
  background-color: #369;
  box-sizing: border-box;
  transition:
    background-color 0.2s ease,
    width 0.2s ease;
}
#tbdues .headerrow,
#navbar .nav {
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
  list-style: none;
  max-height: calc(100vh - 148px);
  overflow-y: auto;
  padding: 0;
  background-color: #369;
  margin: 0;
}
#navbar .nav li {
  padding-bottom: 0;
}
#navbar .site-nav__item,
#navbar .site-nav__section {
  margin-bottom: 0.8rem;
}
#navbar .site-nav__item--donate {
  margin-top: 1.25rem;
}
#navbar .site-nav__section-links {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.35rem;
}
#navbar .site-nav__section-links li {
  margin-bottom: 0.35rem;
}
#navbar .site-nav__section-title {
  color: #c9d9e8;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin: 0 0 0.35rem;
  text-transform: uppercase;
}
#navbar .site-nav__donate-form {
  margin: 0;
}
#navbar .site-nav__donate-button {
  appearance: none;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  padding: 0.35rem 0.65rem;
}
#navbar .site-nav__donate-button:hover,
#navbar .site-nav__donate-button:active,
#navbar .site-nav__donate-button:focus {
  background: rgba(229, 212, 92, 0.22);
  border-color: rgba(229, 212, 92, 0.7);
  color: #000;
}
#navbar a:link {
  text-decoration: none;
  color: #fff;
}

#navbar a:visited {
  text-decoration: none;
  color: #f5f7f4;
}

#navbar a:hover,
#navbar a:active,
#navbar a:focus {
  text-decoration: none;
  color: #e5d45c;
  transition: all 0.5s ease-in-out;
}

#navbarhl {
  display: none;
}
/* menu icon */

#navbar .menu-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  user-select: none;
  width: 32px;
}

#navbar .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 18px;
}

#navbar .menu-icon .navicon:before,
#navbar .menu-icon .navicon:after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}

#navbar .menu-icon .navicon:before {
  top: 5px;
}

#navbar .menu-icon .navicon:after {
  top: -5px;
}
.icondemo {
  width: 44px;
  height: 44px;
}
/* menu btn */

#navbar .menu-btn {
  display: none;
}

#navbar .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

#navbar .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

#navbar .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

#navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
#navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

@media (min-width: 801px) {
  #navbar:has(.menu-btn:not(:checked)) {
    background-color: transparent;
    bottom: auto;
    height: 48px;
    padding: 0;
    top: 46px;
    width: 48px;
    z-index: 20;
  }
  #navbar:has(.menu-btn:not(:checked)) .menu-icon {
    background: #369;
    left: 8px;
    right: auto;
  }
  #navbar:has(.menu-btn:not(:checked)) .nav {
    display: none;
  }
  #navbar:has(.menu-btn:not(:checked)) ~ .contentarea {
    left: 0;
  }
}

/********Header definitions********/
#welcomeheader,
#aboutheader,
#historyheader,
#biographiesheader,
#scienceheader,
#lakesurveyheader,
#galleryheader,
#issuesheader,
#linksheader,
#forumheader,
#membersheader,
#searchheader,
#errorheader,
#scholarshipheader,
.pageheader {
  width: auto;
  padding: 0;
  margin: 10px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 38px;
}
.pageheader {
  padding-top: 10px;
  margin: 0;
  height: auto;
  z-index: 100;
}
.pageheader h1 {
  /* 	background-image:url(/images/newheaders/welcome.jpg); */
  font-family: "Brush Script MT", cursive;
  font-size: 3em;
  line-height: 0.8em;
  margin: 0 0 0 10px;
}
.pagetitlebar {
  position: relative;
  background: linear-gradient(
    to right,
    rgba(51, 102, 153, 1),
    rgba(51, 102, 153, 1) 300px,
    rgba(51, 102, 153, 0) 635px
  );
  border-radius: 5px;
  height: 10px;
  margin-left: 10px;
  z-index: 1;
}
a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}
#aboutheader {
  background-image: url(/images/newheaders/about.jpg);
}

#historyheader {
  background-image: url(/images/newheaders/history.jpg);
}

#biographiesheader {
  background-image: url(/images/newheaders/biographies.jpg);
}

#scienceheader {
  background-image: url(/images/newheaders/science.jpg);
}

#lakesurveyheader {
  background-image: url(/images/newheaders/lakesurvey.jpg);
}

#galleryheader {
  background-image: url(/images/newheaders/gallery.jpg);
}

#issuesheader {
  background-image: url(/images/newheaders/issues.jpg);
}

#linksheader {
  background-image: url(/images/newheaders/links.jpg);
}

#forumheader {
  background-image: url(/images/newheaders/forum.jpg);
}

#membersheader {
  background-image: url(/images/newheaders/members.jpg);
}

#searchheader {
  background-image: url(/images/newheaders/search.jpg);
}

#errorheader {
  background-image: url(/images/newheaders/error.jpg);
}

#scholarshipheader {
  background-image: url(/images/newheaders/scholarship.jpg);
}

/*****Properties for the content body******/
table {
  width: 100%;
  border-collapse: collapse;
}
tr {
  border: none;
}
td {
  border-style: none;
  border-color: black;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top: none;
  border-bottom: none;
}
table.stickyheader {
  display: block;
  overflow-y: scroll;
  position: relative;
  max-height: 1000px;
}
table.stickyheader tr th {
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  background-color: #e3d0b8;
  border-top: inherit;
  border-bottom: inherit;
}
table.stickyheader.statstable tr th {
  border-color: white;
  border-style: solid;
  border-width: 1px;
  border-top: none;
}
table.stickyheader tr th.sortcolumn {
  background-color: inherit;
}
.grey {
  color: gray;
}
.statstable tr {
  padding: 0 3px;
}
.statstable tr:first-child {
  border-top: none;
}
#hlm_table col.widthFull {
  width: auto;
}
#hlmc tr td {
  padding-left: 10px;
}
.padded tr th,
.padded tr td {
  padding: 0 5px;
}
.statstable tr th,
.statstable tr td {
  padding: 5px;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.statstable tr th a:link {
  color: black;
  display: block;
  width: 100%;
  padding: 0.15rem 0.25rem;
  border-radius: 4px;
  box-sizing: border-box;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.statstable tr th a:visited {
  color: black;
  display: block;
  width: 100%;
  padding: 0.15rem 0.25rem;
  border-radius: 4px;
  box-sizing: border-box;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.statstable .fa-solid {
  color: rgba(0, 0, 0, 0.7);
  padding-left: 4px;
}
.statstable tr th a:hover,
.statstable tr th a:focus,
.statstable tr th a:focus-visible {
  background-color: rgba(255, 255, 255, 0.55);
}
.statstable tr th:hover {
  background-color: #e3deb8;
  transition-duration: 0.3s;
}
.statstable tr th:hover .fa-solid {
  color: blue;
}
.padded td {
  padding: 3px 0 3px 8px;
}
.yadontable tr.statrow,
.yadontable tr.statrow td {
  border-bottom-color: white;
}
.yadontable tr.noterow,
.yadontable tr.noterow td {
  border-top-color: white;
}
.alternateColors li:nth-child(even),
.alternateColors tr:nth-child(even),
.alternateColors > div:nth-child(4n),
.alternateColors > div:nth-child(4n-1),
.alternateColorsDouble tr:nth-child(4n-1),
.alternateColorsDouble tr:nth-child(4n-2) {
  background-color: #dee6f2;
}
.alternateColors li:nth-child(odd),
.alternateColors tr:nth-child(odd),
.article .sortable li,
.article .saplist li,
.alternateColors > div:nth-child(4n-3),
.alternateColors > div:nth-child(4n-2),
.alternateColorsDouble tr:nth-child(4n),
.alternateColorsDouble tr:nth-child(4n-3) {
  background-color: #b9cbe3;
}
#stockingsheetform {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1rem;
}
.stockingsheet-pageActions {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0.85rem;
}
.stockingsheet-linkButton,
.stockingsheet-linkButton:link,
.stockingsheet-linkButton:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.8rem;
  border: 1px solid #7d90a1;
  border-radius: 999px;
  background: #f4f7fa;
  color: #213547;
  font-weight: 700;
  text-decoration: none;
}
.stockingsheet-linkButton:hover,
.stockingsheet-linkButton:focus,
.stockingsheet-linkButton:focus-visible {
  color: #132434;
  background: #dce7f0;
  border-color: #4f6d87;
}
.stockingsheet-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0.8rem 0 1rem;
}
.stockingsheet-summary__card {
  min-width: 7.5rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid #d0dae3;
  border-radius: 10px;
  background: #f7fafc;
}
.stockingsheet-summary__card strong {
  display: block;
  font-size: 1.25em;
  line-height: 1.15;
}
.stockingsheet-summary__label {
  display: block;
  margin-bottom: 0.25rem;
  color: #415160;
  font-size: 0.9em;
}
.stockingsheet-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 0.9rem;
}
.stockingsheet-status {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 0.78em;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.stockingsheet-status--not-started {
  background: #eef3f8;
  border-color: #c7d3de;
  color: #385066;
}
.stockingsheet-status--complete {
  background: #e2f4e6;
  border-color: #91c39b;
  color: #1f5d2a;
}
.stockingsheet-status--unsaved {
  background: #fff4d6;
  border-color: #d8aa45;
  color: #715118;
}
.stockingsheet-status--not-attempted {
  background: #edf2f7;
  border-color: #b6c2ce;
  color: #4b5d70;
}
.stockingsheet-miniAction,
.stockingsheet-miniAction:link,
.stockingsheet-miniAction:visited {
  display: inline-flex;
  align-items: center;
  margin-top: 0.4rem;
  padding: 0.22rem 0.55rem;
  border: 1px solid rgba(23, 54, 34, 0.35);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: inherit;
  font-size: 0.84em;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}
.stockingsheet-miniAction:hover,
.stockingsheet-miniAction:focus,
.stockingsheet-miniAction:focus-visible {
  background: rgba(255, 255, 255, 0.92);
  color: #132434;
}
.stockingsheet-instructions {
  margin: 0 0 1rem;
  padding: 0.8rem 1rem;
  border: 1px solid #d0dae3;
  border-radius: 10px;
  background: #f8fbfd;
}
.stockingsheet-instructions summary {
  cursor: pointer;
  font-weight: 700;
}
.stockingsheet-instructions[open] summary {
  margin-bottom: 0.65rem;
}
.stockingsheet-instructions ul {
  margin: 0;
  padding-left: 1.2rem;
}
.stockingsheet {
  border: 2px solid black;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
  width: max-content;
  max-width: 100%;
}
.stockingsheet.stickyheader {
  display: table;
  overflow-y: visible;
  max-height: none;
}
.stockingsheet td,
.stockingsheet th {
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  padding: 3px;
  vertical-align: top;
}
.stockingsheet th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #e3d0b8;
}
.stockingsheet td:first-child,
.stockingsheet th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  box-shadow: 2px 0 0 rgba(205, 213, 220, 0.9);
}
.stockingsheet th:first-child {
  z-index: 3;
}
.stockingsheet tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.stockingsheet tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.stockingsheet input,
.stockingsheet select,
.stockingsheet textarea {
  max-width: 100%;
}
.stockingsheet input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.stockingsheet input[type="number"]::-webkit-outer-spin-button,
.stockingsheet input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.stockingsheet .stockingsheet-date {
  width: 10ch;
  min-width: 10ch;
}
.stockingsheet .stockingsheet-4digit {
  width: 7.5ch;
  min-width: 7.5ch;
}
.stockingsheet .stockingsheet-2digit {
  width: 5ch;
  min-width: 5ch;
}
.stockingsheet .stockingsheet-hours {
  width: 6ch;
  min-width: 6ch;
}
.stockingsheet-trip-hours {
  width: 7.5ch !important;
  min-width: 7.5ch;
}
.stockingsheet .stockingsheet-comments {
  width: 20ch;
  min-width: 16ch;
}
.stockingsheet-row--inactive {
  opacity: 0.48;
}
.stockingsheet-rowActions {
  min-width: 12rem;
}
.stockingsheet-rowActions label {
  white-space: nowrap;
}
.stockingsheet-saveRow,
.stockingsheet-cancelRow {
  margin: 0.1rem 0.2rem 0.1rem 0;
  padding: 0.28rem 0.55rem;
}
.stockingsheet-saveRow:disabled,
.stockingsheet-tripHoursForm input[type="submit"]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.stockingsheet-cancelRow {
  background: #fff;
  color: #28485f;
}
.stockingsheet-rowMessage {
  display: block;
  max-width: 16rem;
  margin-top: 0.25rem;
  color: #345262;
  font-size: 0.88em;
  font-weight: 700;
  line-height: 1.3;
}
.stockingsheet-rowMessage--error {
  color: #8f1d14;
}
.stockingsheet-inlineRow td {
  background: #f8fbfd;
}
.stockingsheet-inlinePanel {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.6rem 1rem;
  padding: 0.65rem 0.75rem;
  border-left: 5px solid #6d8f47;
}
.stockingsheet-inlinePanel p {
  flex: 1 1 100%;
  margin: 0;
}
.stockingsheet-inlinePanel pre {
  flex: 1 1 100%;
  overflow-x: auto;
  margin: 0;
}
.stockingsheet-inlineOptions {
  display: grid;
  gap: 0.4rem;
  max-width: 42rem;
}
.stockingsheet-inlineOptions label,
.stockingsheet-inlineHours {
  line-height: 1.35;
}
.stockingsheet-tripHoursPrompt {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  font-weight: 700;
  line-height: 1.35;
}
.stockingsheet-inlineHours {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 700;
  white-space: nowrap;
}
.stockingsheet-actions {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  margin-top: 0.85rem;
  padding: 0.7rem 0.9rem;
  border: 1px solid #d0dae3;
  border-radius: 10px;
  background: rgba(248, 251, 253, 0.96);
  box-shadow: 0 -6px 18px rgba(33, 53, 73, 0.08);
}
.stockingsheet-actions__note {
  margin: 0;
  flex: 1 1 auto;
  color: #465767;
}
@media (max-width: 900px) {
  .stockingsheet-pageActions {
    justify-content: flex-start;
  }
  .stockingsheet-summary__card {
    min-width: 6.5rem;
    padding: 0.6rem 0.7rem;
  }
  .stockingsheet td,
  .stockingsheet th {
    padding: 2px;
  }
  .stockingsheet .stockingsheet-comments {
    width: 16ch;
    min-width: 14ch;
  }
  .stockingsheet-actions {
    align-items: stretch;
    flex-direction: column;
  }
}
.contentarea {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 92px;
  left: 150px;
  right: 0;
  width: auto;
  height: auto;
  background-color: #fff;
  font-size: 1.3em;
  line-height: 1.1em;
  transition: left 0.2s ease;
}
.floating {
  font-size: 1.4em;
  line-height: 1.1em;
}
.contentarea a:link,
a:visited {
  text-decoration: none;
  color: #369;
}

.contentarea a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: red;
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background-color: #fff6bf;
}
.popup {
  font-size: 1.2em;
  padding: 8px;
}
.popup a {
  padding: 4px;
}
.contentarea .link,
#membersmenu li {
  position: relative;
}
.contentarea .link,
.contentarea .link a {
  display: inline-block;
}
#membersmenu a {
  display: block;
  padding-left: 2px;
}
#membersmenu a:hover,
.contentarea a:hover,
a:active,
a:focus,
.green_bg a:link:hover,
.green_bg a:visited:hover,
.purple_bg a:link:hover,
.purple_bg a:visited:hover,
.rowwrapper:hover {
  color: black;
  background-color: #dbd05a;
}
.rowwrapper.nohover:hover {
  background-color: transparent;
}
.adminhover:hover {
  background-color: #c6e3f8;
}
.contentarea a:before,
#membersmenu a:before {
  content: "";
  border-bottom: solid 1px #243926;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.contentarea a:after,
#membersmenu a:after {
  content: "";
  border-top: solid 1px #243926;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.contentarea a:hover:before,
.contentarea a:hover:after,
#membersmenu a:hover:before,
#membersmenu a:hover:after {
  opacity: 1;
}
.contentarea a,
.contentarea a:before,
.contentarea a:after,
#membersmenu a,
#membersmenu a:before,
#membersmenu a:after {
  transition: all 0.4s ease;
}

.contentarea select,
.contentarea option,
.contentarea optgroup {
  font-family: inherit;
  font-size: 1em;
  line-height: inherit;
}

.contentarea .choices__inner,
.contentarea .choices__list--dropdown,
.contentarea .choices__list[aria-expanded] {
  font-family: inherit;
  font-size: 1em;
  line-height: inherit;
}

.contentarea
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.contentarea
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered,
.contentarea .select2-results__option {
  font-family: inherit;
  font-size: 1em;
}

.contentarea .survey-length-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.75rem;
}

.contentarea .survey-length-row label,
.contentarea .survey-length-row select,
.contentarea .survey-length-row input[type="text"],
.contentarea .survey-length-row button {
  font-family: inherit;
  font-size: 1em;
  line-height: inherit;
}

.contentarea .survey-length-row .removeLine {
  margin-left: 0.25rem;
}

.contentarea select.field-attention {
  border-color: #b42318;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.18);
  background-color: #fff5f4;
}

.contentarea input.field-attention[type="text"] {
  border-color: #b42318;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.18);
  background-color: #fff5f4;
}

.contentarea #stockingsheetform input.field-attention,
.contentarea #stockingsheetform select.field-attention,
.contentarea #stockingsheetform textarea.field-attention,
.contentarea #stockingsheetform input[aria-invalid="true"],
.contentarea #stockingsheetform select[aria-invalid="true"],
.contentarea #stockingsheetform textarea[aria-invalid="true"] {
  border-color: #b42318;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.18);
  background-color: #fff5f4;
}

.contentarea form[action^="entersurvey"] input[type="text"]:invalid,
.contentarea form[action^="entersurvey"] input[type="date"]:invalid,
.contentarea form[action^="entersurvey"] input[type="email"]:invalid,
.contentarea form[action^="entersurvey"] input[type="tel"]:invalid,
.contentarea form[action^="entersurvey"] input[type="number"]:invalid,
.contentarea form[action^="entersurvey"] select:invalid,
.contentarea form[action^="entersurvey"] textarea:invalid,
.contentarea form[action^="entersurvey"] input[aria-invalid="true"],
.contentarea form[action^="entersurvey"] select[aria-invalid="true"],
.contentarea form[action^="entersurvey"] textarea[aria-invalid="true"] {
  border-color: #b42318;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.18);
  background-color: #fff5f4;
}

.contentarea .field-attention-message {
  color: #8f1d14;
  font-weight: 700;
}

.contentarea .survey-validation-message {
  margin: 0.75rem 0 0;
  padding: 0.75rem 0.9rem;
  border: 1px solid #d84b3d;
  border-left-width: 5px;
  border-radius: 8px;
  background: #fff1ef;
  color: #8f1d14;
  font-weight: 700;
  line-height: 1.4;
}

.contentarea .field-attention-inline {
  display: block;
  margin-top: 0.2rem;
  color: #8f1d14;
  font-size: 0.92em;
  font-weight: 700;
}

.js-inline-quantity-input.field-attention {
  border-color: #b42318;
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.18);
  background-color: #fff5f4;
}

.inline-quantity-tools {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: 0.35rem;
}

.inline-quantity-tools[hidden] {
  display: none !important;
}

.inline-quantity-helper {
  display: inline-block;
  min-width: 2.5rem;
  padding: 0.18rem 0.45rem;
  border: 1px solid rgba(54, 90, 120, 0.2);
  border-radius: 999px;
  background-color: #f4f8fb;
  color: #365a78;
  font-weight: 700;
  text-align: center;
}

.inline-quantity-helper-mismatch {
  border-color: #b42318;
  background-color: #fff5f4;
  color: #8f1d14;
}

.inline-editor-action-group {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.inline-editor-action-group-primary {
  margin-right: 1.4rem;
}

.inline-editor-action-group-secondary {
  padding-left: 1rem;
  border-left: 1px solid rgba(54, 90, 120, 0.22);
}
.inline-editor-history {
  margin: 0.8rem 0 1rem;
  border: 1px solid rgba(54, 90, 120, 0.2);
  border-radius: 8px;
  background-color: #f8fbfd;
}
.inline-editor-history[open] {
  padding-bottom: 0.55rem;
}
.inline-editor-history summary {
  cursor: pointer;
  padding: 0.55rem 0.75rem;
  font-weight: 700;
  color: #365a78;
}
.inline-editor-history__empty {
  margin: 0 0.75rem 0.35rem;
  color: #4f6072;
}
.inline-editor-history__list {
  margin: 0 0.75rem;
  padding-left: 1.1rem;
}
.inline-editor-history__item + .inline-editor-history__item {
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(54, 90, 120, 0.14);
}
.inline-editor-history__meta {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  color: #365a78;
}
.inline-editor-history__changes {
  margin: 0.45rem 0 0;
  padding-left: 1.2rem;
}
.inline-editor-history__comments {
  margin-top: 0.45rem;
}
.inline-editor-history__comments summary {
  padding: 0;
  font-weight: 600;
  color: #4f6072;
}
.inline-editor-history__commentBlock {
  margin-top: 0.4rem;
}
.inline-editor-history__commentBlock pre {
  margin: 0.2rem 0 0;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(54, 90, 120, 0.14);
  border-radius: 6px;
  background-color: white;
  white-space: pre-wrap;
  font-family: inherit;
}

tr.cyclic-row-being-edited > td {
  box-shadow:
    inset 0 2px 0 rgba(54, 90, 120, 0.18),
    inset 0 -2px 0 rgba(54, 90, 120, 0.18);
}

tr.cyclic-row-has-unsaved-changes > td {
  box-shadow: inset 0 0 0 2px rgba(180, 109, 24, 0.38);
}

tr.cyclic-row-saved-flash > td {
  box-shadow: inset 0 0 0 2px rgba(22, 135, 84, 0.38);
}

.js-inline-editor-row.cyclic-inline-editor-row-dirty td {
  background-color: #fff9f0;
}

.worksheet-row-feedback {
  display: inline-block;
  margin-left: 0.55rem;
  padding: 0.12rem 0.48rem;
  border-radius: 999px;
  background-color: #e7f6ee;
  color: #166a45;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
  vertical-align: middle;
}

.contentarea input.survey-four-digit-input[type="text"] {
  width: 7ch !important;
  min-width: 0 !important;
  max-width: 7ch;
}
.annualList li:hover {
  background-color: #d9e6f2;
}
.contentarea .rosterentry {
  display: grid;
  grid-template-columns: 13.5rem 17rem 3.5rem;
  column-gap: 0.875rem;
  row-gap: 0.5rem;
  align-items: start;
  justify-content: start;
}
.contentarea .rosterentry.hasPhto {
  grid-template-columns: 13.5rem 88px 17rem 3.5rem;
}
.rosterentry__contact,
.rosterentry__activities {
  min-width: 0;
}
.rosterentry__photo {
  justify-self: start;
}
.rosterentry__icons {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  width: 3.5rem;
  white-space: nowrap;
}
tbody tr:nth-of-type(even),
.rosterentry:nth-of-type(even) {
  background-color: #f3f3f3;
}
.rosterentry tbody tr {
  background-color: transparent;
}
@media (max-width: 900px) {
  .contentarea .rosterentry,
  .contentarea .rosterentry.hasPhto {
    grid-template-columns: minmax(0, 1fr) max-content;
    justify-content: stretch;
  }

  .rosterentry__contact {
    grid-column: 1;
    grid-row: 1;
  }

  .rosterentry__photo {
    grid-column: 2;
    grid-row: 1;
  }

  .rosterentry__activities,
  .rosterentry__icons {
    grid-column: 1 / -1;
  }
}
@media (max-width: 560px) {
  .contentarea .rosterentry,
  .contentarea .rosterentry.hasPhto {
    grid-template-columns: minmax(0, 1fr);
  }

  .rosterentry__contact,
  .rosterentry__photo,
  .rosterentry__activities,
  .rosterentry__icons {
    grid-column: 1;
  }

  .rosterentry__photo {
    grid-row: auto;
    justify-self: start;
  }
}
.button_line div,
.button_line {
  line-height: 26px;
}
.button_line div a,
.button_line a {
  width: 100%;
}
.gridcols1 {
  display: inline-grid;
  grid-template-columns: auto;
}
.gridcols2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#angler_list.gridcols3 {
  display: inline-grid;
}
.gridcols3 {
  display: grid;
  grid-template-columns: auto auto auto;
}
.gridcols4 {
  display: grid;
  grid-template-columns: auto auto auto auto;
}
#angler_list div {
  margin-bottom: -1px;
}
.rowwrapper {
  display: inline-grid;
  grid-template-columns: 1.5fr auto auto;
}
.rowwrapper.gridcols2 {
  display: inline-grid;
  grid-template-columns: 1fr auto;
}
.triplakes div,
.triplakesadmin div {
  padding: 5px 22px;
  border-bottom: 1px dotted lightgrey;
}
.triplakes {
  display: grid;
  grid-template-columns: max-content max-content max-content max-content;
}
.triplakesadmin {
  display: grid;
  grid-template-columns: max-content max-content max-content max-content max-content;
}
.errorText {
  color: red;
}
.successText {
  color: #2d6a4f;
}
.changeRosterPage {
  max-width: 960px;
}
.changeRosterIntro .blurb {
  margin-bottom: 14px;
}
.changeRosterStatus {
  margin: 0 0 14px;
  font-weight: 600;
}
.changeRosterForm {
  display: grid;
  gap: 18px;
}
.changeRosterSection {
  border: 1px solid #d8cfbf;
  border-radius: 8px;
  padding: 16px 18px 18px;
  background: #fbfaf6;
}
.changeRosterSection legend {
  padding: 0 8px;
  font-weight: 700;
}
.changeRosterGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px 16px;
  align-items: start;
}
.changeRosterField {
  display: grid;
  gap: 6px;
  align-content: start;
}
.changeRosterField--wide {
  grid-column: 1 / -1;
}
.changeRosterField label,
.changeRosterCheckbox span {
  font-weight: 600;
}
.changeRosterField--error label {
  color: #9b1c1c;
}
.changeRosterField input,
.changeRosterField select,
.changeRosterField textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #bfb5a3;
  border-radius: 4px;
  font: inherit;
  background: #fff;
}
.changeRosterField select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.4rem;
  cursor: pointer;
  background-image:
    linear-gradient(45deg, transparent 50%, #5f5649 50%),
    linear-gradient(135deg, #5f5649 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size:
    6px 6px,
    6px 6px;
  background-repeat: no-repeat;
}
.changeRosterField--error input,
.changeRosterField--error select,
.changeRosterField--error textarea {
  border-color: #b22222;
  background: #fff8f8;
}
.changeRosterField input::placeholder,
.changeRosterField textarea::placeholder {
  color: #8d8477;
  opacity: 1;
}
.changeRosterError {
  margin: 0;
  color: #b22222;
  font-size: 0.92em;
  font-weight: 600;
}
.changeRosterError:empty {
  display: none;
}
.changeRosterField textarea {
  min-height: 180px;
  resize: vertical;
}
.changeRosterField input[type="file"] {
  padding: 6px 0;
  border: none;
  background: transparent;
}
.changeRosterFieldNote {
  margin: 0;
  font-size: 0.94em;
  line-height: 1.4;
  color: #554e44;
}
.changeRosterPhotoSection {
  display: grid;
  grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.changeRosterCurrentPhoto {
  min-height: 1px;
}
.changeRosterPhotoPreview {
  margin: 0;
  padding: 10px;
  background: #fff;
}
.changeRosterPhotoPreview img {
  display: block;
  max-width: 100%;
  height: auto;
}
.changeRosterPhotoPreview figcaption {
  margin-top: 8px;
  font-size: 0.92em;
  color: #554e44;
}
.changeRosterPhotoUploadPanel {
  display: grid;
  gap: 8px;
}
.changeRosterPhotoUploadPanel > label {
  font-weight: 600;
}
.changeRosterPhotoPendingNotice {
  display: none;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #c8d9c2;
  border-radius: 6px;
  background: #f3f9f0;
  color: #2d6a4f;
  font-weight: 600;
}
.changeRosterPhotoPendingNotice--visible {
  display: block;
}
.changeRosterDropzone {
  min-height: 150px;
  padding: 14px;
  border: 2px dashed #c7baa3;
  border-radius: 8px;
  background: #fffdf8;
}
.changeRosterDropzone .dz-message {
  margin: 2rem 0;
  color: #554e44;
  font-weight: 600;
}
.changeRosterPhotoUploadStatus--success {
  color: #2d6a4f;
  font-weight: 600;
}
.changeRosterPhotoUploadStatus--error {
  color: #b22222;
  font-weight: 600;
}
.changeRosterCheckbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.changeRosterCheckbox input {
  margin: 0;
  width: auto;
}
.editAnglerCheckboxGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
}
.changeRosterActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.changeRosterActions input[type="submit"] {
  padding: 8px 14px;
  color: var(--button-text);
  background-color: var(--button-bg);
  border: 1px solid var(--button-bg);
  border-radius: 4px;
  font: inherit;
  cursor: pointer;
}
.changeRosterActions input[type="submit"]:hover {
  color: var(--button-text-hover);
  background-color: var(--button-bg-hover);
  border-color: var(--button-bg);
}
.changeRosterActions a {
  color: #174d8c;
  font-weight: 600;
}
.changeRosterActions .changePasswordPrimaryLink {
  display: inline-block;
  padding: 8px 14px;
  color: var(--button-text);
  background-color: var(--button-bg);
  border: 1px solid var(--button-bg);
  border-radius: 4px;
  text-decoration: none;
}
.changeRosterActions .changePasswordPrimaryLink:hover {
  color: var(--button-text-hover);
  background-color: var(--button-bg-hover);
  border-color: var(--button-bg);
}
.changePasswordPage {
  max-width: 720px;
}
.membersLoginPage {
  max-width: 540px;
}
.membersLoginForm {
  gap: 16px;
}
.membersLoginRemember {
  margin-top: 14px;
}
.changePasswordNote {
  margin-top: 4px;
}
@media (max-width: 720px) {
  .changeRosterPhotoSection {
    grid-template-columns: 1fr;
  }
}
.templateOrderStatusInline {
  display: inline-block;
  margin-left: 10px;
  font-size: 0.92em;
}
.templateOrderLayout {
  max-width: 420px;
}
.templateOrderTitle {
  margin-bottom: 12px;
}
.templateOrderList {
  list-style: none;
  width: 360px;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin: 0 0 10px;
}
.templateOrderAddCategory {
  margin: 8px 0 16px;
}
.templateOrderAddCategory fieldset {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d7d7d7;
}
.templateOrderAddCategory__intro {
  margin: 0 0 10px;
  color: #555;
}
.templateOrderAddCategory__field {
  margin: 0 0 10px;
}
.templateOrderAddCategory__field:last-child {
  margin-bottom: 0;
}
.minutesTemplateList {
  min-height: 42px;
  border: 1px dashed #b7c3d3;
  border-radius: 4px;
}
.minutesTemplateList:empty::before {
  content: "Drop categories here";
  display: block;
  padding: 6px 8px;
  color: #6c7a8f;
  font-style: italic;
}
.templateOrderList li {
  margin: 3px 0;
  padding: 6px;
}
.templateOrderItem {
  display: flex;
  align-items: center;
  gap: 8px;
}
.templateOrderHandle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  color: #66748a;
  cursor: grab;
  font-weight: 700;
  letter-spacing: 0.08em;
  user-select: none;
}
.templateOrderHandleSpacer {
  display: inline-block;
  width: 18px;
  min-width: 18px;
}
.templateOrderLabel {
  min-width: 0;
}
.templateOrderSectionTitle {
  margin: 12px 0 6px;
}
.templateOrderList--committee {
  margin-left: 18px;
  width: 342px;
}
.templateOrderFixedItem,
.sortable li.templateOrderFixedItem:hover {
  cursor: default;
  background-color: #b9cbe3;
}
.redText {
  color: #ff0000;
}
.swatch {
  width: 20px;
}
.red_bg {
  background-color: #ed553b;
  color: white;
}
.yellow_bg,
.hlactive {
  background-color: #e5d45c;
}
body.hlsite .yellow_bg {
  background-color: transparent;
}
.green_bg,
.green_bg a:link,
.green_bg a:visited {
  background-color: #6fba7f;
  color: #173622;
}
.statstable td.green_bg,
.statstable td.green_bg a:link,
.statstable td.green_bg a:visited {
  color: #000;
}
.purple_bg,
.purple_bg a:link,
.purple_bg a:visited {
  background-color: #7f6aac;
  color: white;
}
.white_bg {
  background-color: white;
}
.orange_bg {
  background-color: #fe915e;
}
.blue_bg {
  background-color: #0099c2;
  color: white;
}
.statstable td.red_bg a:link,
.statstable td.red_bg a:visited,
.statstable td.blue_bg a:link,
.statstable td.blue_bg a:visited {
  color: white;
}
.lt_green_bg,
.lt_green_bg a:link,
.lt_green_bg a:visited {
  background-color: #dff1e0;
  color: #2f5640;
}
/* #membersmenu ul{
	background-color: #f9ffff;
} */
#membersmenu h4 {
  margin: 0;
  padding: 6 0;
  font-style: normal;
  font-size: 1.1em;
}
.searchTerms {
  color: blue;
}
.index {
  border-color: #fff #fff gray;
  border-width: 0 0 1px;
  border-style: none none solid;
  border-bottom-style: dotted;
  padding: 10px;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}

.contentarea h3 {
  color: #000;
  font-size: 2em;
  font-weight: normal;
  margin-top: 2px;
  margin-bottom: 10px;
  line-height: 1em;
}

.contentarea h4 {
  color: #000;
  font-size: 14px;
  font-style: italic;
}
h4 span {
  padding-top: 3px;
}
.blurb {
  border-color: #fff #fff gray;
  border-width: 0 0 1px;
  border-style: none none dotted;
  padding: 10px;
  display: block;
}

.blurb .quotedtext {
  padding: 0 15px;
  text-align: justify;
}

.contentarea .quotedtext {
  padding: 0 15px;
  text-align: justify;
}

.contentarea .clearimage {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  clear: both;
}
#toolbar {
  width: 100%;
  height: 20px;
  text-align: center;
}
.hasmargin {
  margin: 7px;
}

.article {
  border-color: #fff #fff gray;
  border-width: 0 0 1px;
  border-style: none none dotted;
  padding: 10px;
  display: block;
  height: 100%;
}

.article p {
  margin-top: 10px;
  margin-bottom: 10px;
}
input:disabled + label {
  color: gray;
}
div.figure {
  border: thin silver solid;
  margin: 0.5em;
  padding: 10px;
  text-align: center;
  width: 33%;
}

div.figure img {
  width: 100%;
}
div.figure.wide {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
p.caption {
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

th {
  text-align: left;
}

.dataRow {
  width: 100%;
  overflow: auto;
}

.label {
  width: 20%;
  max-width: 200px;
  /*text-align: right;*/
  font-weight: 700;
  height: inherit;
  float: left;
}

.data {
  float: left;
  width: 74%;
}

.label,
.data,
.dataNoLabel {
  margin-bottom: 5px;
}
.mapData {
  line-height: 1.1rem;
}
.mapData div,
.inlineForms form {
  display: inline-block;
}
.mapbuttons form {
  display: inline-block;
}

.mapbuttons form input[type="submit"],
.mapbuttons input[type="submit"],
.mapbuttons > a:link,
.mapbuttons > a:visited,
.mapbuttons button {
  color: var(--button-text);
  background-color: var(--button-bg);
  margin: 2px;
  border: 1px solid var(--button-bg);
  border-radius: 5px;
  display: inline-block;
  padding: 0.4rem 0.75rem;
  line-height: 1.3;
  text-decoration: none;
}
.mapbuttons form input[type="submit"]:hover,
.mapbuttons input[type="submit"]:hover,
.mapbuttons > a:hover,
.mapbuttons > a:focus,
.mapbuttons > a:focus-visible,
.mapbuttons button:hover {
  color: var(--button-text-hover);
  background-color: var(--button-bg-hover);
  margin: 2px;
  border: 1px solid var(--button-bg);
  cursor: pointer;
  transition: ease-in-out 0.25s;
  box-shadow: var(--field-shadow);
}
.mapbuttons > a:hover,
.mapbuttons > a:focus,
.mapbuttons > a:focus-visible {
  text-decoration: none;
  outline: none;
}
.mapbuttons button:disabled,
.mapbuttons input[type="submit"]:disabled,
.mapbuttons form input[type="submit"]:disabled {
  background-color: #7c8791;
  border-color: #7c8791;
}
.mapbuttons button:disabled {
  background-color: rgba(128, 128, 128, 0.25);
  border-color: rgba(128, 128, 128, 0.4);
}
.mapbuttons button:disabled:hover,
.mapbuttons input[type="submit"]:disabled:hover,
.mapbuttons form input[type="submit"]:disabled:hover {
  color: var(--button-text);
  cursor: not-allowed;
  box-shadow: none;
}
.mapbuttons button a:link,
.mapbuttons button a:visited {
  text-decoration: none;
  color: var(--button-text);
}
.mapbuttons button:hover a {
  color: var(--button-text-hover);
  background-color: transparent;
}
.mapbuttons button.mapToggleButton--active,
.mapbuttons button[aria-pressed="true"],
.mapbuttons input[type="button"].mapToggleButton--active,
.mapbuttons input[type="button"][aria-pressed="true"] {
  background-color: #173a55;
  border-color: #102d47;
  color: #fff;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.26),
    0 0 0 1px rgba(23, 58, 85, 0.16);
}
.mapbuttons button.mapToggleButton--active:hover,
.mapbuttons button[aria-pressed="true"]:hover,
.mapbuttons input[type="button"].mapToggleButton--active:hover,
.mapbuttons input[type="button"][aria-pressed="true"]:hover,
.mapbuttons button.mapToggleButton--active:focus,
.mapbuttons button[aria-pressed="true"]:focus,
.mapbuttons input[type="button"].mapToggleButton--active:focus,
.mapbuttons input[type="button"][aria-pressed="true"]:focus,
.mapbuttons button.mapToggleButton--active:focus-visible,
.mapbuttons button[aria-pressed="true"]:focus-visible,
.mapbuttons input[type="button"].mapToggleButton--active:focus-visible,
.mapbuttons input[type="button"][aria-pressed="true"]:focus-visible {
  background-color: #102d47;
  border-color: #102d47;
  color: #fff;
}
.lakefinderMapSourceControl {
  display: inline-flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: stretch;
  overflow: hidden;
  max-width: 100%;
  margin: 2px;
  border: 1px solid #9fb0c1;
  border-radius: 6px;
  background: #fff;
}
.mapbuttons .lakefinderMapSourceControl__form {
  display: flex;
  float: none;
  margin: 0;
}
.mapbuttons form input[type="submit"].lakefinderMapSourceControl__button {
  height: 100%;
  margin: 0;
  border: 0;
  border-right: 1px solid #c5d0da;
  border-radius: 0;
  background: #fff;
  color: #18364f;
  font-weight: 700;
  white-space: nowrap;
}
.lakefinderMapSourceControl__form:last-child
  .lakefinderMapSourceControl__button {
  border-right: 0;
}
.mapbuttons form input[type="submit"].lakefinderMapSourceControl__button:hover,
.mapbuttons form input[type="submit"].lakefinderMapSourceControl__button:focus,
.mapbuttons
  form
  input[type="submit"].lakefinderMapSourceControl__button:focus-visible {
  margin: 0;
  border-color: #c5d0da;
  background: #e8eef4;
  color: #102d47;
}
.mapbuttons
  form
  input[type="submit"].lakefinderMapSourceControl__button:disabled,
.mapbuttons
  form
  input[type="submit"].lakefinderMapSourceControl__button:disabled:hover {
  background: var(--button-bg);
  color: var(--button-text);
  cursor: default;
  box-shadow: none;
}
.lakefinderMapViewSwitch {
  display: inline-flex;
  margin: 2px;
}
.mapbuttons form.lakefinderMapViewSwitch {
  display: inline-flex;
}
.lakefinderMapViewSwitch__button,
.lakefinderMapViewSwitch__button:link,
.lakefinderMapViewSwitch__button:visited,
.mapbuttons form input[type="submit"].lakefinderMapViewSwitch__button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  border: 1px solid #8fa6b8;
  border-radius: 6px;
  padding: 0.4rem 0.75rem;
  background: #eef4f9;
  color: #173a55;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}
.lakefinderMapViewSwitch__button:hover,
.lakefinderMapViewSwitch__button:focus,
.lakefinderMapViewSwitch__button:focus-visible,
.mapbuttons form input[type="submit"].lakefinderMapViewSwitch__button:hover,
.mapbuttons form input[type="submit"].lakefinderMapViewSwitch__button:focus,
.mapbuttons
  form
  input[type="submit"].lakefinderMapViewSwitch__button:focus-visible {
  margin: 0;
  border-color: #365a78;
  background: #dbe7f1;
  color: #102d47;
  text-decoration: none;
  box-shadow: var(--field-shadow);
}
.viewLakeMapHeader {
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
}
.viewLakeMapHeader__title h3 {
  margin-bottom: 0;
}
.viewLakeMapToolbar,
.viewLakeMapFooter {
  gap: 10px;
}
.viewLakeMapToolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.viewLakeMapFooter {
  display: grid;
}
.viewLakeMapFooter__controls {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.viewLakeMapToolbar__group,
.viewLakeMapFooter__actions,
.viewLakeMapFooter__status,
.viewLakeMapFooter__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.viewLakeMapToolbar__group {
  flex: 1 1 max-content;
  max-width: 100%;
  min-width: 0;
}
.viewLakeMapToolbar__group,
.viewLakeMapFooter__actions,
.viewLakeMapFooter__status {
  padding: 8px 10px;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #fafbfd;
}
.viewLakeMapToolbar__group--maps {
  background: #f5f7fa;
}
.viewLakeMapToolbar__group--actions,
.viewLakeMapFooter__actions--secondary {
  background: #fcfcfd;
}
.viewLakeMapFooter {
  margin-bottom: 10px;
}
.viewLakeMapFooter__toolbar {
  margin-bottom: 2px;
}
.viewLakeMapFooter__status #pointerKey,
.viewLakeMapFooter__status .mapData {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.viewLakeMapFooter__status .mapData div {
  display: inline-flex;
}
.viewLakeMapFooter__status #reachbox:empty,
.viewLakeMapFooter__status #measurebox:empty {
  display: none;
}
@media (max-width: 700px) {
  .viewLakeMapFooter__controls {
    flex-wrap: wrap;
  }
  .viewLakeMapToolbar__group,
  .viewLakeMapFooter__actions,
  .viewLakeMapFooter__status {
    padding: 7px 8px;
  }
}

.viewLakeMeasureBox {
  display: inline-block;
  margin: 0.2rem 0.35rem;
  padding: 0.35rem 0.55rem;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.88);
  color: #17324a;
  line-height: 1.3;
  vertical-align: middle;
}

.viewLakeMeasureBox:empty {
  display: none;
}

.viewLakeMeasureBox[data-state="active"] {
  background: rgba(255, 248, 218, 0.94);
}
.cyclic-cell-display {
  margin-bottom: 0;
}

.cyclic-cell-color-picker {
  position: static;
}

.cyclic-cell-color-trigger {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.cyclic-cell-color-trigger::-webkit-details-marker {
  display: none;
}

.cyclic-cell-color-menu {
  position: absolute;
  left: 0.25rem;
  top: calc(100% - 0.1rem);
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  width: auto;
  padding: 0.3rem;
  border: 1px solid #6f86a3;
  border-radius: 999px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}

.cyclic-cell-color-option {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 1.55rem;
  height: 1.55rem;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 0;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: middle;
}

.cyclic-cell-color-option::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.35rem);
  transform: translateX(-50%);
  padding: 0.28rem 0.45rem;
  border-radius: 4px;
  background-color: rgba(28, 38, 49, 0.96);
  color: #fff;
  font-size: 0.74rem;
  line-height: 1.15;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
  opacity: 0;
  pointer-events: none;
  z-index: 5;
}

.cyclic-cell-color-option::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.12rem);
  transform: translateX(-50%);
  border-width: 0.3rem 0.3rem 0;
  border-style: solid;
  border-color: rgba(28, 38, 49, 0.96) transparent transparent;
  opacity: 0;
  pointer-events: none;
  z-index: 5;
}

.cyclic-cell-color-option:hover,
.cyclic-cell-color-option:focus {
  background-color: #eef4fb;
  border-color: rgba(54, 90, 120, 0.25);
  outline: none;
}

.cyclic-cell-color-option:hover::after,
.cyclic-cell-color-option:hover::before,
.cyclic-cell-color-option:focus::after,
.cyclic-cell-color-option:focus::before,
.cyclic-cell-color-option:focus-visible::after,
.cyclic-cell-color-option:focus-visible::before {
  opacity: 1;
}

.cyclic-cell-color-option.is-selected {
  background-color: #d9e6f2;
  border-color: rgba(54, 90, 120, 0.55);
}

.cyclic-cell-color-option-swatch {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 3px;
  box-sizing: border-box;
}

.cyclic-cell-editable {
  position: relative;
  cursor: pointer;
  transition:
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.cyclic-cell-editable:hover,
.cyclic-cell-editable:focus,
.cyclic-cell-editable:focus-within,
.cyclic-cell-editable.is-color-picker-open {
  box-shadow: inset 0 0 0 2px rgba(54, 90, 120, 0.42);
}

.cyclic-cell-editable:focus {
  outline: none;
}

.cyclic-cell-editable .cyclic-cell-display {
  padding-right: 0.35rem;
}

.cyclic-cell-editable::after {
  content: "";
  position: absolute;
  top: 0.22rem;
  right: 0.22rem;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 999px;
  background-color: rgba(54, 90, 120, 0.52);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
  pointer-events: none;
}

.cyclicProblemToolbar {
  margin: 12px 0 16px;
  padding: 12px 14px;
  border: 1px solid #d4e0ea;
  border-radius: 10px;
  background: linear-gradient(180deg, #f7fafc 0%, #eef4f8 100%);
}

.cyclicProblemToolbar__heading {
  margin: 0 0 8px;
  color: #17384f;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.cyclicProblemToolbar__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cyclicProblemChip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid #cad9e5;
  border-radius: 999px;
  background-color: #fff;
  color: #17384f;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.cyclicProblemChip:hover,
.cyclicProblemChip:focus,
.cyclicProblemChip:focus-visible {
  border-color: #7d9bb4;
  background-color: #f2f7fb;
  color: #17384f;
  box-shadow: 0 2px 8px rgba(23, 56, 79, 0.08);
  text-decoration: none;
}

.cyclicProblemChip--active,
.cyclicProblemChip--active:hover,
.cyclicProblemChip--active:focus,
.cyclicProblemChip--active:focus-visible {
  border-color: #275d82;
  background-color: #275d82;
  color: #fff;
  box-shadow: 0 3px 10px rgba(23, 56, 79, 0.18);
}

a.cyclicProblemChip--active:link,
a.cyclicProblemChip--active:visited,
a.cyclicProblemChip--active:hover,
a.cyclicProblemChip--active:focus,
a.cyclicProblemChip--active:focus-visible {
  color: #f8fbff;
}

.cyclicProblemChip__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.8rem;
  padding: 2px 7px;
  border-radius: 999px;
  background-color: #eef4f8;
  color: #17384f;
  font-size: 13px;
  font-weight: 700;
}

.cyclicProblemChip--active .cyclicProblemChip__count {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.cyclicProblemToolbar__note {
  margin: 10px 0 0;
  color: #42596c;
  font-size: 14px;
}

.flatpickr-calendar {
  background-color: rgba(248, 248, 248, 1);
}
/**.data indents the content px. If there is no label the element below will sit under the previous .label and they will overlap.****/
/**.data is positioned at 200px, but the containing div blurb has a margin of 10px so we need to make dataNoLabel 190px**/
.dataNoLabel {
  padding-left: 200px;
  overflow: auto;
}

.labelForDiv {
  float: left;
  width: 25%;
  margin-right: 0.5em;
  font-weight: 700;
  height: auto;
}

.containerDiv {
  overflow: auto;
  width: 100%;
  height: auto;
}
.TBbrand {
  font-family: "Brush Script MT", cursive;
}
h1.TBbrand {
  font-size: 2.8em;
  font-weight: 100;
}
.leaflet-control {
  border-radius: 4px;
}

.leaflet-touch .leaflet-control-measure .leaflet-control-measure-toggle,
.leaflet-touch .leaflet-control-measure .leaflet-control-measure-toggle:hover {
  background-position: center;
}

.tb-gibs-date-control,
.tb-wayback-date-control {
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  max-width: 18rem;
  padding: 0.4rem;
}

.tb-gibs-date-control[hidden],
.tb-wayback-date-control[hidden] {
  display: none;
}

.tb-leaflet-print-preview {
  position: absolute;
  inset: 0;
  z-index: 850;
  pointer-events: none;
}

.tb-leaflet-print-preview__frame {
  position: absolute;
  box-sizing: border-box;
  border: 3px solid #c43122;
  background: rgba(255, 255, 255, 0.05);
  box-shadow:
    0 0 0 9999px rgba(20, 31, 39, 0.22),
    0 2px 10px rgba(0, 0, 0, 0.28);
}

.tb-leaflet-print-preview__frame::before {
  content: "Print area";
  position: absolute;
  top: -2rem;
  left: -3px;
  padding: 0.25rem 0.45rem;
  background: #c43122;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
}

.tb-leaflet-print-preview__panel {
  position: absolute;
  z-index: 851;
  top: 0.65rem;
  left: 3.25rem;
  max-width: min(34rem, calc(100% - 4rem));
  padding: 0.55rem 0.65rem;
  background: #fff;
  border: 2px solid #c43122;
  border-radius: 4px;
  color: #243b4a;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
  pointer-events: auto;
}

.tb-leaflet-print-preview__instructions {
  margin: 0 0 0.45rem;
}

.tb-leaflet-print-preview__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.tb-leaflet-print-preview__button {
  margin: 0;
  padding: 0.28rem 0.5rem;
  border-radius: 4px;
}

.tb-leaflet-print-preview__button:disabled {
  opacity: 0.62;
  cursor: default;
}

.tb-leaflet-print-preview__button--primary {
  background: #2f5e35;
}

.tb-leaflet-print-preview__button--secondary {
  background: #fff;
  color: #28485f;
}

.tb-gibs-date-control label,
.tb-wayback-date-control label {
  align-items: center;
  display: flex;
  font-weight: 700;
  gap: 0.35rem;
}

.tb-wayback-date-control label {
  flex-basis: 100%;
  flex-wrap: wrap;
}

.tb-gibs-date-control input[type="date"],
.tb-wayback-date-control select {
  font-size: 0.9rem;
  min-width: 8.5rem;
  padding: 0.22rem 0.35rem;
}

.tb-wayback-date-control select {
  flex: 1 1 8.5rem;
  width: auto;
}

.tb-map-control-help {
  color: #475569;
  flex-basis: 100%;
  font-size: 0.8rem;
  line-height: 1.1;
  max-width: 100%;
}

.tb-layer-status-control {
  max-width: min(24rem, calc(100vw - 5rem));
  padding: 0.45rem 0.6rem;
  border: 1px solid rgba(72, 96, 120, 0.28);
  background: rgba(255, 255, 255, 0.94);
  color: #294356;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.25;
  box-shadow: 0 0.25rem 0.9rem rgba(24, 38, 52, 0.12);
}

.tb-layer-status-control[hidden] {
  display: none;
}

.tb-layer-status-control--error {
  border-color: rgba(143, 55, 42, 0.36);
  background: rgba(255, 248, 245, 0.96);
  color: #7c2f22;
}

.tb-gibs-date-control button,
.tb-wayback-date-control button {
  background: var(--button-bg);
  border: 1px solid var(--button-bg);
  border-radius: 4px;
  color: var(--button-text);
  cursor: pointer;
  font: inherit;
  padding: 0.25rem 0.45rem;
}

.tb-gibs-date-control button:disabled,
.tb-wayback-date-control button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.tb-gibs-date-control button:not(:disabled):hover,
.tb-gibs-date-control button:not(:disabled):focus-visible,
.tb-wayback-date-control button:not(:disabled):hover,
.tb-wayback-date-control button:not(:disabled):focus-visible {
  background: var(--button-bg-hover);
  color: var(--button-text-hover);
}
/***** HL Management process and forms ******/
input[type="number"] {
  width: 50px;
}

#tripdays.tripdays-input {
  width: 3ch !important;
  min-width: 0 !important;
  max-width: 3ch !important;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button {
  z-index: 0;
}

#tripdays.tripdays-input::-webkit-outer-spin-button,
#tripdays.tripdays-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hlcompleted {
  height: 30px;
  background-color: #b4c5d4;
  font-family: Verdana;
  color: #000;
  font-size: 12px;
}

.hlactive {
  height: 30px;
  color: #000;
  font-size: 1.2em;
}

.hlManagementMenu {
  margin: 0 auto 2rem;
  max-width: 960px;
}

.hlManagementMenu__header {
  margin-bottom: 1.5rem;
}

.hlManagementMenu__title {
  margin-bottom: 0.75rem;
  text-align: center;
}

.hlManagementMenu__section {
  margin-bottom: 2rem;
}

.hlManagementMenu__section--current {
  padding: 1.1rem 1.1rem 1.25rem;
  border: 1px solid #b4c5d4;
  border-radius: 8px;
  background: linear-gradient(180deg, #f5fbff 0%, #edf6fb 100%);
}

.hlManagementMenu__sectionHeader {
  margin-bottom: 0.75rem;
}

.hlManagementMenu__sectionTitle {
  margin-bottom: 0.35rem;
  color: #103a58;
}

.hlManagementMenu__sectionDescription {
  margin: 0;
}

.hlManagementMenu__grid {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.hlManagementMenu__featureCard {
  display: block;
  margin-bottom: 1rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid #7593aa;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #e6f1f8 100%);
  box-shadow: 0 3px 8px rgba(24, 53, 77, 0.12);
  color: inherit;
  text-decoration: none;
}

.hlManagementMenu__featureCard:hover,
.hlManagementMenu__featureCard:focus,
.hlManagementMenu__featureCard:active {
  border-color: #4f728e;
  background: linear-gradient(180deg, #ffffff 0%, #dcecf6 100%);
  text-decoration: none;
}

.hlManagementMenu__featureTop {
  display: block;
  margin-bottom: 0.55rem;
}

.hlManagementMenu__featureTitle {
  display: block;
  margin-bottom: 0.45rem;
  color: #0a314d;
  font-size: 1.22rem;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.hlManagementMenu__featureDescription {
  display: block;
  margin-bottom: 0.7rem;
  line-height: 1.45;
}

.hlManagementMenu__featureMeta {
  display: block;
  color: #2d536b;
  font-size: 0.92rem;
  font-weight: 700;
}

.hlManagementMenu__card {
  display: block;
  padding: 0.95rem 1rem;
  border: 1px solid #b4c5d4;
  border-radius: 6px;
  background-color: #f7fbfe;
  box-shadow: 0 1px 2px rgba(24, 53, 77, 0.08);
  color: inherit;
  text-decoration: none;
}

.hlManagementMenu__card:hover,
.hlManagementMenu__card:focus,
.hlManagementMenu__card:active {
  border-color: #6b8aa1;
  background-color: #eef6fb;
  text-decoration: none;
}

.hlManagementMenu__card--current {
  background-color: #fbfdff;
}

.hlManagementMenu__cardTop {
  display: block;
  margin-bottom: 0.55rem;
}

.hlManagementMenu__cardTitle {
  display: block;
  margin-bottom: 0.35rem;
  color: #0d3857;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.hlManagementMenu__badgeGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.hlManagementMenu__badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background-color: #dfeaf3;
  color: #23445b;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.hlManagementMenu__badge--feature {
  background-color: #d3e4f0;
}

.hlManagementMenu__cardDescription {
  display: block;
  line-height: 1.45;
  font-size: 0.96rem;
}

#hlmc tr {
  border-color: #b4c5d4;
  border-style: solid;
  border-width: 1px;
}
.hlfuture {
  height: 30px;
  background-color: silver;
  font-family: Verdana;
  color: gray;
  font-size: 12px;
}

#membersmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#membersmenu li {
  border-bottom: 0 solid #90bade;
  margin: 0;
  padding: 4px;
}

.membersHome {
  max-width: 1180px;
  margin: 0 auto;
  padding: 14px 18px 22px;
}

.membersHomeBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.membersHomeBar h2 {
  margin: 0;
  color: #17384f;
  font-size: 30px;
  line-height: 1.1;
}

.membersHomeLogout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #8ca7ba;
  border-radius: 999px;
  background: #f5f9fc;
  color: #17384f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}

.membersHomeLogout:hover,
.membersHomeLogout:focus,
.membersHomeLogout:focus-visible {
  border-color: #5c7f98;
  background: #e6f0f7;
  color: #17384f;
  box-shadow: 0 3px 10px rgba(23, 56, 79, 0.12);
  text-decoration: none;
}

.membersHomeGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.membersHomeColumn {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.membersHomeSection {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 9px 10px 7px;
  border: 1px solid #d5dde3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(23, 56, 79, 0.04);
}

.membersHomeSection h3 {
  margin: 0 0 7px;
  padding-bottom: 5px;
  border-bottom: 2px solid #ca2017;
  color: #17384f;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.membersHomeSection--account h3 {
  border-bottom-color: #275d82;
}

.membersHomeSection--trail h3 {
  border-bottom-color: #b1880a;
}

.membersHomeSection--hilaker h3 {
  border-bottom-color: #446b8a;
}

.membersHomeSection--tools h3 {
  border-bottom-color: #4d7f56;
}

.membersHomeSection--admin h3 {
  border-bottom-color: #7a3a3a;
}

.membersHomeLinks {
  list-style: none;
  margin: 0;
  padding: 0;
}

.membersHomeLinks li + li {
  margin-top: 2px;
}

.membersHomeLinks a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 8px;
  border-radius: 8px;
  color: #17384f;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}

.membersHomeLinks a:hover,
.membersHomeLinks a:focus,
.membersHomeLinks a:focus-visible {
  background: #f2f7fb;
  color: #17384f;
  box-shadow: inset 0 0 0 1px #d7e4ee;
  text-decoration: none;
}

.membersHomeLinkBadge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef3f7;
  color: #4a6275;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

@media (max-width: 720px) {
  .membersHome {
    padding: 12px 12px 18px;
  }

  .membersHomeBar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .membersHomeColumn {
    gap: 10px;
  }

  .membersHomeLogout {
    width: 100%;
  }
}

.dropzone {
  width: 50%;
  margin: 40px auto 60px auto;
  border-radius: 30px;
  border-style: dashed;
  border-color: black;
  background-color: rgba(33, 66, 99, 0.1);
}
.dropzone:hover {
  background-color: rgba(33, 66, 99, 0.2);
  border-style: solid;
}

tbody.bluetext,
.bluetext {
  color: blue;
}
.committeetable td {
  padding: 2px 0;
}
td.officertitle {
  color: #000;
  font-family: Verdana;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-align: right;
  vertical-align: top;
  width: 49%;
}

td.committeetitle {
  color: #000;
  font-family: Verdana;
  font-size: 16px;
  font-style: italic;
  text-align: right;
  vertical-align: top;
  width: 49%;
}

.officer {
  color: #000;
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  width: 49%;
}

.officersPage {
  margin: 0 auto;
  max-width: 760px;
}

.officersSection {
  margin-bottom: 1.5rem;
}

.officersTable {
  width: 100%;
}

.officersSpacer {
  width: 20px;
}

.hatcheryProtocolsPage {
  margin: 0 auto 2rem;
  max-width: 980px;
}

.hatcheryProtocolsTitle {
  margin-bottom: 1.25rem;
  text-align: center;
}

.hatcheryProtocolsSection {
  margin-bottom: 2rem;
}

.hatcheryProtocolsSectionTitle {
  margin-bottom: 0.85rem;
}

.hatcheryProtocolsGrid {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.hatcheryProtocolsCard {
  padding: 0.95rem 1rem;
  border: 1px solid #c8d6df;
  border-radius: 6px;
  background-color: #f8fbfd;
}

.hatcheryProtocolsCardTitle {
  margin-bottom: 0.45rem;
}

.hatcheryProtocolsCardText,
.hatcheryProtocolsCardPhone {
  margin: 0 0 0.65rem;
}

.hatcheryProtocolsContactTitle {
  margin-bottom: 0.35rem;
  font-size: 1rem;
}

.hatcheryProtocolsContactList {
  margin: 0;
  padding-left: 1.2rem;
}

.yadonAwardPage {
  margin: 0 auto 2rem;
  max-width: 1080px;
}

.yadonAwardTitle,
.yadonAwardSectionTitle {
  text-align: center;
}

.yadonAwardIntro,
.yadonAwardJumpSection,
.yadonAwardStory,
.yadonAwardTableSection {
  margin-bottom: 1.75rem;
}

.yadonAwardWinnerList {
  margin-top: 0.75rem;
}

.yadonAwardStory {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  align-items: start;
}

.yadonAwardStoryMedia {
  display: grid;
  gap: 1rem;
  justify-items: center;
}

.yadonAwardFigure,
.yadonAwardGalleryItem {
  margin: 0;
}

.yadonAwardFigure img,
.yadonAwardGalleryItem img {
  display: block;
  max-width: 100%;
  height: auto;
}

.yadonAwardQuote {
  margin: 1rem 0;
  padding: 0.85rem 1rem;
  border-left: 4px solid #a8bfce;
  background-color: #f6fafc;
}

.yadonAwardGallery {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: flex-start;
  margin: 1rem 0 0.75rem;
}

.yadonAwardTableWrap {
  overflow-x: auto;
}

@media (max-width: 760px) {
  .yadonAwardStory {
    grid-template-columns: 1fr;
  }
}

.tbGroupStatsPage {
  margin: 0 auto 2rem;
  max-width: 1180px;
}

.tbGroupStatsTitle {
  text-align: center;
}

.tbGroupStatsIntro {
  margin-bottom: 1.25rem;
}

.tbGroupStatsIntro ul {
  margin-bottom: 0;
}

.tbGroupStatsTableWrap {
  overflow-x: auto;
}

.tbGroupStatsTable {
  width: max-content;
}

.tbIndividualStatsPage {
  margin: 0 auto 2rem;
  max-width: 1180px;
}

.tbIndividualStatsTitle {
  text-align: center;
}

.tbIndividualStatsIntro {
  margin-bottom: 1.25rem;
}

.tbIndividualStatsIntro ul {
  margin-bottom: 0;
}

.tbIndividualStatsTableWrap {
  overflow-x: auto;
}
/********** Standard Colors for Fish Species	**********/
.CT {
  background-color: #d9e6f2;
}
.RB {
  background-color: #f7ecdd;
}
.coho {
  background-color: #f7ebdd;
}
.KOK {
  background-color: #d8e5f2;
}
.AC {
  background-color: #f7f1dd;
}
.CHI {
  background-color: #dad8f2;
}
.GT {
  background-color: #f1f6dc;
}
.EB {
  background-color: #f3d9ed;
}
.LT {
  background-color: #f7f6dd;
}
.RBxCT {
  background-color: #f7e5dd;
}
.BT {
  background-color: #e7d9f2;
}
.DV {
  background-color: #f0f5db;
}
.BTxEB {
  background-color: #d4becf;
}
.AG {
  background-color: #d8f2f2;
}
.BASS {
  background-color: #f6dcde;
}
.SMB {
  background-color: #e7d8f2;
}
.TMUS {
  background-color: #f7f7dd;
}
.YP {
  background-color: #edf9eb;
}
.RBxGT {
  background-color: #dcf2d9;
}
.AT {
  background-color: #fbedee;
}
.RB + CT {
  background-color: #ecebf9;
}
.GI {
  background-color: #fcf8ee;
}

/* First the Grid */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  justify-items: center;
  margin: 0;
  padding: 0;
}

/* The Picture Frame */
.gallery-frame {
  padding: 0.5rem;
  font-size: 1.2rem;
  text-align: center;
}

/* The Images */
.gallery-img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transition: opacity 0.25s ease-in-out;
}

.gallery-img:hover {
  opacity: 0.7;
  cursor: pointer;
}

#map table {
  overflow: hidden;
  display: block;
}

#map tr {
  height: 200px;
  overflow: hidden;
  display: block;
  clear: both;
}

#map td {
  height: 200px;
  width: 200px;
  overflow: hidden;
  display: block;
  float: left;
}

#map img {
  width: 200px;
  height: 200px;
}
#map .esri-leaflet-logo img,
#map .mq-logo-control img {
  width: auto;
  height: auto;
}
.cluster {
  background-image: url("../images/clusterIcon.png");
  color: white;
  text-align: center;
  line-height: 52px;
  width: 53px;
  height: 52px;
}
.prunecluster {
  font-size: 12px;
  border-radius: 20px;
  transition: all 0.3s linear;
}
.leaflet-marker-icon.prunecluster-anim,
.leaflet-marker-shadow.prunecluster-anim,
.leaflet-markercluster-icon.prunecluster-anim {
  transition: all 0.3s linear;
}

.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-icon,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-shadow,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-markercluster-icon {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(110, 204, 57);
}

.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(240, 194, 12);
}

.leaflet-oldie .marker-cluster-large {
  background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(241, 128, 23);
}

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;

  text-align: center;
  border-radius: 15px;
  font:
    12px "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}
.prunecluster div {
  width: 30px;
  height: 30px;
  text-align: center;
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 50%;
}
.prunecluster div span {
  line-height: 30px;
}

.prunecluster-small {
  background-color: #b5e28c;
  background-color: rgba(181, 226, 140, 0.6);
}

.prunecluster-small div {
  width: 28px;
  height: 28px;
  background-color: #6ecc39;
  background-color: rgba(110, 204, 57, 0.6);
}

.prunecluster-small div span {
  line-height: 28px;
}

.prunecluster-medium {
  background-color: #f1d357;
  background-color: rgba(241, 211, 87, 0.6);
}

.prunecluster-medium div {
  background-color: #f0c20c;
  background-color: rgba(240, 194, 12, 0.6);
}

.prunecluster-large {
  background-color: #fd9c73;
  background-color: rgba(253, 156, 115, 0.6);
}

.prunecluster-large div {
  width: 34px;
  height: 34px;
  background-color: #f18017;
  background-color: rgba(241, 128, 23, 0.6);
}

.prunecluster-large div span {
  line-height: 34px;
}
.leaflet-control-layers {
  max-height: 260px;
  overflow: auto;
}
.tb-layer-control-group {
  border-top: 1px solid #d6dee6;
  margin-top: 0.45rem;
  padding-top: 0.4rem;
}
.tb-layer-control-group:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.tb-layer-control-group__heading {
  color: #334155;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0 0 0.25rem;
  text-transform: uppercase;
}
.tb-layer-control-group__items label {
  display: block;
  padding-left: 0.15rem;
}
.viewLakeResizableMap .leaflet-control-layers,
.largeMap .leaflet-control-layers {
  max-height: none;
  overflow: visible;
}
.largeMap,
#map_canvas.largeMap,
#map.largeMap,
#mapDiv.largeMap,
#cesiumContainer.largeMap {
  width: 100%;
  height: calc(100vh - 200px);
  overflow: hidden;
}
.googleLargePage {
  height: calc(100vh - 7rem);
  display: flex;
  flex-direction: column;
}
.googleLargePage__header {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem 1rem;
  margin-bottom: 0.5rem;
}
.googleLargePage__title {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  min-width: min(100%, 18rem);
  margin: 0;
}
.contentarea .googleLargePage__title {
  margin: 0;
  line-height: 1.15;
}
.googleLargePage__backLink {
  flex: 0 0 auto;
}
.googleLargePage__backArrow {
  font-size: 1.1em;
  line-height: 1;
}
.googleLargePage__lakeId {
  color: #47627c;
  font-size: 0.82em;
  font-weight: 700;
}
.googleLargePage__lakeName {
  color: #0d2f52;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.googleLargePage__lakeLink:link,
.googleLargePage__lakeLink:visited {
  color: #0d2f52;
  text-decoration: none;
}
.googleLargePage__lakeLink:hover,
.googleLargePage__lakeLink:focus,
.googleLargePage__lakeLink:focus-visible {
  color: #173a55;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}
.googleLargeToolbar {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.googleLargeToolbar .mapData,
.googleLargeToolbar .googleLargePointerKey {
  flex: 1 1 16rem;
}
.clusteredLakesToolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin-bottom: 0.75rem;
}
.clusteredLakesToolbar .floatleft,
.clusteredLakesToolbar .floatLeft {
  float: none;
}
.clusteredLakesToolbar .mapData {
  flex: 1 1 20rem;
}
.googleLargeMapShell {
  flex: 1 1 auto;
  min-height: 0;
}
.lakefinderMapCanvasShell {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
}
.lakefinderMapLoading {
  position: absolute;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.18s ease,
    visibility 0.18s ease;
}
.lakefinderMapCanvasShell.is-loading .lakefinderMapLoading,
.lakefinderMapCanvasShell.is-error .lakefinderMapLoading {
  opacity: 1;
  visibility: visible;
}
.lakefinderMapLoading__message {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.8rem;
  border: 1px solid rgba(38, 74, 105, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0.25rem 0.9rem rgba(23, 48, 72, 0.12);
  color: #24425e;
  font-weight: 700;
}
.lakefinderMapLoading__spinner {
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(36, 66, 94, 0.25);
  border-top-color: #24425e;
  border-radius: 50%;
  animation: lakefinderMapLoadingSpin 0.8s linear infinite;
}
.lakefinderMapCanvasShell.is-error .lakefinderMapLoading__spinner {
  display: none;
}
@keyframes lakefinderMapLoadingSpin {
  to {
    transform: rotate(360deg);
  }
}
.googleLargePage .largeMap,
.googleLargePage #map_canvas.largeMap,
.googleLargePage #map.largeMap,
.googleLargePage #mapDiv.largeMap,
.googleLargePage #cesiumContainer.largeMap {
  height: 100%;
  min-height: 0;
}
@media (max-width: 900px) {
  .googleLargePage {
    height: calc(100vh - 5rem);
  }
  .googleLargeToolbar .mapData,
  .googleLargeToolbar .googleLargePointerKey {
    flex-basis: 100%;
  }
}
.gridded {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 300px 10px 1fr;
}
.viewLakeResizableMap {
  grid-template-rows: 520px 10px max-content;
}
.grid3col {
  display: grid;
  grid-template-columns: auto auto auto;
}
.grid3col div {
  padding: 0 10px;
}
.flex {
  display: flex;
}
.surveyheader {
  width: 100%;
  margin-bottom: 6px;
}
.surveyheader > * {
  padding-left: 20px;
  width: 20%;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.survey-step-help {
  margin: 0 0 0.85rem;
  color: #48566a;
  line-height: 1.45;
}
.survey-step-help--tight {
  margin-bottom: 0.55rem;
}
.surveyheader a.surveyheader__item {
  color: inherit;
  text-decoration: none;
}
.surveyheader a.surveyheader__item.hlcompleted:hover,
.surveyheader a.surveyheader__item.hlcompleted:focus,
.surveyheader a.surveyheader__item.hlcompleted:focus-visible {
  text-decoration: underline;
}
.surveyheader--review > * {
  width: 16.66%;
}
.survey-context-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 0.7rem 0 1rem;
}
.survey-context-strip__item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid #d7dee5;
  border-radius: 999px;
  background: #fbfcfd;
}
.survey-context-strip__label {
  color: #647487;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.survey-context-strip__value {
  color: #223446;
  font-weight: 600;
}
.survey-step-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}
.survey-step-actions input[type="submit"],
.survey-step-actions button {
  margin: 0;
}
.survey-step-actions__secondary {
  border: 1px solid #c8d2dd;
  background: #f6f8fa;
  color: #223446;
}
.survey-step-actions__secondary:hover,
.survey-step-actions__secondary:focus,
.survey-step-actions__secondary:focus-visible {
  background: #ecf1f5;
}
.survey-review-shell {
  margin-top: 1rem;
}
.survey-review-intro {
  margin-bottom: 1rem;
  padding: 0.95rem 1.1rem;
  border: 1px solid #d7dee5;
  border-radius: 8px;
  background: #fbfcfd;
}
.survey-review-intro h3 {
  margin: 0 0 0.4rem;
}
.survey-review-intro p {
  margin: 0;
  color: #48566a;
  line-height: 1.45;
}
.survey-review-output {
  padding: 0.95rem 1.1rem;
  border: 1px solid #d7dee5;
  border-radius: 8px;
  background: #fff;
}
.survey-review-actions {
  margin-top: 1rem;
}
@media (max-width: 960px) {
  .surveyheader {
    flex-wrap: wrap;
    gap: 0.35rem;
  }
  .surveyheader > *,
  .surveyheader--review > * {
    width: calc(50% - 0.2rem);
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    border-radius: 6px;
  }
}
@media (max-width: 640px) {
  .surveyheader > *,
  .surveyheader--review > * {
    width: 100%;
  }
  .survey-context-strip__item {
    width: 100%;
    border-radius: 10px;
  }
  .survey-step-actions {
    flex-direction: column;
    align-items: stretch;
  }
}
.survey-step-five-form {
  margin-top: 1rem;
}
.survey-step-five-fieldset {
  margin: 0 0 1rem;
  padding: 1rem 1.1rem 1.1rem;
  border: 1px solid #d7dee5;
  border-radius: 8px;
  background: #fbfcfd;
}
.survey-step-five-label {
  display: block;
  margin-bottom: 0.45rem;
  font-weight: 700;
}
.survey-step-five-textarea {
  width: min(100%, 58rem);
  min-height: 12rem;
}
.survey-step-five-help {
  margin: 0 0 0.9rem;
  color: #48566a;
  line-height: 1.45;
}
.survey-step-five-options {
  display: grid;
  gap: 0.7rem;
}
.survey-step-five-option {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid #e1e7ed;
  border-radius: 8px;
  background: #fff;
}
.survey-step-five-option input[type="checkbox"] {
  margin-top: 0.15rem;
}
.survey-step-five-option label {
  margin: 0;
  line-height: 1.45;
}
.firstrow {
  /* grid-row: 1; */
  display: flex;
  /* Use a valid flex property for vertical stacking. */
  flex-direction: column;
}
.secondrow {
  grid-row: 2;
  /* grid-row: 2; */
}
.toggle {
  visibility: hidden;
}
.toggle.active {
  visibility: visible;
}
#map_canvas,
#mapDiv,
#map,
#cesiumContainer {
  height: 100%;
}
#gutter {
  border: solid 1px black;
  background-color: black;
  margin: 2px 0;
  touch-action: none;
  user-select: none;
}
#gutter:hover {
  cursor: row-resize;
}
.is-resizing-viewlake-map,
.is-resizing-viewlake-map * {
  cursor: row-resize;
}
#basemaps-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background: white;
  padding: 10px;
}
#basemaps {
  margin-bottom: 5px;
}
.leaflet-control-layers-group-name {
  font-weight: bold;
  margin-bottom: 0.2em;
  display: block;
}
.leaflet-control-layers-group {
  margin-bottom: 0.5em;
}

.leaflet-control-layers-group label {
  padding-left: 0.5em;
}
.alignTop,
.alignTop td {
  vertical-align: top;
}

.leftcolumn {
  float: left;
  width: auto;
  border-style: solid;
  border-color: #fff;
}

.centerDiv {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.rightDiv {
  display: block;
  margin-left: auto;
}
.events75,
.trtable74 {
  overflow: visible;
}
.events75 td {
  vertical-align: top;
  padding: 15px 0px;
}
.events75 td:nth-child(1) {
  width: 10%;
}
.trtable74 td:nth-child(1) {
  width: 43%;
}
.trtable74 td:nth-child(2) {
  width: 31%;
}
.trtable74 td:nth-child(3) {
  width: 26%;
}
.botBorder td,
.botBorder th {
  border-bottom: 1px solid black;
}

.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}
.column25 {
  float: left;
  border-style: dotted;
  border-color: #fff;
  width: 25%;
  position: relative;
}

.column15 {
  float: left;
  text-align: right;
  width: 15%;
  position: relative;
  border-color: #fff;
  border-style: dotted;
}

.dottedline {
  border-bottom: 1px dotted;
  border-top: 1px solid;
}
.contentarea td.link {
  width: 100%;
}
.contentarea td.link a,
.contentarea td.link input {
  display: inline-table;
  vertical-align: middle;
}
.verticalCenter {
  display: flex;
  align-items: center;
}
.alignRight {
  text-align: right;
}
.fullJustify {
  text-align: justify;
}
.indented {
  text-indent: 2em;
}
.viewlakePhotoGallery,
.photoListingGallery {
  --photo-gallery-min-column-width: 180px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--photo-gallery-min-column-width), 1fr)
  );
  gap: 14px;
  align-items: start;
}
.photoGalleryPage--reflowing .photoListingGallery {
  opacity: 0.55;
}
.photoGalleryToolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 10px;
  color: #46596d;
  font-size: 0.92rem;
}
.photoGalleryToolbar__label {
  font-style: italic;
}
.photoGalleryToolbar__button {
  border: 1px solid #b9c5d1;
  border-radius: 999px;
  background: #f6f8fb;
  color: #31465a;
  cursor: pointer;
  padding: 4px 10px;
}
.photoGalleryToolbar__button:hover,
.photoGalleryToolbar__button:focus-visible,
.photoGalleryToolbar__button[aria-pressed="true"] {
  border-color: #7690aa;
  background: #e8eef5;
}
.viewlakePhotoCard {
  width: 100%;
}
.viewlakePhotoCard__figure {
  margin: 0;
}
.viewlakePhotoCard__link {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #ccd5de;
  border-radius: 10px;
  background: linear-gradient(180deg, #fbfcfd 0%, #f5f7fa 100%);
  box-shadow:
    rgba(25, 40, 59, 0.08) 0 8px 16px,
    rgba(25, 40, 59, 0.05) 0 2px 5px;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease;
}
.viewlakePhotoCard__link:hover,
.viewlakePhotoCard__link:focus-visible,
.viewlakePhotoCard.is-map-hovered .viewlakePhotoCard__link {
  transform: translateY(-2px);
  border-color: #aeb9c5;
  box-shadow:
    rgba(25, 40, 59, 0.1) 0 10px 18px,
    rgba(25, 40, 59, 0.06) 0 3px 8px;
}
.viewlakePhotoCard__link img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.viewlakePhotoGallery img,
.photoListingGallery img {
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}
.viewlakePhotoGallery img:hover,
.photoListingGallery img:hover {
  cursor: pointer;
}
.viewlakePhotoCard__overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 12px;
  background: linear-gradient(
    180deg,
    rgba(18, 28, 39, 0) 0%,
    rgba(18, 28, 39, 0.82) 100%
  );
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.35;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.16s ease,
    transform 0.16s ease;
  pointer-events: none;
}
.viewlakePhotoCard__link:hover .viewlakePhotoCard__overlay,
.viewlakePhotoCard__link:focus-visible .viewlakePhotoCard__overlay,
.viewlakePhotoCard.is-map-hovered .viewlakePhotoCard__overlay {
  opacity: 1;
  transform: translateY(0);
}
.viewLakeAzureCameraMarker {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
}
.viewLakeAzureCameraMarker__icon {
  display: block;
  width: 34px;
  height: 34px;
}
.viewLakeAzureCameraMarker__count {
  position: absolute;
  top: -5px;
  right: -4px;
  min-width: 1rem;
  padding: 0 0.25rem;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #173a55;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1rem;
  text-align: center;
}
.viewLakeAzurePhotoPopup {
  pointer-events: none;
}
.watershedDrainagePopup {
  display: grid;
  gap: 0.35rem;
  line-height: 1.35;
  max-width: 19rem;
}
.watershedDrainagePopup__label {
  font-weight: 700;
}
.photoGalleryPageSummary {
  color: #40566f;
}
.photoGalleryEmpty {
  background: #f7fafc;
  border: 1px dotted #a8b7c6;
  color: #3f5368;
  text-align: center;
}
.photoGalleryEmpty h3 {
  margin-top: 0;
}

@media (hover: none), (pointer: coarse) {
  .viewlakePhotoCard__overlay {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 640px) {
  .photoGalleryToolbar {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

ul.wide li {
  margin: 10px 0;
}
.sortable,
.saplist {
  list-style: none;
  width: 300px;
  padding-left: 10px;
}
.sortable li.is-hovered,
.saplist li:hover {
  background-color: #d9e6f2;
  cursor: grab;
}
.sortable.alternateColors li:hover,
.sortable.alternateColors li.is-hovered {
  background-color: #d9e6f2;
}
.minutesTemplateList.is-drop-target {
  outline: 1px dashed #6f86a3;
  outline-offset: 2px;
  border-color: #6f86a3;
  background-color: #eef3f8;
}
.sortable.alternateColors li.templateOrderFixedItem:hover,
.sortable.alternateColors li.templateOrderFixedItem.is-hovered {
  background-color: #b9cbe3;
  cursor: default;
}
.sortable.alternateColors li .templateOrderHandle:hover {
  color: #365a78;
}
.saplist li:hover {
  cursor: auto;
}
.article .sortable li,
.article .saplist li {
  margin: 3px 0;
  padding: 6px;
}
.sortable li:active,
.sortable .sortable-dragging {
  cursor: grabbing;
}
.sortable li.sortable-placeholder {
  background-color: white;
  border: black 1px solid;
}
.speciesStrainOptionsPage {
  max-width: 1200px;
}
.speciesStrainOptionsPage__header {
  margin-bottom: 20px;
}
.speciesStrainOptionsPage__grid {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(320px, 1fr);
  gap: 20px;
  align-items: start;
}
.speciesStrainOptionsPanel {
  border: 1px solid #c8d6e5;
  border-radius: 8px;
  background: #f8fbfd;
  padding: 18px;
  box-shadow: rgba(15, 23, 42, 0.06) 0 2px 8px;
}
.speciesStrainOptionsPanel--full {
  margin-top: 20px;
}
.speciesStrainOptionsForm select,
.speciesStrainOptionsForm textarea {
  width: min(100%, 480px);
}
.speciesStrainOptionsForm__checkboxRow {
  display: flex;
  align-items: center;
  gap: 8px;
}
.speciesStrainOptionsForm__checkboxRow label {
  margin: 0;
}
.speciesStrainOptionsForm__currentCode {
  color: #40566f;
}
.speciesStrainOptionsForm__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.speciesStrainOptions__status {
  min-height: 1.2em;
}
.speciesStrainOptionsList {
  width: 100%;
  max-width: none;
  padding-left: 0;
}
.speciesStrainOptionsList__item {
  background: white;
  border: 1px solid #d2dde8;
  border-radius: 8px;
  margin-bottom: 10px;
}
.speciesStrainOptionsList__row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.speciesStrainOptions__dragHandle {
  color: #365a78;
  cursor: grab;
  font-weight: bold;
  letter-spacing: 1px;
  padding-right: 4px;
}
.speciesStrainOptionsList__main {
  flex: 1 1 auto;
  min-width: 0;
}
.speciesStrainOptionsList__meta {
  display: block;
  color: #5a6f84;
  font-size: 0.92em;
}
.speciesStrainOptionsList__actions,
.speciesStrainOptionsTable__actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.speciesStrainOptionsList__actions form,
.speciesStrainOptionsTable__actions form {
  margin: 0;
}
.speciesStrainOptionsList__subrow {
  margin-top: 10px;
  color: #4f6072;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.speciesStrainOptionsList__badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: #e4edf5;
  color: #2d4b68;
  font-size: 0.85em;
}
.speciesStrainOptionsTable {
  width: 100%;
  border-collapse: collapse;
}
.speciesStrainOptionsTable th,
.speciesStrainOptionsTable td {
  padding: 8px 10px;
  border-bottom: 1px solid #d6e0ea;
  vertical-align: top;
}
@media (max-width: 860px) {
  .speciesStrainOptionsPage__grid {
    grid-template-columns: 1fr;
  }
}
.viewlakeStockingHistory summary {
  cursor: pointer;
  font-weight: 600;
}
.viewlakeStockingHistory__list {
  margin-top: 10px;
}
.viewlakeStockingHistory__item + .viewlakeStockingHistory__item {
  margin-top: 10px;
}
.viewlakeStockingHistory__item {
  background: linear-gradient(180deg, #fcfdff 0%, #f6f8fb 100%);
  border: 1px solid #e1e8ef;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  padding: 10px 12px;
}
.viewlakeStockingHistory__meta {
  margin: 0 0 6px;
}
.viewlakeStockingHistory__changes {
  margin: 0 0 8px 18px;
  padding: 0;
}
.viewlakeStockingHistory__changes li + li {
  margin-top: 4px;
}
.viewlakeStockingHistory__comments p {
  margin: 6px 0 0;
}
.viewlakeSurveySummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}
.viewlakeSurveySummary__item {
  padding: 10px 12px;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #fafbfd;
}
.viewlakeSurveySummary__item strong,
.viewlakeSurveySummary__item span {
  display: block;
}
.viewlakeSurveySummary__item strong {
  margin-bottom: 3px;
  color: #17384f;
}
.viewlakeSurveySummary__item span {
  color: #5a6674;
}
.viewlakeSurveySummary__item--wide {
  grid-column: span 2;
}
.viewlakeSurveyControlsPanel {
  margin: 0 0 14px;
  padding: 8px 12px 10px;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #fafbfd;
}
.viewlakeSurveyControlsPanel summary {
  cursor: pointer;
  font-weight: 600;
  color: #17384f;
}
.viewlakeSurveyControls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 14px;
  align-items: end;
  margin: 10px 0 0;
}
.viewlakeSurveyControls__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: end;
}
.viewlakeSurveyControls__field {
  display: grid;
  gap: 4px;
  margin: 0;
}
.viewlakeSurveyControls__field span {
  color: #566577;
  font-size: 0.92em;
}
.viewlakeSurveyControls__field select {
  min-width: 11rem;
}
.viewlakeSurveyControls__status {
  min-width: 11rem;
  color: #586779;
  font-size: 0.92em;
  text-align: right;
}
[data-viewlake-survey-section].is-loading {
  opacity: 0.72;
  transition: opacity 0.16s ease;
}
.viewlakeSurveyBlurb {
  padding-top: 10px;
  padding-bottom: 10px;
}
.viewlakeSurveyEntry__header {
  margin: 0 0 4px;
  color: #17384f;
}
.viewlakeSurveyEntry__header strong {
  font-weight: 700;
}
.viewlakeSurveyEntry__catch {
  margin: 0 0 4px;
  font-weight: 600;
}
.viewlakeSurveyEntry__details {
  color: #4f5f70;
}
.viewlakeSurveyEntry__detail {
  margin-top: 2px;
  line-height: 1.35;
}
.viewlakeSurveyEntry__comments {
  margin-top: 6px;
  color: #4a5563;
}
.viewlakeSurveyEntry__comments p {
  margin: 4px 0 0;
}
.viewlakeSurveyMeta {
  margin-top: 6px;
  color: #5a6674;
  font-size: 0.94em;
  line-height: 1.35;
}
.viewlakeSurveyMeta > span + span {
  margin-left: 10px;
}
.viewlakeSurveyMeta__actions a {
  font-weight: 600;
}
.viewlakePhysicalData {
  display: block;
}
.viewlakeStockingData {
  display: block;
}
.viewlakePhysicalData__list {
  margin: 0;
}
.viewlakeStockingData__list {
  margin: 0;
}
.viewlakePhysicalData__list--plain > div {
  background-color: transparent !important;
}
.viewlakePhysicalData__list > div {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 6px;
  align-items: start;
  padding: 4px 8px;
}
.viewlakeStockingData__list > div {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 6px;
  align-items: start;
  padding: 6px 8px;
}
.viewlakePhysicalData__list dt {
  margin: 0;
  font-weight: 700;
  color: #17384f;
}
.viewlakeStockingData__list dt {
  margin: 0;
  font-weight: 700;
  color: #17384f;
}
.viewlakePhysicalData__list dd {
  margin: 0;
  color: inherit;
  min-width: 0;
}
.viewlakeStockingData__list dd {
  margin: 0;
  color: inherit;
  min-width: 0;
}
.viewlakePhysicalData__fullWidth {
  margin-top: 10px;
}
.viewlakeStockingData__fullWidth {
  margin-top: 10px;
}
.viewlakeNearbyFeatures {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1px;
}
.viewlakeNearbyFeatures__item {
  display: block;
  line-height: 1.2;
}
.viewlakeNearbyFeatures__name {
  font-weight: 600;
  color: #17384f;
}
.viewlakeNearbyFeatures__meta {
  display: inline;
  color: #5a6674;
}
.viewlakeNearbyFeatures__meta::before {
  content: " ";
}
.viewlakeNearbyFeatures__class {
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: #eef2f6;
  color: #536678;
  font-size: 0.84em;
  margin-left: 4px;
}
.viewlakePhysicalData__list > .viewlakePhysicalData__row--nearbyFeatures {
  padding-top: 0;
  padding-bottom: 0;
}
.viewlakePhysicalData__list.alternateColors > div:nth-child(4n),
.viewlakePhysicalData__list.alternateColors > div:nth-child(4n-1),
.viewlakeStockingData__list.alternateColors > div:nth-child(4n),
.viewlakeStockingData__list.alternateColors > div:nth-child(4n-1) {
  background-color: #f2f5f8;
}
.viewlakePhysicalData__list.alternateColors > div:nth-child(4n-3),
.viewlakePhysicalData__list.alternateColors > div:nth-child(4n-2),
.viewlakeStockingData__list.alternateColors > div:nth-child(4n-3),
.viewlakeStockingData__list.alternateColors > div:nth-child(4n-2) {
  background-color: #e8edf3;
}
@media (min-width: 980px) {
  .viewlakePhysicalData {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 28px;
    align-items: start;
  }
  .viewlakePhysicalData__fullWidth {
    grid-column: 1 / -1;
  }
}
@media (max-width: 720px) {
  .viewlakeSurveySummary__item--wide {
    grid-column: auto;
  }
  .viewlakeSurveyControls {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .viewlakeSurveyControls__status {
    text-align: left;
  }
}
.downarrow {
  fill: #2f48c0;
  fill-opacity: 1;
  width: 20px;
  height: 20px;
  margin-bottom: -3px;
}
.downarrow:hover {
  fill: #527c00;
  cursor: pointer;
  height: 25px;
  margin-bottom: -8px;
  transition: 0.3s ease-in-out;
}
.arrow {
  padding-right: 10px;
  line-height: 2em;
}
.pickOrderSendBottom {
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  padding: 0 10px 0 0;
}
.pickOrderItem {
  gap: 6px;
}
.pickOrderItem__name {
  flex: 1 1 auto;
}
.error {
  background-color: #fff000;
  padding-left: 3px;
}
.diff {
  background-color: #d9e6f2;
  padding-left: 3px;
  padding-right: 3px;
}
a.tooltip {
  position: relative;
  /*this is the key*/
  color: #000;
  text-decoration: none;
}

a.tooltip span {
  display: none;
}

a.tooltip:hover span {
  /*the span will display just on :hover state*/
  display: block;
  position: absolute;
  padding: 5px;
  top: 2em;
  left: 1em;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  text-decoration: inherit;
  text-align: center;
  white-space: nowrap;
  z-index: 99999;
}
.smalltbl {
  width: auto;
}
.tablewithborder,
.tablewithborder td {
  border-width: 1px;
  border-style: solid;
  margin: 0;
  padding: 4px;
  border-collapse: collapse;
  background-color: #fff;
}

.tablewithborder tr {
  background-color: silver;
}

.thirtiestext {
  font-family: "Bookman Old Style", "Verdana";
}

.attendance td,
.attendance th {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: solid;
  border-width: 1px;
}

.attendance th {
  vertical-align: bottom;
}

.attendance table {
  border-collapse: collapse;
}
.attendance table tr:nth-child(odd) {
  background-color: #b6dde8;
}
.attendance table.mossback tr:nth-child(odd) {
  background-color: #d7e4bc;
}
.attendance table.inactive tr:nth-child(odd) {
  background-color: #b8cce4;
}
.attendance table.honarary tr:nth-child(odd),
.attendance table.honorary tr:nth-child(odd) {
  background-color: #fac090;
}
.attendance table.assoc tr:nth-child(odd) {
  background-color: #e6b9b8;
}

.attendance table tr.self {
  background-color: yellow;
}
.attendance a:link,
.attendance a:visited,
.attendance a:active {
  color: #000;
  text-decoration: none;
}
.attendance tr th {
  color: white;
  background-color: black;
  border-color: black;
}
.attendance td span {
  padding: 0 2px;
}
.attendance th.attendance-status-column,
.attendance td.attendance-status-column {
  width: 8rem;
  font-size: 0.9em;
  white-space: nowrap;
  background-color: #fff !important;
  background-image: none !important;
  border: none !important;
}
.attendance table tr:hover td.attendance-status-column,
.attendance table tr:nth-child(odd) td.attendance-status-column,
.attendance table.mossback tr:nth-child(odd) td.attendance-status-column,
.attendance table.inactive tr:nth-child(odd) td.attendance-status-column,
.attendance table.honarary tr:nth-child(odd) td.attendance-status-column,
.attendance table.honorary tr:nth-child(odd) td.attendance-status-column,
.attendance table.assoc tr:nth-child(odd) td.attendance-status-column,
.attendance table tr.self td.attendance-status-column {
  background-color: #fff !important;
}
.attendance td.attendance-status-column span {
  padding: 0;
}
.attendance-choice-header-row {
  display: none;
}
.attendance-choice-cell {
  white-space: nowrap;
}
.attendance-choice-input {
  margin-right: 0.2rem;
}
.attendance-print-note {
  display: none;
}
.attendance-print-button {
  margin-left: 0.5rem;
}
.attendance .paid {
  color: #6a0;
  border: 1px solid #4b6f02;
}
.centertext,
.centerText {
  text-align: center;
}

.centertext table,
.centerText table,
.centerobject {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.rightText {
  text-align: right;
}

.leftText {
  text-align: left;
}
.trhead,
.trtext {
  width: 100%;
  max-width: 1000px;
}
.trhead {
  border: black 1px solid;
  margin-bottom: 10px;
}
.trhead td {
  width: 33%;
}
.trhead td:nth-child(2) {
  text-align: center;
}
.trhead td:nth-child(3) {
  text-align: right;
}
.welcomeblock {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.1em;
  line-height: 1.2em;
}
.welcomeblock .img-shadow {
  margin: 0 1em 1em 0;
}
#inlineElement {
  display: inline;
}
.inlineEls form {
  display: inline-block;
}
.inline {
  display: inline;
}
.fiftyPercent {
  width: 50%;
}

.showWhenPrinting {
  visibility: hidden;
}

.hideWhenPrinting {
  visibility: visible;
}
.datePicker {
  background-image: url(/images/cal.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
.datepicker,
.timePicker {
  width: 16ch;
}
.divider td {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: gray;
  border-collapse: collapse;
}
.alternateColors li:hover,
.colorRow tr:hover,
tr.colorRow:hover,
.attendance .colorRow tr:hover,
.anglerName:hover,
.reverserow form:hover + label {
  background-color: #dde7bd;
}

#mapDiv {
  position: relative;
}
.infoWindowDiv {
  width: 250px;
}
.viewLakePhotoPopup {
  align-items: center;
  display: grid;
  grid-template-columns: 96px minmax(8rem, 1fr);
  gap: 0.65rem;
  margin: 0;
  max-width: min(17rem, calc(100vw - 4rem));
}

#map .viewLakePhotoPopup__image,
#mapDiv .viewLakePhotoPopup__image,
#map_canvas .viewLakePhotoPopup__image,
.viewLakePhotoPopup__image {
  aspect-ratio: 1;
  border: 1px solid #c8d2dc;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(22, 37, 52, 0.18);
  display: block;
  height: 96px;
  object-fit: cover;
  width: 96px;
}

.viewLakePhotoPopup__caption {
  color: #263746;
  display: grid;
  gap: 0.18rem;
  line-height: 1.28;
  min-width: 0;
}

.viewLakePhotoPopup__byline {
  font-size: 0.95rem;
  font-weight: 700;
}

.viewLakePhotoPopup__date {
  color: #596b7a;
  font-size: 0.85rem;
}

td p {
  margin-top: 0;
  margin-bottom: 0;
}

.HLDuesCurrent {
  background-color: #9f6;
}

.HLDuesBehind {
  background-color: red;
}

.HLDuesPaidAhead {
  background-color: #9c3;
}

.Odd {
  background-color: #ffc;
}
#tbdues ul {
  list-style: none;
  padding: 0;
}
#tbdues .headerrow {
  border-top: 2px solid white;
  padding: 5px 0;
  font-size: 1.1em;
  position: sticky;
  top: 0;
  z-index: 100;
}
#tbdues ul li {
  margin: 0;
  padding: 3px 0 3px 5px;
}
.dues {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  line-height: 1.1em;
  align-items: center;
  min-height: 21px;
}
.dues a {
  font-weight: bold;
}
.dues input {
  width: auto;
}
.due {
  background-color: #ffcdcd;
  border: 1px solid red;
}
.dues input {
  padding: 2px 1px 2px 3px;
}
.dues input[type="number"] {
  width: 60px;
}
.dues input[type="submit"] {
  border: 1px solid lightblue;
  background-color: aliceblue;
  border-radius: 4px;
}
.dues input[type="submit"]:hover {
  background-color: gray;
  border-color: lightgray;
  color: white;
  transition: ease-in-out 0.5s;
}

.tbDuesPage {
  max-width: none;
  padding-right: 0;
  width: 100%;
}

.tbDuesIntro {
  line-height: 1.45;
  margin-bottom: 18px;
  max-width: 72ch;
}

.tbDuesToolbar {
  align-items: center;
  background: linear-gradient(to right, #f4f8fb, #ffffff 65%);
  border: 1px solid #d7e1e8;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 14px;
}

.tbDuesToolbar--filtered {
  background: linear-gradient(to right, #fff4e8, #ffffff 70%);
  border-color: #e0c9a8;
}

.tbDuesToolbarLabel {
  color: #17384f;
  font-weight: 700;
}

.tbDuesToolbarButton {
  background: aliceblue;
  border: 1px solid lightblue;
  border-radius: 4px;
  color: #17384f;
  cursor: pointer;
  padding: 6px 12px;
}

.tbDuesToolbarButton:hover,
.tbDuesToolbarButton:focus {
  background: #dcecf7;
}

.tbDuesToolbarNote {
  color: #5c7080;
}

.tbDuesToolbarNote--filtered {
  color: #8c5a1f;
  font-weight: 700;
}

.tbDuesSection {
  margin-bottom: 24px;
}

.tbDuesSectionTitle {
  border-bottom: 1px solid #c7d6e3;
  color: #17384f;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin: 0 0 10px;
  padding-bottom: 6px;
}

.tbDuesSectionMeta {
  color: #5c7080;
  margin: -2px 0 12px;
}

.tbDuesSectionMetaAccent {
  color: #17384f;
  font-weight: 700;
  margin-left: 10px;
}

.tbDuesList {
  list-style: none;
  margin: 0;
  padding: 0;
}

#tbdues .tbDuesList > li {
  margin: 0;
  padding: 0;
}

.tbDuesHeaderRow {
  background: #eef4f8;
  border: 1px solid #d7e1e8;
  border-bottom: none;
  box-shadow: 0 2px 4px rgba(23, 56, 79, 0.08);
  position: sticky;
  top: 0;
  z-index: 100;
}

.tbDuesColumns {
  align-items: center;
  column-gap: 10px;
  display: grid;
  grid-template-columns: minmax(240px, 2fr) minmax(88px, 0.85fr) minmax(
      88px,
      0.85fr
    ) minmax(88px, 0.85fr) minmax(110px, 0.95fr) minmax(94px, 0.85fr) minmax(
      280px,
      1.9fr
    );
  min-height: 44px;
  padding: 8px 14px;
}

.tbDuesColumns--header {
  color: #17384f;
  font-size: 14px;
  font-weight: 700;
  min-height: 0;
}

.tbDuesHeaderCell {
  min-width: 0;
  text-align: center;
}

.tbDuesList.alternateColors > .tbDuesItem {
  background: #fff;
  border-left: 1px solid #d7e1e8;
  border-right: 1px solid #d7e1e8;
  border-top: 1px solid #c8d7e2;
}

.tbDuesList.alternateColors > .tbDuesItem:nth-child(odd) {
  background: #fbfcfd;
}

.tbDuesList.alternateColors > .tbDuesItem:hover {
  background: #f8fbfd;
}

.tbDuesList.alternateColors > .tbDuesItem:last-child {
  border-bottom: 1px solid #c8d7e2;
}

.tbDuesItem--updated .tbDuesSummary {
  background: linear-gradient(to right, #dff2d2, #f7fcf3 60%);
  box-shadow: inset 0 0 0 2px #92bc72;
}

.tbDuesItem--updated .tbDuesYearInput {
  box-shadow: 0 0 0 3px rgba(111, 165, 74, 0.28);
}

.tbDuesDetails {
  background: inherit;
}

.tbDuesSummary {
  list-style: none;
  position: relative;
}

.tbDuesSummary::-webkit-details-marker {
  display: none;
}

.tbDuesSummary::before {
  color: #5c7080;
  content: "▸";
  font-size: 14px;
  left: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.15s ease-in-out;
}

.tbDuesDetails[open] .tbDuesSummary::before {
  transform: translateY(-50%) rotate(90deg);
}

.tbDuesSummary:hover {
  cursor: pointer;
}

.tbDuesSummary input,
.tbDuesSummary label,
.tbDuesSummary button {
  cursor: auto;
  position: relative;
  z-index: 1;
}

.tbDuesSummary .flatpickr-input {
  cursor: pointer;
}

.tbDuesMemberCell {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-left: 18px;
}

.tbDuesMemberMeta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbDuesMemberCell a {
  color: #1c5078;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.tbDuesMemberCell a:hover,
.tbDuesMemberCell a:focus {
  color: #9b2f16;
}

.tbDuesHistoryPrompt {
  color: #496578;
  font-size: 12px;
  font-weight: 700;
}

.tbDuesStatus {
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  text-transform: uppercase;
}

.tbDuesStatus--paid {
  background: #eaf5e4;
  color: #375d22;
}

.tbDuesStatus--due {
  background: #fde8e8;
  color: #8c1f1f;
}

.tbDuesStatus--life {
  background: #eef4f8;
  color: #31526b;
}

.tbDuesStatus--new {
  background: #fff4cf;
  color: #7a5a12;
}

.tbDuesCell {
  align-items: center;
  display: flex;
  gap: 4px;
  min-width: 0;
}

.tbDuesField {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.tbDuesFieldLabel {
  color: #6a7d8c;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
}

.tbDuesCurrencyField {
  align-items: center;
  display: flex;
  gap: 4px;
}

.tbDuesAnnualStatus {
  color: #496578;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
}

.tbDuesComputedAmount {
  color: #17384f;
  display: block;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
}

.tbDuesYearStepper {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.tbDuesStepButton {
  align-items: center;
  background: #eef4f8;
  border: 1px solid #adc2d1;
  border-radius: 4px;
  color: #17384f;
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 24px;
}

.tbDuesStepButton:hover,
.tbDuesStepButton:focus {
  background: #dfeaf1;
  border-color: #7fa0b8;
}

.tbDuesStepButton:disabled {
  background: #f3f6f8;
  border-color: #ccd9e2;
  color: #8aa0af;
  cursor: default;
}

.tbDuesYearCount,
.tbDuesCoverageSummary {
  color: #496578;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}

.tbDuesYearCount {
  min-width: 48px;
  text-align: center;
}

.tbDuesCell--note {
  color: #5c7080;
  font-weight: 700;
}

.tbDuesActionCell {
  display: flex;
  justify-content: flex-end;
  padding-left: 8px;
}

.tbDuesCommentActionCell {
  align-items: stretch;
}

.tbDuesCommentActionRow {
  align-items: center;
  display: flex;
  gap: 10px;
}

.tbDuesColumns input {
  width: 100%;
}

.tbDuesColumns input[type="number"] {
  width: 100%;
}

.tbDuesColumns label {
  color: #5c7080;
  flex: 0 0 auto;
  margin-right: 0;
  white-space: nowrap;
}

.tbDuesCurrencyField > label + input {
  flex: 1 1 auto;
  width: auto;
}

.tbDuesAmountInput,
.tbDuesAnnualInput,
.tbDuesOtherInput,
.tbDuesDateInput,
.tbDuesYearInput,
.tbDuesCommentInput {
  box-sizing: border-box;
  padding: 4px 6px;
}

.tbDuesAmountInput,
.tbDuesAnnualInput,
.tbDuesOtherInput,
.tbDuesDateInput,
.tbDuesCommentInput {
  background: #fff;
  border: 1px solid #c7d6e3;
  border-radius: 3px;
}

.tbDuesCommentInput {
  flex: 1 1 auto;
  min-width: 120px;
  width: 100%;
}

.tbDuesYearInput.due,
.tbDuesYearInput.due:focus {
  background-color: #ffcdcd;
  border: 1px solid red;
}

.tbDuesYearInput.paid,
.tbDuesYearInput.paid:focus {
  background-color: #eef8e9;
  border: 1px solid #7faa6a;
}

.tbDuesYearInput--empty,
.tbDuesYearInput--empty:focus {
  background-color: #fff9e7;
  border: 1px dashed #d5bb72;
  color: #7a5a12;
}

.tbDuesSubmit {
  background: linear-gradient(to bottom, #f3f8fc, #dfeef8);
  border: 1px solid #9cc1d8;
  border-radius: 4px;
  color: #17384f;
  flex: 0 0 auto;
  font-weight: 700;
  padding: 6px 12px;
  white-space: nowrap;
}

.tbDuesSubmit:hover:not(:disabled),
.tbDuesSubmit:focus:not(:disabled) {
  background: linear-gradient(to bottom, #2a6b98, #1c5078);
  border-color: #1c5078;
  color: #fff;
}

.tbDuesSubmit:disabled {
  cursor: default;
  opacity: 0.45;
}

.tbDuesHistoryWrap {
  background: #fbfdff;
  border-top: 1px solid #e5edf3;
  padding: 12px 16px 14px;
}

.tbDuesHistoryTable {
  border-collapse: collapse;
  font-size: 13px;
  width: 100%;
}

.tbDuesHistoryBody--updated {
  animation: tbDuesHistoryFlash 1.8s ease-out;
}

.tbDuesHistoryTable thead th {
  background: #f5f9fc;
  color: #17384f;
  font-size: 12px;
  letter-spacing: 0.02em;
  padding: 6px 8px;
  text-transform: uppercase;
}

.tbDuesHistoryTable tbody tr:nth-child(even) {
  background: #f9fbfd;
}

.tbDuesHistoryTable td {
  padding: 6px 8px;
  vertical-align: top;
}

.tbDuesHistoryActions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tbDuesHistoryMessage {
  display: block;
  margin-top: 6px;
  max-width: 24rem;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.tbDuesHistoryMessage--error {
  color: #8c1f1f;
}

.tbDuesHistoryMessage--info {
  color: #496578;
}

.tbDuesHistoryMessage--success {
  color: #375d22;
}

.tbDuesHistoryButton {
  background: #eef4f8;
  border: 1px solid #adc2d1;
  border-radius: 4px;
  color: #17384f;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 8px;
}

.tbDuesHistoryButton:hover,
.tbDuesHistoryButton:focus {
  background: #dfeaf1;
  border-color: #7fa0b8;
}

.tbDuesHistoryVoid:hover,
.tbDuesHistoryVoid:focus {
  background: #fde8e8;
  border-color: #c86565;
  color: #8c1f1f;
}

.tbDuesHistoryRow--editing {
  background: #fff9e7;
}

.tbDuesHistoryInput {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 5.5rem;
  padding: 4px 6px;
}

.tbDuesHistoryCommentInput {
  min-width: 12rem;
  width: 100%;
}

.tbDuesHistoryTable td:nth-child(2),
.tbDuesHistoryTable td:nth-child(3),
.tbDuesHistoryTable td:nth-child(4),
.tbDuesHistoryTable th:nth-child(2),
.tbDuesHistoryTable th:nth-child(3),
.tbDuesHistoryTable th:nth-child(4) {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.tbDuesHistoryTable td:last-child,
.tbDuesHistoryTable th:last-child {
  text-align: left;
}

.tbDuesEmptyState {
  border: 1px solid #d7e1e8;
  border-top: none;
  color: #5c7080;
  padding: 12px;
}

.tbAnnualReportPage {
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 10px 30px;
}

.tbAnnualReportIntro,
.tbAnnualReportSummary,
.tbAnnualReportEmpty {
  color: #496578;
  font-weight: 700;
}

.tbAnnualReportToolbar {
  align-items: center;
  background: #eef4f8;
  border: 1px solid #d7e1e8;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0;
  padding: 10px;
}

.tbAnnualReportToolbarLabel {
  color: #17384f;
  font-weight: 700;
}

.tbAnnualReportYearSelect {
  background: #fff;
  border: 1px solid #adc2d1;
  border-radius: 4px;
  padding: 5px 8px;
}

.tbAnnualReportButton {
  background: #31526b;
  border: 1px solid #17384f;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  padding: 5px 12px;
}

.tbAnnualReportButton:hover,
.tbAnnualReportButton:focus {
  background: #17384f;
}

.tbAnnualReportPage--enhanced .tbAnnualReportButton {
  display: none;
}

.tbAnnualReportPage--loading .tbAnnualReportResults {
  opacity: 0.55;
}

.tbAnnualReportTable {
  width: 100%;
}

.tbAnnualReportTable th {
  background: #eef4f8;
  color: #17384f;
}

.tbAnnualReportTable td {
  vertical-align: top;
}

.tbAnnualReportMissing {
  color: #8c1f1f;
  font-weight: 700;
}

@media print {
  .tbAnnualReportToolbar,
  .tbAnnualReportTable a[href]::after {
    display: none;
  }
}

@keyframes tbDuesHistoryFlash {
  0% {
    background-color: #d9efc9;
  }
  35% {
    background-color: #edf8e6;
  }
  100% {
    background-color: transparent;
  }
}

@media screen and (max-width: 980px) {
  .tbDuesColumns,
  .tbDuesColumns--header {
    column-gap: 8px;
    grid-template-columns: minmax(190px, 2fr) minmax(82px, 0.85fr) minmax(
        82px,
        0.85fr
      ) minmax(82px, 0.85fr) minmax(102px, 0.95fr) minmax(90px, 0.85fr) minmax(
        240px,
        1.7fr
      );
  }
}

@media screen and (max-width: 860px) {
  .tbDuesHeaderRow {
    display: none;
  }

  .tbDuesColumns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }

  .tbDuesMemberCell,
  .tbDuesCommentActionCell,
  .tbDuesCell--note {
    grid-column: 1 / -1;
  }

  .tbDuesCommentActionRow {
    align-items: stretch;
    flex-direction: column;
  }

  .tbDuesFieldLabel {
    font-size: 10px;
  }
}
summary:hover {
  cursor: pointer;
}
.anglerName {
  float: left;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}
.columns {
  list-style: none;
  column-count: 4;
  column-gap: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}
.column20 {
  float: left;
  width: 20%;
}

.column10 {
  float: left;
  width: 10%;
}

.column30 {
  float: left;
  width: 30%;
}

.column70 {
  float: left;
  width: 70%;
}
#titlePic {
  width: 556px;
  margin-left: auto;
  margin-right: auto;
}
.margin5,
.singleColumn img.margin5 {
  margin-left: 5px;
}

.treRoster {
  width: 100%;
}

.treRoster img {
  float: left;
}

.tripReports table {
  margin-top: 2em;
}

.underlineText {
  text-decoration: underline;
}

.article li {
  margin-top: 10px;
  margin-bottom: 10px;
}
.contentarea h5 {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}
.contentarea .hasBottomMargin {
  margin-bottom: 1em;
}
.hasRightMargin {
  margin-right: 1em;
}
.lengthExact {
  width: 150px;
}
.floatleft,
.floatLeft {
  float: left;
  height: auto;
}

.floatleft form {
  float: left;
  overflow: auto;
}

.floatright,
.floatRight {
  float: right;
  text-align: right;
}

.floatclear {
  clear: both;
}
.reverserow {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-flow: dense;
  grid-gap: 3px;
}
.reverserow > label {
  grid-column: 1;
}
.reverserow > form {
  grid-column: 2;
}
#bbpress-forums div.bbp-the-content-wrapper input[type="button"] {
  color: white;
}
.bbp-breadcrumb-current {
  font-size: 1.5em;
}
/* Styles for 1986 TB Annual Report */
.biggerText {
  font-family: Arial;
  font-size: 1.5em;
}
.bylawIndent {
  margin-left: -70px;
}
.bylawArticle {
  counter-reset: articlecounter;
  list-style-type: none;
  padding-left: 0;
}
.bylawArticle > li {
  counter-increment: articlecounter;
  margin-left: 80px;
}
.bylawArticle > li::before {
  display: block;
  content: "Article " counter(articlecounter);
  font-weight: bold;
  margin-left: -80px;
  width: 80px;
  float: left;
}
.bylawNoStyle > li::before {
  content: none;
}
.bylawSection,
.bylawResolution {
  counter-reset: sectioncounter;
  padding-left: 10px;
  list-style: none;
  list-style-position: outside;
}
.bylawSection > li,
.bylawResolution > li {
  counter-increment: sectioncounter;
  margin-left: 10px;
}
.bylawSection > li::before,
.bylawResolution > li::before {
  content: "Section " counter(sectioncounter) " ";
  font-weight: bold;
  font-style: italic;
  margin-left: -90px;
  width: 90px;
  float: left;
}
.bylawResolution > li::before {
  content: "Resolution " counter(sectioncounter) " ";
}

.annualList {
  list-style: none;
  font-size: 14px;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  margin-bottom: 20px;
  border-right-color: #000;
  border-right-style: solid;
  border-right-width: 1px;
  overflow: auto;
}

.annualList a:link,
.annualList a:visited {
  text-decoration: none;
}

.annualList li {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
}

.tbAnnualsIntroPage {
  max-width: 980px;
  padding-right: 20px;
}

.tbAnnualsIntroHero {
  background: linear-gradient(to bottom, #f9fbfd, #f2f6f9);
  border: 1px solid #d6e0e8;
  border-radius: 4px;
  margin-bottom: 28px;
  padding: 22px 24px;
}

.tbAnnualsIntroEyebrow {
  color: #6a7d8c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.tbAnnualsIntroTitle {
  color: #17384f;
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 16px;
}

.tbAnnualsIntroCopy {
  max-width: none;
}

.tbAnnualsIntroCopy p {
  line-height: 1.5;
  margin: 0 0 14px;
}

.tbAnnualsIntroByline {
  border-top: 1px solid #d6e0e8;
  margin-top: 22px;
  max-width: none;
  padding-top: 14px;
}

.tbAnnualsIntroBylineName,
.tbAnnualsIntroBylineMeta {
  margin: 0;
}

.tbAnnualsIntroBylineName {
  color: #17384f;
  font-size: 16px;
  font-weight: 700;
}

.tbAnnualsIntroBylineMeta {
  color: #5c7080;
  margin-top: 4px;
}

.tbAnnualsArchiveSection {
  margin-bottom: 28px;
}

.tbAnnualsArchiveTitle {
  border-bottom: 1px solid #c7d6e3;
  color: #17384f;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 12px;
  padding-bottom: 6px;
}

.tbAnnualsArchiveNote {
  line-height: 1.45;
  margin: 0 0 16px;
  max-width: 72ch;
}

.tbAnnualsArchiveJumpLink,
.tbAnnualsArchiveJumpLink:link,
.tbAnnualsArchiveJumpLink:visited {
  color: #1c5078;
  font-weight: 700;
  text-decoration: none;
}

.tbAnnualsArchiveJumpLink:hover,
.tbAnnualsArchiveJumpLink:focus {
  color: #9b2f16;
  text-decoration: underline;
}

.tbAnnualsDecadeGrid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
}

.tbAnnualsDecade {
  background: linear-gradient(to bottom, #f8fbfd, #ffffff 28%);
  border: 1px solid #d6e0e8;
  border-radius: 4px;
  overflow: hidden;
}

.contentarea .tbAnnualsDecadeTitle {
  background: #e9f0f5;
  color: #17384f;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  padding: 6px 6px;
  text-align: center;
}

.tbAnnualsYearList,
.tbAnnualsJournalList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tbAnnualsYearList li {
  align-items: center;
  height: 24px;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.tbAnnualsJournalItem {
  min-height: 27px;
}

.tbAnnualsYearList li + li::before {
  background: #e5edf3;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.tbAnnualsJournalItem:not(:last-child) {
  box-shadow: inset 0 -1px 0 #e5edf3;
}

.tbAnnualsYearSpacer {
  display: block;
  height: 24px;
}

.tbAnnualsYearLink,
.tbAnnualsYearLink:link,
.tbAnnualsYearLink:visited,
.tbAnnualsJournalLink,
.tbAnnualsJournalLink:link,
.tbAnnualsJournalLink:visited {
  color: #1c5078;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 7px 10px;
  text-decoration: none;
}

.tbAnnualsYearLink,
.tbAnnualsYearLink:link,
.tbAnnualsYearLink:visited {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1;
  padding: 0 4px;
  text-align: center;
  width: 100%;
}

.tbAnnualsJournalLink,
.tbAnnualsJournalLink:link,
.tbAnnualsJournalLink:visited {
  padding: 5px 8px;
}

.tbAnnualsYearLink:hover,
.tbAnnualsYearLink:focus,
.tbAnnualsJournalLink:hover,
.tbAnnualsJournalLink:focus {
  background: #eef5fa;
  color: #9b2f16;
}

.tbAnnualsYearList li:hover,
.tbAnnualsYearList li:focus-within {
  box-shadow: inset 0 1px 0 #bfd2e1;
}

.tbAnnualsYearList li:hover + li::before,
.tbAnnualsYearList li:focus-within + li::before {
  background: #bfd2e1;
}

.tbAnnualsYearList li:last-child:hover,
.tbAnnualsYearList li:last-child:focus-within {
  box-shadow:
    inset 0 1px 0 #bfd2e1,
    inset 0 -1px 0 #bfd2e1;
}

.tbAnnualsJournalList {
  border: 1px solid #d6e0e8;
  border-radius: 4px;
  overflow: hidden;
}

@media screen and (max-width: 700px) {
  .tbAnnualsIntroHero {
    padding: 18px;
  }

  .tbAnnualsIntroTitle {
    font-size: 24px;
  }

  .tbAnnualsDecadeGrid {
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
  }
}

.officerHandbookPage {
  max-width: 900px;
  padding-right: 20px;
}

.officerHandbookIntro,
.officerHandbookArchiveNote {
  max-width: 68ch;
  line-height: 1.45;
  margin-bottom: 18px;
}

.officerHandbookSection {
  margin-bottom: 24px;
}

.officerHandbookSectionTitle {
  border-bottom: 1px solid #c7d6e3;
  color: #17384f;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  margin: 20px 0 10px;
  padding-bottom: 6px;
}

.officerHandbookList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.officerHandbookItem {
  background: linear-gradient(to right, #f7fafc, #ffffff 45%);
  border: 1px solid #d8e2ea;
  border-radius: 3px;
  margin-bottom: 10px;
}

.officerHandbookItem:hover {
  background: #eef5fa;
  border-color: #bfd2e1;
}

.officerHandbookLink,
.officerHandbookLink:link,
.officerHandbookLink:visited {
  color: #1c5078;
  display: block;
  padding: 14px 18px 6px;
  text-decoration: none;
}

.officerHandbookLink:hover,
.officerHandbookLink:active,
.officerHandbookLink:focus {
  color: #9b2f16;
}

.officerHandbookTitle {
  color: #17384f;
  display: block;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}

.officerHandbookMeta {
  color: #5a768b;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 4px;
  text-transform: uppercase;
}

.officerHandbookDescription {
  color: #394a57;
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
  padding: 0 18px 14px;
}

.officerHandbookArchiveNote {
  color: #50606e;
  font-size: 14px;
  margin-top: 8px;
}

.tbDuesLead {
  max-width: 68ch;
  line-height: 1.45;
}

.tbDuesDeadline {
  background: linear-gradient(to right, #f4f8fb, #ffffff 70%);
  border: 1px solid #cbd9e4;
  border-left: 5px solid #4c7aa1;
  border-radius: 3px;
  margin: 16px 0 22px;
  padding: 12px 16px;
}

.tbDuesDeadlineTitle {
  color: #17384f;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}

.tbDuesGrid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: 18px 0 24px;
}

.tbDuesCard {
  background: linear-gradient(to bottom right, #f9fbfc, #eef5fa);
  border: 1px solid #d3e0e9;
  border-radius: 4px;
  padding: 16px 18px;
}

.tbDuesCardTitle {
  color: #17384f;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 8px;
}

.tbDuesAmount {
  color: #1a4f77;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 10px;
}

.tbDuesBreakdown {
  color: #455764;
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.tbDuesNotes {
  background: #fbfcfd;
  border: 1px solid #dde7ee;
  border-radius: 4px;
  margin-top: 8px;
  padding: 14px 18px;
}

.tbDuesNotesTitle {
  color: #17384f;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
}

.tbDuesNotes ul {
  margin: 0;
  padding-left: 20px;
}

.tbDuesNotes li {
  line-height: 1.45;
  margin-bottom: 8px;
}

.tbDuesNotes li:last-child {
  margin-bottom: 0;
}

.financialReportsPage {
  max-width: 980px;
  padding-right: 20px;
}

.financialReportsIntro,
.financialReportsNote {
  max-width: 72ch;
  line-height: 1.45;
}

.financialReportsSection {
  margin-top: 22px;
}

.financialReportsSectionTitle {
  border-bottom: 1px solid #c7d6e3;
  color: #17384f;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 12px;
  padding-bottom: 6px;
}

.financialReportsAnnualGrid,
.financialReportsYearGrid {
  display: grid;
  gap: 14px;
}

.financialReportsAnnualGrid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.financialReportsYearGrid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.financialReportsCard {
  background: linear-gradient(to bottom right, #f9fbfc, #eef5fa);
  border: 1px solid #d5e1ea;
  border-radius: 4px;
  padding: 15px 16px;
}

.financialReportsCardTitle {
  color: #17384f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 5px;
}

.financialReportsCardMeta {
  color: #5a768b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.financialReportsLink,
.financialReportsLink:link,
.financialReportsLink:visited {
  color: #1c5078;
  font-weight: 700;
  text-decoration: none;
}

.financialReportsLink:hover,
.financialReportsLink:active,
.financialReportsLink:focus {
  color: #9b2f16;
}

.financialReportsMonthList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.financialReportsMonthList li {
  margin: 0;
}

.financialReportsMonthLink,
.financialReportsMonthLink:link,
.financialReportsMonthLink:visited {
  background: #ffffff;
  border: 1px solid #d3dee7;
  border-radius: 999px;
  color: #365c7b;
  display: inline-block;
  font-size: 13px;
  padding: 5px 10px;
  text-decoration: none;
}

.financialReportsMonthLink:hover,
.financialReportsMonthLink:active,
.financialReportsMonthLink:focus {
  background: #eaf2f8;
  border-color: #bacee0;
  color: #9b2f16;
}

.findAnglerPage,
.anglerPage {
  max-width: 980px;
  padding-right: 20px;
}

.findAnglerPage__intro,
.findAnglerSearch__hint,
.anglerEmptyState {
  color: #50606e;
  line-height: 1.45;
}

.findAnglerPage__message {
  margin: 0 0 16px;
  padding: 10px 14px;
  border: 1px solid #d8e0e8;
  border-radius: 4px;
  background-color: #f7fafc;
}

.findAnglerPage__message--error {
  border-color: #dcb7b2;
  background-color: #fff4f2;
  color: #8d2b20;
}

.findAnglerPage__message p:last-child {
  margin-bottom: 0;
}

.findAnglerSearch {
  margin-bottom: 18px;
}

.findAnglerSearch fieldset {
  padding: 12px 16px 14px;
  border: 1px solid #d5e1ea;
  border-radius: 4px;
  background: linear-gradient(to bottom right, #f8fbfd, #eef5fa);
}

.findAnglerSearch label {
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
}

.findAnglerSearch__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.findAnglerSearch__controls input[type="search"] {
  min-width: 240px;
}

.findAnglerSearch__hint {
  margin: 8px 0 0;
  font-size: 0.95em;
}

.findAnglerPage__actions {
  margin-bottom: 12px;
}

.findAnglerSuggestions {
  margin-bottom: 12px;
}

.findAnglerSuggestions h4 {
  margin: 0 0 4px;
}

.findAnglerSuggestions__intro {
  color: #50606e;
  font-size: 0.93em;
  line-height: 1.35;
  margin: 0 0 6px;
}

.anglerSearchResults {
  display: grid;
  gap: 0;
  border: 1px solid #d6e0e8;
  border-radius: 4px;
  overflow: hidden;
}

.anglerSearchResults__row {
  display: grid;
  align-items: center;
  gap: 8px 12px;
  padding: 6px 10px;
  background-color: #fff;
  border-top: 1px solid #dde5ec;
}

.anglerSearchResults__row:not(.anglerSearchResults__row--header):hover {
  background-color: #dbd05a;
}

.anglerSearchResults__row:first-child {
  border-top: 0;
}

.anglerSearchResults__row--header {
  background: #eef5fa;
}

.anglerSearchResults__row--header h4 {
  margin: 0;
  font-size: 0.96em;
}

.anglerSearchResults--names-only .anglerSearchResults__row {
  grid-template-columns: minmax(0, 1fr);
}

.anglerSearchResults--two-actions .anglerSearchResults__row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.anglerSearchResults--admin .anglerSearchResults__row {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.anglerSearchResults--suggested .anglerSearchResults__row {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 1.25fr) auto;
}

.anglerSearchResults--reference .anglerSearchResults__row {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 1.25fr) auto;
}

.anglerSearchResults__action {
  justify-self: start;
}

.anglerSearchResults__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.anglerSearchResults__detail {
  color: #50606e;
  font-size: 0.88em;
  line-height: 1.25;
}

.anglerSearchResults .link a {
  display: inline-block;
  padding: 1px 0;
  text-decoration: none;
}

.anglerSearchResults .mapbuttons form,
.anglerSearchResults .mapbuttons,
.anglerSearchResults .mapbuttons > a {
  margin-bottom: 0;
}

.anglerSearchResults .mapbuttons input[type="submit"],
.anglerSearchResults .mapbuttons > a {
  padding: 0.25rem 0.55rem;
  line-height: 1.15;
}

.anglerSearchResults--suggested .anglerSearchResults__row,
.anglerSearchResults--reference .anglerSearchResults__row {
  padding-top: 5px;
  padding-bottom: 5px;
}

.anglerProfileHeader {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px 18px;
}

.anglerProfileHeader__main {
  flex: 1 1 320px;
}

.anglerProfileHeader__main h3 {
  margin-bottom: 8px;
}

.anglerProfileHeader__edit {
  font-size: 0.82em;
  font-weight: 400;
}

.anglerProfileHeader__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.anglerProfileHeader__actions form {
  margin: 0;
}

.anglerProfileHeader__actions input[type="submit"] {
  font: inherit;
}

.anglerProfileHeader__photo {
  flex: 0 0 auto;
}

.anglerSection {
  margin-bottom: 18px;
}

.anglerSection__action {
  font-size: 0.82em;
  font-weight: 400;
}

.personal.anglerRosterGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(240px, 1fr);
  gap: 18px 24px;
}

.anglerRosterGrid__contact p,
.anglerRosterGrid__status p {
  margin: 0 0 6px;
}

.anglerMembershipList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.anglerMembershipStatus {
  margin-bottom: 8px;
  padding: 8px 10px;
  border: 1px solid #d7e0e7;
  border-radius: 4px;
  background-color: #f9fbfc;
}

.anglerMembershipStatus--current {
  border-color: #bfd4c8;
  background-color: #eff8f2;
}

.anglerMembershipStatus--ahead {
  border-color: #c7d7e8;
  background-color: #eff5fb;
}

.anglerMembershipStatus--behind {
  border-color: #e2c3c0;
  background-color: #fff4f2;
}

.anglerActivitiesLayout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px 18px;
}

.anglerActivitiesPanel {
  padding: 12px 14px;
  border: 1px solid #d8e1e8;
  border-radius: 4px;
  background-color: #fbfcfd;
}

.anglerActivitiesPanel h4 {
  margin-top: 0;
  margin-bottom: 10px;
}

.anglerActivitiesTable {
  width: 100%;
  border-collapse: collapse;
}

.anglerActivitiesTable td {
  padding: 6px 0;
  border-top: 1px solid #e6ebef;
}

.anglerActivitiesTable tr:first-child td {
  border-top: 0;
}

.anglerHistoryText {
  line-height: 1.5;
}

@media (max-width: 720px) {
  .anglerRosterGrid {
    grid-template-columns: 1fr;
  }

  .anglerSearchResults--two-actions .anglerSearchResults__row,
  .anglerSearchResults--admin .anglerSearchResults__row,
  .anglerSearchResults--suggested .anglerSearchResults__row,
  .anglerSearchResults--reference .anglerSearchResults__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.noWrap {
  white-space: nowrap;
}
.pageBreak {
  display: block;
  float: none;
  overflow: visible;
  height: auto;
  page-break-after: always;
}
#s2id_Jurisdiction {
  min-width: 25em;
}
#s2id_quicksearch {
  float: left;
}
.auto-style1 {
  text-align: right;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.auto-style2 {
  text-align: right;
  border-top-style: solid;
  border-top-width: 1px;
}
#quickLakeFinderSearch {
  margin-right: 10px;
}
#titlebar {
  display: flex;
  justify-content: flex-end;
}
#titlebar #quickLakeFinderSearch {
  width: auto;
  margin-top: 50px;
}
.choices__list {
  min-width: 200px;
  display: block;
}
.hidden {
  display: none;
}
.fancybox-title a,
.fancybox__caption a {
  color: color(srgb 0.706 0.706 0.706);
}
.fancybox__caption {
  font-size: 1.3em;
}
.fancybox:hover {
  cursor: pointer;
}
.popupmap {
  width: 600px;
  height: 600px;
}
.photo-grid figure {
  margin: 0;
}
.minutes td {
  padding: 10px;
  vertical-align: text-top;
}
.minutesView {
  max-width: 860px;
}
.minutesIndex {
  max-width: 1080px;
}
.minutesIndex__header {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 360px);
  gap: 16px 20px;
  align-items: end;
  margin-bottom: 14px;
  padding: 0 0 14px;
  border-bottom: 1px solid #d7d7d7;
}
.minutesIndex__title {
  margin: 0 0 4px;
}
.minutesIndex__intro {
  margin: 0;
  color: #546173;
  line-height: 1.45;
}
.minutesIndex__search {
  margin-bottom: 0;
}
.minutesIndex__searchLabel {
  display: inline-block;
  margin-right: 8px;
  font-weight: 600;
}
.minutesIndex__actions {
  margin: 0 0 16px;
}
.minutesIndex__jumpList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}
.minutesIndex__jumpList a {
  display: inline-block;
  padding: 2px 0;
  font-weight: 600;
  text-decoration: none;
}
.minutesIndex__jumpList a:hover,
.minutesIndex__jumpList a:focus,
.minutesIndex__jumpList a:focus-visible {
  text-decoration: underline;
}
.minutesView__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
.minutesView__actions button {
  font: inherit;
}
.minutesIndex__yearGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}
.minutesIndex__yearCard {
  padding: 16px 18px;
  border: 1px solid #d8dee7;
  border-radius: 6px;
  background: linear-gradient(180deg, #fbfcfd 0%, #f3f7fb 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.minutesIndex__yearHeader {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbe3ec;
}
.minutesIndex__yearTitle {
  margin: 0 0 2px;
}
.minutesIndex__yearMeta {
  margin: 0;
  color: #66748a;
  font-size: 0.95em;
}
.minutesIndex__download {
  white-space: nowrap;
  font-size: 0.95em;
}
.minutesIndex__meetingList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.minutesIndex__meetingItem + .minutesIndex__meetingItem {
  margin-top: 8px;
}
.minutesIndex__meetingLink {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #edf1f5;
  text-decoration: none;
}
.minutesIndex__meetingItem:last-child .minutesIndex__meetingLink {
  border-bottom: 0;
  padding-bottom: 0;
}
.minutesIndex__meetingName {
  font-weight: 600;
}
.minutesIndex__meetingDate {
  color: #6a7587;
  font-size: 0.92em;
  white-space: nowrap;
}
.minutesIndex__empty {
  margin-top: 12px;
}
.minutesSearch {
  max-width: 980px;
}
.minutesSearch__header {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 360px);
  gap: 16px 20px;
  align-items: end;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #d7d7d7;
}
.minutesSearch__title {
  margin: 0 0 4px;
}
.minutesSearch__intro {
  margin: 0;
  color: #546173;
  line-height: 1.45;
}
.minutesSearch__form {
  margin: 0;
}
.minutesSearch__label {
  display: inline-block;
  margin-right: 8px;
  font-weight: 600;
}
.minutesSearch__actions {
  margin: 0 0 16px;
}
.minutesSearch__message {
  margin-top: 12px;
}
.minutesSearch__summary {
  margin: 0 0 14px;
  color: #4f5d71;
  font-weight: 600;
}
.minutesSearch__results {
  display: grid;
  row-gap: 14px;
}
.minutesSearch__result {
  padding: 14px 16px;
  border: 1px solid #d8dee7;
  border-radius: 6px;
  background: linear-gradient(180deg, #fbfcfd 0%, #f5f8fb 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.minutesSearch__resultHeader {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e8ef;
}
.minutesSearch__resultTitle {
  margin: 0 0 3px;
  font-size: 1.1em;
}
.minutesSearch__resultMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 0;
  color: #687487;
  font-size: 0.95em;
}
.minutesSearch__category {
  font-weight: 700;
  color: #2f435d;
}
.minutesSearch__resultText {
  line-height: 1.55;
}
.minutesView__header {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.minutesView__title {
  margin-top: 0;
  margin-bottom: 4px;
}
.minutesView__date {
  margin: 0;
  color: #555;
  font-weight: 600;
}
.minutesView__list {
  display: grid;
  row-gap: 12px;
}
.minutesView__sectionTitle {
  margin: 16px 0 2px;
  font-weight: 700;
}
.minutesView__item {
  display: grid;
  grid-template-columns: minmax(165px, 210px) minmax(0, 1fr);
  column-gap: 16px;
  align-items: start;
  padding-top: 10px;
  border-top: 1px solid #ececec;
}
.minutesView__item--committee {
  margin-left: 18px;
}
.minutesView__category {
  font-weight: 600;
}
.minutesView__text {
  line-height: 1.5;
}
.minutesView__meta {
  margin-top: 18px;
  font-style: italic;
  color: #555;
}
@media (max-width: 700px) {
  .minutesIndex__header {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .minutesSearch__header {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .minutesIndex__yearHeader,
  .minutesIndex__meetingLink {
    flex-direction: column;
    align-items: start;
  }
  .minutesIndex__meetingLink {
    gap: 3px;
  }
  .minutesView__actions {
    gap: 8px;
  }
  .minutesView__item {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }
  .minutesView__item--committee {
    margin-left: 12px;
  }
}
.minuteslist {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.minutesCategories {
  max-width: 860px;
}
.minutesCategories__header {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.minutesCategories__title {
  margin-top: 0;
  margin-bottom: 4px;
}
.minutesCategories__intro {
  margin: 0;
  color: #555;
}
.minutesCategories__form {
  margin-bottom: 18px;
}
.minutesCategories__field {
  margin: 0 0 12px;
}
.minutesCategories__helpText {
  color: #666;
}
.minutesCategories__listSection {
  margin-top: 12px;
}
.minutesCategories__table {
  width: 100%;
  max-width: 520px;
}
.minutesCategories__table th,
.minutesCategories__table td {
  text-align: left;
  padding: 8px 10px;
}
.minutesWorksheet {
  max-width: 980px;
}
.minutesWorksheet__actions {
  margin-bottom: 10px;
}
.minutesWorksheet__picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 12px;
}
.minutesWorksheet__picker select {
  min-width: 210px;
}
.minutesWorksheet__pickerNote {
  color: #5a677a;
  font-size: 0.95em;
}
.minutesWorksheet__form {
  margin-top: 10px;
}
.minutesWorksheet__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d7d7d7;
}
.minutesWorksheet__title {
  margin: 0 0 2px;
}
.minutesWorksheet__hintHandle {
  display: inline-block;
  min-width: 16px;
  text-align: center;
  color: #66748a;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.minutesWorksheet__dateField label {
  display: block;
  margin-bottom: 4px;
}
.minutesWorksheet__dateField input[type="text"] {
  min-width: 170px;
}
.minutesWorksheet__section {
  margin-bottom: 14px;
}
.minutesWorksheet__section--committee {
  padding: 10px 12px;
  border: 1px solid #d8dee7;
  border-radius: 4px;
  background-color: #eaf1f8;
}
.minutesWorksheet__section h3 {
  margin-bottom: 8px;
}
.minutesWorksheet__list {
  display: grid;
  row-gap: 10px;
}
.minutesWorksheet__field {
  padding: 8px 10px;
  border: 1px solid #e4e4e4;
  background-color: #fafafa;
}
.minutesWorksheet__fieldHeader {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}
.minutesWorksheet__dragHandle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  color: #66748a;
  cursor: grab;
  font-weight: 700;
  letter-spacing: 0.08em;
  user-select: none;
}
.minutesWorksheet__dragSpacer {
  display: inline-block;
  width: 18px;
  min-width: 18px;
}
.minutesWorksheet__field--committee {
  margin-left: 18px;
}
.minutesWorksheet__field--fixed .minutesWorksheet__dragHandle {
  display: none;
}
.minutesWorksheet__field--focus {
  border-color: #365a78;
  background-color: #f4f8fb;
}
.minutesWorksheet__field label {
  display: block;
  margin-bottom: 0;
}
.minutesWorksheet__field textarea {
  width: 100%;
  max-width: 100%;
  min-height: 4.25rem;
  font: inherit;
  font-size: 1em;
  line-height: 1.45;
  overflow-y: hidden;
}
.minutesWorksheetSortable .minutesWorksheet__field.is-hovered {
  background-color: #eef4fb;
}
.minutesWorksheetSortable .sortable-placeholder {
  border: 1px dashed #6f86a3;
  background-color: #eef4fb;
  visibility: visible !important;
}
.minutesWorksheet__submit {
  margin-top: 6px;
}
.minutesWorksheet__preview {
  margin-top: 16px;
  padding-top: 10px;
  border-top: 1px solid #d7d7d7;
}
.minutesWorksheet__previewHeading {
  margin-top: 10px;
  margin-bottom: 5px;
}
.minutesWorksheet__previewItem {
  margin-bottom: 8px;
}
.minutesWorksheet__previewItem--committee {
  margin-left: 18px;
}
@media (max-width: 700px) {
  .minutesWorksheet__header {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .minutesWorksheet__field--committee,
  .minutesWorksheet__previewItem--committee {
    margin-left: 10px;
  }
}
.minuteslist p {
  margin-top: 3px;
  margin-bottom: 3px;
}
.minuteslist h2 {
  margin-bottom: 5px;
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
.parsley-errors-list.filled li {
  line-height: 1.25em;
  font-size: 1.1em;
  background-color: #f2dede;
  padding: 3px;
}
.removeLine:hover {
  color: red;
  cursor: pointer;
}
.iconButton:hover {
  cursor: pointer;
  color: blue;
}
.sortToolbarForm {
  display: inline-flex;
  vertical-align: middle;
  margin: 0;
}
.sortToolbarButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.sortActionButton {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.sortActionButton__icon {
  display: block;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}
.stockingSortHeader__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.1rem 0.2rem;
  border-radius: 3px;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.stockingSortHeader__link:link,
.stockingSortHeader__link:visited,
.stockingSortHeader__link:active {
  color: inherit;
  text-decoration: none;
}
.stockingSortHeader__link:hover,
.stockingSortHeader__link:focus,
.stockingSortHeader__link:focus-visible {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.18);
}
.stockingSortHeader__link.is-active {
  background-color: rgba(255, 255, 255, 0.28);
  font-weight: 700;
}
.stockingSortHeader__link--wrap {
  white-space: normal;
  line-height: 1.15;
}
.stockingSortHeader__icon {
  display: block;
  width: 0.95rem;
  height: 0.95rem;
  flex: 0 0 auto;
}
.stockingLakeColumn {
  min-width: 16rem;
}
.stockingTripReportColumn {
  width: 5.5rem;
}
.stockingSummary {
  margin: 0 0 0.75rem;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.personal {
  display: grid;
  grid-template-columns: repeat(3, max-content);
}
.acts {
  padding-right: 8px;
}
.activities {
  border-collapse: separate;
  border-spacing: 0 2px;
  width: 100%;
}
.activities td {
  background-color: rgba(255, 255, 255, 0.62);
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.activities tr:nth-child(even) td {
  background-color: #e9f0f5;
}
.activities td:first-child {
  border-radius: 3px 0 0 3px;
}
.activities td:last-child {
  border-radius: 0 3px 3px 0;
  white-space: nowrap;
  width: 1%;
}
.toppad th {
  padding-top: 10px;
}
.personal > div {
  margin-right: 5px;
}
/* Styles for general TB Annual Reports */

.normalContentWidth,
.thirtiestext {
  max-width: 700px;
}

.article h1,
.article h2,
.article h3,
.article h4 {
  font-family: "Century Gothic", AppleGothic, sans-serif;
}
.normalContentWidth h1,
.normalContentWidth h2,
.article p,
.article li,
.article tr,
.article td,
.tbar1994 .committeeReports h2 {
  font-family:
    TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
.normalContentWidth h1,
.normalContentWidth h2 {
  line-height: 1em;
}
.article .dottedline {
  border-top: none;
}
.article .dottedline span {
  background-color: white;
  border-style: solid;
  border-color: white;
  border-bottom-width: 1px;
  border-right-width: 3px;
  border-left-width: 3px;
}
.narrowBlock {
  width: 70%;
  min-width: 300px;
  margin-right: auto;
  margin-left: auto;
}
.smallCaps,
.article h3.smallCaps,
.tbar1994 .officer .smallCaps {
  font-variant: small-caps;
}
.borderTop {
  border-top: 1px solid black;
}
.boxed {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid black;
}
.article .topbottomspace {
  margin-top: 50px;
  margin-bottom: 50px;
}
.topspace {
  margin-top: 10px;
}
.tableborders td,
.tableborders tr {
  border: 1px solid black;
}
.financialtable td:nth-child(2),
.financialtable td:nth-child(3) {
  text-align: right;
}
.performancetable {
  overflow: visible;
  width: 1024px;
  border: 2px solid black;
}

.performancetable th {
  font-weight: bold;
  text-align: center;
  border: 2px solid black;
}
.performancetable td:nth-child(n + 2) {
  text-align: center;
}
.performancetable td:nth-child(6) {
  border-right-width: 2px;
}
.scriptface {
  font-family: "Brush Script MT", cursive;
  color: black;
}
.tbartable {
  overflow: visible;
  width: 1024px;
  border: 2px solid black;
}
.tbartable th {
  font-weight: bold;
  text-align: center;
  border: 2px solid black;
  min-width: 90px;
}
.tbartable td {
  vertical-align: top;
}
.trtable {
  overflow: visible;
  padding: 30px;
}
.trtable td:nth-child(1) {
  width: 40%;
}
.trtable td:nth-child(2) {
  width: 25%;
  text-align: center;
}
.trtable td:nth-child(3) {
  width: 35%;
  text-align: right;
}
.signtable {
  overflow: visible;
}
.signtable td:nth-child(1) {
  width: 60%;
}
.poem {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.tbar1994 h1,
.tbar1994 h2,
.tbar1994 h3,
.tbar1994 h4,
.tbar1994 h5,
.tbar1994 h6,
.poem p,
.tbar1994 .officer td {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: normal;
  font-variant: normal;
  line-height: 1.3em;
  margin: 2em auto 2em auto;
}
.tbar1994 h1 {
  margin-bottom: 10px;
  margin-top: 20px;
}
.tbar1994 h2,
.tbar1994 h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.poem .indent {
  font-size: 1em;
  padding-left: 3em;
}
.tbar1994 .officer td {
  padding: 0 10px;
  font-size: 1rem;
}
.committeeReports p {
  padding-left: 1.5em;
}
.tbar1994 .committeeReports h2 {
  font-size: 1.2rem;
}
.tbar1994 .minutes p {
  padding-left: 1em;
  text-indent: -1em;
}
@media (max-width: 800px) /* 2778x1284 pixels at 458ppi iPhone 12 Max and below*/ {
  #navbar .menu-icon {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.12);
    display: flex;
    left: 8px;
    right: auto;
    top: 8px;
  }
  #navbar .menu-icon .navicon,
  #navbar .menu-icon .navicon:before,
  #navbar .menu-icon .navicon:after {
    background: #333;
  }
  #navbar .menu-btn:checked ~ .menu-icon .navicon {
    background: #333;
  }
  #navbar .menu-btn:checked ~ .menu-icon .navicon:before {
    top: 5px;
    transform: none;
  }
  #navbar .menu-btn:checked ~ .menu-icon .navicon:after {
    top: -5px;
    transform: none;
  }
  #navbar .menu-btn:not(:checked) ~ .menu-icon .navicon {
    background: transparent;
  }
  #navbar .menu-btn:not(:checked) ~ .menu-icon .navicon:before {
    top: 0;
    transform: rotate(-45deg);
  }
  #navbar .menu-btn:not(:checked) ~ .menu-icon .navicon:after {
    top: 0;
    transform: rotate(45deg);
  }
  #navbar {
    width: auto;
    left: 0;
    top: 0;
    background-color: transparent;
    height: 0;
    padding: 0;
    z-index: 3;
  }
  #navbar .nav {
    overflow: hidden;
    clear: both;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    padding: 0 10px;
    background-color: transparent;
    margin-top: 50px;
  }
  #navbar .nav li a,
  #navbar .site-nav__section-title,
  #navbar .site-nav__donate-form {
    display: none;
  }
  #navbar .nav li a {
    font-size: 2em;
    line-height: 1em;
  }
  #navbar .menu-btn:not(:checked) ~ .nav {
    max-height: calc(100vh - 60px);
    background-color: #369;
    overflow: auto;
    padding: 10px;
  }
  #navbar .menu-btn:not(:checked) ~ .nav li a {
    display: inline;
  }
  #navbar .menu-btn:not(:checked) ~ .nav .site-nav__section-title,
  #navbar .menu-btn:not(:checked) ~ .nav .site-nav__donate-form {
    display: block;
  }
  .contentarea {
    left: 0;
    z-index: 1;
  }
}

/* Page-scoped member styles belong here rather than inline in PHP pages. */

.roster-photo-shell {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 79px;
  min-height: 79px;
  background: #f6f2e8;
  border-radius: 6px;
  overflow: hidden;
}

.roster-photo-shell img {
  opacity: 0;
  transition: opacity 0.18s ease;
}

.roster-photo-shell.is-loaded img {
  opacity: 1;
}

.roster-photo-status {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 11px;
  line-height: 1.2;
  color: #6b5b3e;
  background: rgba(246, 242, 232, 0.95);
  text-align: center;
  padding: 6px;
}

.roster-photo-shell.is-loaded .roster-photo-status {
  display: none;
}

.roster-photo-shell.is-error .roster-photo-status {
  display: flex;
}

.roster-photo-shell.is-error .roster-photo-spinner {
  display: none;
}

.roster-photo-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(107, 91, 62, 0.25);
  border-top-color: #6b5b3e;
  border-radius: 50%;
  animation: roster-photo-spin 0.8s linear infinite;
}

@keyframes roster-photo-spin {
  to {
    transform: rotate(360deg);
  }
}

.is-hidden {
  display: none;
}

.figure-third {
  width: 33%;
}

.figure-float-left {
  float: left;
}

.figure-float-right {
  float: right;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.attendance-section-header-dark {
  color: #fff;
  background-color: #000;
}

.attendance-row-honorary {
  background-color: #fac090;
}

.attendance-row-associate {
  background-color: #e6b9b8;
}

.attendance-row-blue {
  background-color: #b6dde8;
}

.attendance-row-green {
  background-color: #d7e4bc;
}

.attendance-row-sky {
  background-color: #b8cce4;
}

.attendance-row-current {
  background-color: yellow;
}

.attendance-row-white {
  background-color: #fff;
}

@media print {
  .attendance-controls,
  .attendance-save-note,
  .attendance-print-button,
  .attendance th.attendance-status-column,
  .attendance td.attendance-status-column,
  .attendance-choice-input,
  .attendance-choice-label {
    display: none !important;
  }

  .attendance-print-note,
  .attendance-choice-header-row {
    display: block;
  }

  .attendance-choice-header-row {
    display: table-row;
  }

  .attendance {
    font-size: 11pt;
  }

  .attendance table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.2in;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .attendance h2 {
    margin: 0.18in 0 0.06in;
    font-size: 13pt;
    break-after: avoid;
    page-break-after: avoid;
  }

  .attendance th,
  .attendance td {
    color: #000 !important;
    background: #fff !important;
    border: 1px solid #000 !important;
    padding: 0.08in 0.06in;
    vertical-align: middle;
  }

  .attendance th {
    font-weight: 700;
  }

  .attendance td:first-child,
  .attendance th:first-child {
    width: 48%;
    text-align: left;
  }

  .attendance-choice-header {
    width: 13%;
    text-align: center;
    font-size: 9pt;
  }

  .attendance-choice-cell {
    position: relative;
    width: 13%;
    min-width: 0.45in;
    height: 0.36in;
    padding: 0;
    text-align: center;
  }

  .attendance-choice-cell::before {
    content: "";
    display: inline-block;
    width: 0.2in;
    height: 0.2in;
    border: 1.5px solid #000;
    box-sizing: border-box;
    vertical-align: middle;
  }

  .attendance a,
  .attendance a:link,
  .attendance a:visited,
  .attendance a:active {
    color: #000 !important;
    text-decoration: none !important;
  }

  .attendance-print-note {
    display: block;
    margin: 0 0 0.12in;
    font-style: italic;
  }
}

.lakefinder-map-medium {
  width: 100%;
  height: 300px;
}

.lakefinder-map-large {
  width: 100%;
  height: 800px;
}

.lakefinder-map-xlarge {
  width: 100%;
  height: 1000px;
}

.lakefinder-map-view {
  float: left;
  width: 600px;
  height: 600px;
}

.lakefinder-map-float-left {
  float: left;
}

.lakefinder-toolbar-center {
  text-align: center;
}

.lakefinder-trip-duration {
  width: 4ch;
  min-width: 0;
}

.lakefinder-trip-cell-tall {
  height: 3em;
}

.lakefinder-trip-note-cell {
  height: 4em;
}

.editLakePage {
  max-width: 1100px;
}

.editLakePage__header {
  margin-bottom: 12px;
}

.editLakePage__link {
  margin: 6px 0 0;
}

.editLakeForm {
  display: block;
}

.editLakeSection {
  margin: 0 0 18px;
  padding: 14px 16px 18px;
  border: 1px solid #d9e4ec;
  border-radius: 10px;
  background-color: #f9fbfc;
}

.editLakeSection legend {
  padding: 0 8px;
  color: #17384f;
  font-size: 15px;
  font-weight: 700;
}

.editLakeGrid {
  display: grid;
  gap: 14px 18px;
}

.editLakeGrid + .editLakeGrid {
  margin-top: 14px;
}

.editLakeGrid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.editLakeGrid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.editLakeField {
  min-width: 0;
}

.editLakeField label {
  display: block;
  margin-bottom: 5px;
  color: #17384f;
  font-weight: 700;
}

.editLakeField input[type="text"],
.editLakeField input:not([type]),
.editLakeField select,
.editLakeField textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.editLakeField textarea {
  min-height: 9.5rem;
  resize: vertical;
}

.editLakeField__hint {
  margin-top: 5px;
  color: #506779;
  font-size: 13px;
  line-height: 1.35;
}

.editLakeField--wide {
  width: 100%;
}

.editLakeInlineInput {
  display: flex;
  align-items: center;
  gap: 8px;
}

.editLakeInlineInput__prefix {
  flex: 0 0 auto;
  min-width: 1.2rem;
  color: #17384f;
  font-weight: 700;
}

.editLakeSelectRow label {
  display: block;
}

.editLakeSelectRow .select2popup {
  width: 100%;
}

.editLakeValidation {
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid #c87070;
  border-radius: 8px;
  background-color: #fff3f3;
  color: #7a1f1f;
}

.editLakeValidation ul {
  margin: 0;
  padding-left: 18px;
}

.editLakeDirtyNotice {
  margin-bottom: 16px;
  padding: 10px 14px;
  border: 1px solid #d2c27a;
  border-radius: 8px;
  background-color: #fff8d8;
  color: #695814;
}

.editLakeLookupMessage {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.35;
}

.editLakeDiffMessage {
  color: #7a1f1f;
}

.editLakeMatchMessage {
  color: #4f6f5f;
}

.editLakeDiffAction {
  margin-left: 8px;
  padding: 2px 8px;
  border: 1px solid #8aafcc;
  border-radius: 999px;
  background: #eef5fb;
  color: #17384f;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}

.editLakeDiffAction:hover,
.editLakeDiffAction:focus {
  background: #dcebf7;
}

.editLakeActions {
  margin-top: 8px;
}

@media (max-width: 980px) {
  .editLakeGrid--three,
  .editLakeGrid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .editLakeSection {
    padding: 12px 12px 16px;
  }

  .editLakeGrid--three,
  .editLakeGrid--four {
    grid-template-columns: 1fr;
  }
}