col.selected {
  background-color: var(--table-hover-background);
}

tbody:not(:has(input.toggle-optional-lines[type="checkbox"]:checked)) tr.optional {
  display: none;
}

tbody:has(input.toggle-optional-lines[type="checkbox"]:checked) tr.optional {
  display: table-row;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

table.compact {
  width: 100%;
}

table.compact input[type="text"] {
  width: inherit;
  min-width: 20em;
}

table.compact textarea {
  min-width: 40em;
  min-height: 20em;
}

table.compact th {
  width: 1px; /* Set the minimum width */
  white-space: nowrap; /* Prevent content from wrapping */
  /*padding-right: 0.5em;*/
}


table td.state {
  width: 1px; /* Set the minimum width */
  white-space: nowrap; /* Prevent content from wrapping */
}

sup.footnote {
  font-size: 0.7em;
  vertical-align: text-top;
  line-height: 1;
}