body ol ul {
    font-size: 90%;
  }
  
  body {
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    min-width: 600px; /* Minimum width of layout - remove line if not required */
    /* The min-width property does not work in old versions of Internet Explorer */
  
  }
  
  h1, h2, h3 {
    margin: 0.8em 0 0.8em 0;
    padding: 0;
    line-height: normal;
  }
  
  h5 {
    margin: 0.2em 0 0.2em 0;
  }
  
  div.content h4 {
    font-size: small;
    font-weight: bold;
    margin: 0;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
  }
  
  p {
    margin: 0.4em 0 0.8em 0;
    padding: 0;
  }
  
  img {
    margin: 10px 0 5px;
  }
  
  p img {
    margin: auto;
  }
  
  /* Header styles */
  #header {
    clear: both;
    float: left;
    background: #96aec6;
    width: 100%;
    height: 4em;
    z-index: 20;
  }
  
  #header h1 {
    color: #fff;
    text-align: center;
  }
  
  #header_img {
    background-image: url("/assets/banner-398f33bf.png");
    background-repeat: repeat-x;
    background-position: left;
    background-size: 421px 50px;
  
    margin: auto;
    padding: 35px 20px 20px 20px;
    overflow: hidden;
  }
  
  
  #featured_pols {
    background-position: top;
    margin: auto;
    padding: 0px;
  }
  
  div.colwrap {
    width: 100%; /* width of whole page */
    display: flex;
    padding: 0.5em;
  }
  
  div.colwrap div.content {
    flex: 1;
    margin: 0.5em;
  }
  
  div.colwrap div.nav {
    flex: 0 0 12em;
    order: -1;
    margin: 0.5em;
  }
  
  div.colwrap div.content h1 {
    font-size: 1.8em;
    margin-bottom: 1em;
  }
  
  div.nav ul {
    list-style: none;
    font-size: 100%;
    padding: 0em;
  }
  
  ul.nav li ul {
    margin-left: 2em;
  
    font-size: 82%;
  }
  
  ul.nav li ul a {
    display: block;
    border-radius: 4px;
    padding: 3px;
  }
  
  div.container {
    width: 100%;
    margin-top: 0.5em;
  }
  
  div.h-separator {
    float: left;
    margin-left: 2em;
    margin-right: 2em;
  }
  
  div.container div.twocol {
    width: 45%;
  }
  
  div.container div.left {
    float: left;
  }
  
  div.right {
    float: right;
  }
  
  div.container div.threecol.left {
    width: 10em;
  }
  
  div.container div.threecol.middle {
    padding-left: 1em;
    padding-right: 1em;
    float: left;
    width: 15em;
  }
  
  div.container div.threecol.right {
    padding-left: 1em;
    padding-right: 1em;
    float: left;
    width: 20em;
  }
  
  th {
    text-align: left;
    padding-right: 1em;
    padding-left: 0.2em;
  }
  
  td {
    padding-right: 1em;
    padding-left: 0.2em;
  }
  
  div.subform {
    padding-left: 1em;
    border-left: .5em solid #eee;
  }
  
  
  div.narrow {
    width: 45%;
  }
  
  div.nomargin div.container div.right {
    padding: 0em;
  }
  
  div.choice {
    border-bottom: .4em solid #eee;
    padding-bottom: .4em;
  }
  
  .ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
  }
  
  .ac_results ul {
    width: 100%;
    list-style: none outside;
    padding: 0;
    margin: 0;
  }
  
  .ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
  }
  
  .ac_loading {
    background: white url("/assets/indicator-2201c80d.gif") no-repeat right center;
  }
  
  .ac_odd {
    background-color: #eee;
  }
  
  .ac_over {
    background-color: #96aec6;
    color: white;
  }
  
  .textprompt {
    color: gray;
  }
  
  .invisible {
    visibility: hidden;
  }
  
  .error_message {
    color: red;
  }
  
  .light_text.odd {
    color: lightyellow;
  }
  
  .light_text.even {
    color: white;
  }
  
  .notice_message {
    color: green;
    margin-left: 1em;
    margin-right: 1em;
  }
  
  .warning_message {
    color: black;
    font-weight: bold;
  }
  
  .instruction_message {
    color: royalblue;
    font-weight: bold;
  }
  
  .required:before {
    color: #96aec6;
    content: "* ";
  }
  
  .selected {
    background-color: #add8e6;
  }
  
  .missed {
    color: red;
    font-weight: bold;
  }
  
  .form_instructions {
    font-size: 70%;
  }
  
  fieldset {
    border: none;
    padding: 0;
    margin: 0;
  }
  
  .validation_instructions {
    margin: 1em 0 1em 0;
  }
  
  .heading {
    font-weight: bold;
  }
  
  .result {
    padding-left: .5em;
  }
  
  div.container.result {
    border-bottom: .4em solid #eee;
    padding-bottom: .4em;
  }
  
  form.formtastic li label {
    font-weight: bold;
    text-transform: capitalize;
    color: black;
    background-color: white;
    text-align: left;
    font-size: 14px;
  }
  
  form.formtastic input.form-control.form-control-inline {
    display: inline;
  }
  
  form.formtastic div.notransform label {
    text-transform: none;
  }
  
  form.formtastic .notransform label {
    text-transform: none;
  }
  
  
  form.formtastic ol {
    list-style: none;
  }
  
  form.formtastic .required:before {
    content: "";
  }
  
  form.formtastic p.inline-errors {
    color: red;
    margin-left: 1em;
  }
  
  form.formtastic p.inline-hints {
    font-size: 80%;
    padding-left: 2em;
  }
  
  form.formtastic fieldset legend {
    display: inline;
  }
  
  form.formtastic fieldset.buttons li {
    line-height: 30px;
    vertical-align: middle;
  }
  
  form.formtastic fieldset.inputs ol li ol.horizontal li {
    display: inline;
  }
  
  form.formtastic fieldset ol.horizontal li:after {
    display: inline;
  }
  
  form.formtastic fieldset.inputs ol li ol.horizontal li label {
    font-weight: normal;
    width: auto;
  }
  
  form.formtastic fieldset.inputs ol li ol.horizontal {
    padding: 0 0 0 0;
  }
  
  
  input, select {
    margin: 0.2em;
  }
  
  select {
    max-width: 30em;
    min-width: 8em;
  }
  
  select.wide {
    max-width: 100%;
  }
  
  form.formtastic li input, form.formtastic li select, form.formtastic li textarea, form.formtastic li .select2-container {
    margin-left: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  
  .form-control.select2-container {
    border: 1px solid lightgrey;
    margin: 10px;
  }
  
  span.wrappable {
    white-space: normal;
  }
  
  tr.odd {
    background-color: #eee;
  }
  
  tr.grey {
    background-color: #eee !important;
  }
  
  tr.white {
    background-color: #fff !important;
  }
  
  span.nowrap {
    white-space: nowrap;
  }
  
  img.add_item {
    margin: 0;
    vertical-align: middle;
  }
  
  img.logo {
    margin: 1em;
  }
  
  select.reaction_selector {
    width: 12em;
  
  }
  
  select.substrate_selector {
    width: 12em;
  }
  
  .ui-button {
    outline: 0;
    margin: 0;
    padding: .4em 1em .5em;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    text-align: center;
  }
  
  .ui-dialog {
    padding: 0.3em;
  }
  
  a.add_result_link {
    display: block;
    text-decoration: none;
    margin-top: 0.5em;
    padding: 0.3em;
    width: 30em;
  }
  
  a:hover {
    background-color: #96aec6;
  }
  
  a {
    color: #428bca;
    text-decoration: none
  }
  
  /* dataTables formatting */
  
  .table-short {
    table-layout: fixed;
    width: 100%;
    max-height: 50vh;
    overflow-y: auto;
  }
  
  .table-short table thead tr th {
    position: sticky!important;
    position: -webkit-sticky!important;
    top: 0;
    background-color: white;
    border-bottom: 1px solid;
  }
  
  .table-short td {
    border: 1px solid;
    padding-top: 1ch;
    text-align: center;
  }
  
  .table-short .checkbox label {
    font-size: 0;
    text-align: center;
    display: block;
  }
  
  table.longcontent tbody {
    word-break: break-word;
  }
  
  .paginate_disabled_previous {
    background-image: url("/assets/back_disabled-2af54807.jpg");
  }
  
  .paginate_enabled_previous {
    background-image: url("/assets/back_enabled-eedaab5b.jpg");
  }
  
  .paginate_disabled_next {
    background-image: url("/assets/forward_disabled-6dd4d1f4.jpg");
  }
  
  .paginate_enabled_next {
    background-image: url("/assets/forward_enabled-9e0eba04.jpg");
  }
  
  /* Pagination nested */
  .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
  }
  
  .dataTables_info {
    margin: 0.6em auto 0.6em auto;
  }
  
  /* END of dataTables formatting */
  
  .small_text {
    font-size: xx-small;
  }
  
  div.pubmed_field {
    border: 1px groove gray;
    background-color: #eeeeee;
    width: 20em;
    padding: 0 0.2em 0 0.2em;
    margin-bottom: 0.4em;
    font-size: 80%;
  }
  
  div.lower-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 190px;
  }
  
  div.lower-right-qc {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 190px;
    color: white;
    font-size: 18px;
  }
  
  
  .translucent {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
  }
  
  div.nav input.search.embedded {
    width: 100%;
    font-size: 90%;
    margin-left: -5px;
  }
  
  div.nav div {
    margin-top: .4em;
  
    font-size: 14px;
  }
  
  div.nav div.subitem {
    margin-left: 1.4em;
    margin-top: 0.1em;
  }
  
  div.searchDetails {
    position: absolute;
    display: none;
    padding: 0.5em;
    top: 30px;
    left: 0px;
    z-index: 10;
    background: #96aec6;
    width: 10em;
  }
  
  
  div.centered {
    text-align: center;
  }
  
  label.checkbox {
    display: inline-block;
    min-width: 3em;
  }
  
  input[type='checkbox'] {
    margin-right: 0.2em;
  }
  
  label.wide.checkbox {
    min-width: 22em;
  }
  
  .checkbox.used {
    color: brown;
  }
  
  div.structure {
    float: left;
  }
  
  div.slide-window {
    float: right;
    width: 202px;
    height: 240px;
    margin-top: -80px;
    margin-right: 20px;
    z-index: -10;
  }
  
  div.slide-window.large {
    width: 280px;
    position: fixed;
    top: 60px;
    right: 10px
  }
  
  a img {
    border: none;
  }
  
  td.top {
    vertical-align: top;
  }
  
  pre {
    white-space: pre-wrap;
  }
  
  .icon:not(.plot-container *) {
    background-position: 0.3em 50%;
    background-repeat: no-repeat;
    padding: 0.2em 0.4em 0.2em 1.6em;
  }
  
  img.nav {
    margin: auto;
  }
  
  .watch-off {
    background-image: url("/assets/watch_off-afa755a6.png");
  }
  
  .watch-on {
    background-image: url("/assets/watch_on-0dac6fdf.png");
  }
  
  .existing_pol {
    background-image: url("/assets/x-circle-b2a33ff0.png");
    background-color: #EEE;
    margin-right: 0.3em;
    line-height: 1.8em;
    cursor: pointer;
  }
  
  div.pol_list {
    width: 20em;
  }
  
  img.page_help, img.tab_help {
    cursor: pointer;
    margin: 0;
    vertical-align: middle;
  }
  
  div.img_page_help {
    padding: 4px;
    float: right;
    z-index: 10;
    cursor: pointer;
  }
  
  div.img_page_help.first_time, .highlighted, .highlight, a.missing {
    background-color: #FFFFCC;
    padding: 0.2em;
  }
  
  h1 {
    font-size: 1.8em;
  }
  
  h2 {
    font-size: 1.3em;
  }
  
  h3 {
    font-size: 1em;
  }
  
  span.title_link {
    font-size: 1em;
    font-weight: bold;
  }
  
  div.page_help {
    display: none;
  }
  
  div.page_help h1 {
    font-size: 1.4em;
  }
  
  div.page_help h2 {
    font-size: 1.2em;
  }
  
  div.page_help h3 {
    font-size: 1em;
  }
  
  div.help_content {
    margin-left: 1em;
  }
  
  .dataTables_empty {
    color: red;
  }
  
  div.common_question {
    max-width: 40em;
  }
  
  div.common_question dt {
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: .2em;
    margin-left: 2em;
  }
  
  div.common_question li {
    font-weight: bold;
  }
  
  div.common_question li p {
    font-weight: normal;
  }
  
  div.common_question li a {
    font-weight: normal;
  }
  
  .centered {
    margin-left: auto;
    margin-right: auto;
  }
  
  div.clear {
    clear: both;
  }
  
  div.centered {
    clear: both;
  }
  
  div.manual_form_layout input {
    margin-right: 0.4em;
  }
  
  div.text_centered {
    text-align: center;
  }
  
  label.centered_or {
    display: block;
    text-align: center
  }
  
  input[type='text'].numeric {
    width: 6em;
  }
  
  table#group_members strong {
    font-style: italic;
  }
  
  div#well_fields li {
    padding-left: 1em;
    margin-bottom: 0.4em;
    border-left: .5em solid #eee
  }
  
  
  div.step {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: .5em solid #eee;
    padding-left: 1em;
    border-left: 0.5em solid #eee
  }
  
  div.formulation div.indented {
    margin-left: 1em;
  }
  
  div.formulation div.details {
    margin-top: 1em;
  }
  
  span.conc_header {
    display: inline-block;
    width: 14em;
  }
  
  table.polymerase_properties {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  
  table.polymerase_properties td {
    width: 6em;
  }
  
  div.indented_content {
    margin: 0 0 1em 1em;
  }
  
  div.subheading {
    font-size: small;
    margin-left: 1em;
    margin-top: -2em;
    margin-bottom: 3em;
  }
  
  .text_column {
    width: 45em;
  }
  
  #author_details {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 30em;
  }
  
  .with_background {
    padding: 1em;
  }
  
  .reference_title {
    font-weight: bold;
  }
  
  .citation {
    margin-bottom: 1em;
  }
  
  .abstract {
    padding-left: 1em;
  }
  
  pre.cycling_conditions {
    font-size: 18px;
  }
  
  dt {
    font-weight: bold;
    margin: 0.8em 0 0.4em 0;
  }
  
  div.entry {
    padding: 1em 0 1em 0;
    clear: both;
  }
  
  div.entry_step {
    color: green;
    font-size: 3em;
    width: 1.2em;
    float: left;
    padding-top: 0.2em;
    height: 100%;
  }
  
  div.entry_item {
    margin-top: 1em;
    margin-left: 5em;
    line-height: 1.8em;
  }
  
  div.entry_desc {
    vertical-align: top;
  }
  
  div.entry_item label {
    margin-left: 2em;
  }
  
  div.entry_item div.topic {
    width: 35em;
    float: left;
  }
  
  #lightbox {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=2);
    opacity: 0.02;
  }
  
  .important_text {
  
    color: black;
    font-weight: 600;
  }
  
  .author_validated:after {
    content: "‡";
  }
  
  .two_column_list li {
    float: left;
    width: 50%;
  }
  
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  
  * html .clearfix {
    zoom: 1;
  }
  
  /* IE6 */
  *:first-child + html .clearfix {
    zoom: 1;
  }
  
  /* IE7 */
  
  .page_instructions {
    font-size: 120%;
    line-height: normal;
  }
  
  ol.alpha {
    list-style-type: upper-latin;
  
  }
  
  .ui-tabs .tab_intro {
    margin-top: 1em;
    font-size: 90%;
  }
  
  #caliper_results th, #caliper_results td {
    height: 3em;
  }
  
  td.state {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
  }
  
  .state.past {
    background-color: #b3ca97;
  }
  
  .state.current {
    background-color: #87a560;
  }
  
  .state.future {
    background-color: #eeeeee;
    color: #bbbbbb;
  }
  
  table.ref_status td {
    padding-right: 1em;
    padding-left: 1em;
  }
  
  .urgent {
    padding: 0.3em;
    background-color: #FFFFCC;
  }
  
  div.announcement {
    border-top: .5em solid #eee;
    margin-top: 1em;
  }
  
  
  table.announcements tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px
  }
  
  table.announcements tr:last-child td:last-child {
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
  }
  
  table.announcements.collapsed {
    border-collapse: collapse
  }
  
  
  table.announcements {
    background: #96aec6;
    border: 1px solid #96aec6;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  
  table.announcements td {
    background: white;
    padding: 1em;
  }
  
  table.announcements th {
    padding: 0 1em 0.2em 1em;
    color: white;
  }
  
  .underline {
    text-decoration: underline;
  }
  
  #mutant_map {
    float: left;
    margin-bottom: 2em;
  }
  
  form.formtastic li.indented {
    margin-left: 2em;
    padding-left: 25%;
  }
  
  form.formtastic li.indented label {
    width: inherit;
  }
  
  .selectlist .selectlist-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .selectlist .selectlist-item {
    background: #fff url("/assets/x-circle-b2a33ff0.png") no-repeat right center;
    border-left: solid 1px #eee;
    border-top: solid 1px #eee;
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    cursor: pointer;
    padding: 0.2em 2em 0em 0.3em;
    margin: 1px 2px;
    display: inline-block !important;
  }
  
  table.plate {
    border-spacing: 0;
    border: 2px solid;
    width: 600px;
  }
  
  table.plate td, table.plate th {
    width: 8.333%;
    border: 1px solid;
    text-align: center;
  }
  
  table.plate td {
    height: 6em;
  }
  
  table.plate tr.footer td {
    height: auto;
    border-top: 2px solid;
    border-bottom: none;
    border-left: none;
    border-right: none;
  }
  
  td.screening_step.new:before {
    content: "\25cf";
    color: #cadfe6;
  }
  
  td.screening_step.repeat:before {
    content: "\25cf";
    color: #ffb699;
  }
  
  td.screening_step.initiated:before {
    content: "\25cf";
    color: #add8e6;
  }
  
  td.screening_step.in_progress:before {
    content: "\25cf";
    color: goldenrod;
  }
  
  td.screening_step.waiting_for_approval:before {
    content: "\25cf";
    color: #ffa07a;
  }
  
  td.screening_step.complete:before {
    content: "\25cf";
    color: #79ed79;
  }
  
  table.recipe td.staging.well {
    padding-left: 0.5em;
    border-left: 0.5em solid #eee;
  }
  
  ul.horizontal li {
    display: inline;
    padding-right: 1em;
    white-space: nowrap;
  }
  
  ul.horizontal li a {
    width: 2em;
  }
  
  div.composite_gel_image {
    float: left;
  }
  
  #next_steps {
    overflow: auto;
  }
  
  #next_steps label {
    min-width: 10em;
  }
  
  /* link lists at bottom or top */
  .link-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0;
  }
  
  .link-list a:not(.btn) {
    padding: 0 5px;
    margin: 15px 0;
  }
  
  .link-list a:not(.btn) + a:not(.btn) {
    border-left: 1px solid gray;
  }
  
  /*well set edit*/
  div.input_type {
    width: 7em;
    float: left;
  }
  
  div.input_details {
    margin-left: 7em;
  }
  
  #clear_contents label {
    margin-right: 1em;
  }
  
  #clear_contents label input {
    margin-right: 0.2em;
  }
  
  div.input_details input {
    margin: 0.6em 0.5em;
  }
  
  div.input_details span.entry_group {
    padding: 0.4em;
    background-color: rgb(230, 235, 241);
    margin: 0.2em;
  }
  
  div.input_container {
    padding: 0.2em;
  }
  
  div.input_container label {
    white-space: nowrap;
  }
  
  #apply_to {
    margin-top: 0.2em;
  }
  
  #apply_to label {
    padding-left: 0.1em;
  }
  
  div#well_field_details {
    min-height: 20em;
  }
  
  div.well_field_details label {
    white-space: nowrap;
  }
  
  #apply_to table {
    height: 4.2em;
    border-collapse: collapse;
    border: solid #111111 1px;
    display: inline-table;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
  }
  
  #apply_to textarea {
    vertical-align: bottom;
  }
  
  #apply_to table td {
    text-align: center;
    border: solid #111111 1px;
    width: 2em;
    padding: 0;
    margin: 0;
    background-image: url("/assets/plate_background-2fc07ed3.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  /*qPCR edit*/
  .qpcr_replace_link {
    margin-left: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  
  .version_number {
    font-size: 70%;
    color: gray;
  }
  
  #mdx_choices .checkbox {
    display: block !important;
    margin-top: 5px;
  }
  
  #five_star_choices .checkbox {
    display: block !important;
    margin-top: 5px;
  }
  
  #fail_qc_choices .checkbox {
    display: block !important;
    margin-top: 5px;
  }
  
  p.yes, td.yes{
    color: #00CC33;
    font-weight: bold;
  }
  
  #qc_nav .btn {
    white-space: normal;
  }
  
  #qc_request_submission li {
    padding-left: 20px;
  }
  
  #table-filters input[type='radio'] {
    margin-left: 1ch;
    margin-right: 0.5ch;
  }
  
  .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 1000px;
    padding: 15px;
    margin: auto;
  }
  
  label {
    padding-right: 5px;
  }
  
  
  .spinning {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
  }
  
  .spinning {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
  }
  
  @-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
  }
  
  @keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
  }
  
  @keyframes note-highlight {
    0% {
      background: #8f8;
    }
    100% {
      background: none;
    }
  }
  
  .note-highlight {
    animation: note-highlight 2s;
  }
  
  table#mass-spec-figs td {
    border: 1px solid black;
  }
  
  td.mass-spec-images img {
    margin: 25px;
  }

  /* CE Experiment Display Options Panel */
  .ce-display-options {
    margin-bottom: 30px;
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
  }

  .ce-display-options h2 {
    margin-top: 0;
  }

  .ce-options-container {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
  }

  .ce-option-group {
    flex: 1;
    min-width: 200px;
  }

  .ce-option-group > label:first-child {
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
  }

  .ce-option-group label {
    font-weight: normal;
    display: block;
    margin-bottom: 5px;
  }

  .ce-option-help {
    display: block;
    margin-top: 8px;
    color: #6c757d;
    font-size: 0.875rem;
  }

  /* CE Results table row visibility */
  .ce-peak-row-hidden {
    display: none;
  }

  /* CE Plotly chart container */
  #peaks_chart {
    height: 600px;
  }