.query-box-container {
  width: 100%;
  height: 100%;
  margin-bottom: 0.7em !important;
  /* resize:both; position:relative; overflow:auto; */
}
.subacrop-query-box {
  width: 100%;
  height: 8em;
  font-family: var(--font-family-monospace);
  font-size: 1.2em;
  overflow: auto;
  resize: vertical;
}
.subacrop-info {
  display: none;
}
.species .info-message {
  opacity: 0.5;
}
.species .if-error {
  display: none;
}
.species .has-error ~ .if-error {
  display: inline;
  color: var(--danger);
}
.species .bootstrap-select button[title^="is not"],
.species .bootstrap-select button[title^="not"] {
  /* select picker... use option data-* ? */
  color: var(--warning);
}
/* separate the rows a bit */
.subacrop-query.row {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}
.subacrop-query.row:nth-child(odd) {
  background-color: #f8f8f8;
}
.subacrop-query > [data-query] {
  padding-top: 4px;
}
.subacrop-query .location-checkboxes {
  border-top: solid #eeeeee 1px;
  margin-top: 4px;
}
.subacrop-query .location-checkboxes label {
  font-weight: normal;
}
.sc-open,
.sc-close,
.sc-boolean,
.sc-brace {
  color: #5cb85c;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: bold;
}
.sc-query {
  padding-left: 3px;
  padding-right: 3px;
}
.sc-operator {
  color: #f0ad4e;
  padding-left: 3px;
  padding-right: 3px;
}
.sc-column {
  color: #337ab7;
  padding-left: 3px;
  padding-right: 3px;
}
.sc-value {
  color: #5bc0de;
  padding-left: 3px;
  padding-right: 3px;
}
.svg-cartoon {
  display: inline-block;
  vertical-align: middle;
}
.svg-cartoon .organelle {
  transition: fill 200ms;
}
.svg-cartoon .organelle:hover {
  fill: #eeeeee;
}
.svg-cartoon .organelle.highlight {
  stroke-width: 3;
}
.svg-cartoon .organelle.highlight.nucleus {
  fill: #becf5a;
}
.svg-cartoon .organelle.highlight.mitochondrion {
  fill: #abbf37;
}
.svg-cartoon .organelle.highlight.plastid {
  fill: #abbf37;
}
.svg-cartoon .organelle.highlight.vacuole {
  fill: #becf5a;
}
.svg-cartoon .organelle.highlight.peroxisome {
  fill: #becf5a;
}
.svg-cartoon .organelle.highlight.golgi {
  fill: #becf5a;
}
.svg-cartoon .organelle.highlight.extracellular {
  fill: #ecf0ca;
}
.svg-cartoon .organelle.highlight.cytosol {
  fill: #dee5a2;
}
.svg-cartoon .organelle.highlight.cytoskeleton {
  fill: #becf5a;
}
.svg-cartoon .organelle.highlight.plasma-membrane {
  fill: #becf5a;
}
.svg-cartoon .organelle.highlight.endoplasmic-reticulum {
  fill: #becf5a;
}
.location-checkboxes label {
  cursor: pointer;
}
.location-checkboxes input[type="radio"],
.location-checkboxes input[type="checkbox"] {
  display: none;
}
.location-checkboxes input[type="radio"] + span:before,
.location-checkboxes input[type="checkbox"] + span:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.location-checkboxes input[type="radio"] + span:before {
  content: "\f10c";
}
.location-checkboxes input[type="radio"]:checked + span:before {
  content: "\f05d";
  color: var(--success);
}
.location-checkboxes input[type="checkbox"] + span:before {
  content: "\f096";
  width: 1.1em;
}
.location-checkboxes input[type="checkbox"]:checked + span:before {
  content: "\f046";
  color: var(--success);
}
.fa5 .location-checkboxes input[type="radio"] + span:before,
.fa5 .location-checkboxes input[type="checkbox"] + span:before {
  font-family: 'Font Awesome\ 5 Free';
}
.fa5 .location-checkboxes input[type="radio"] + span:before {
  content: "\f111";
}
.fa5 .location-checkboxes input[type="radio"]:checked + span:before {
  content: "\f058";
}
.fa5 .location-checkboxes input[type="checkbox"] + span:before {
  content: "\f0c8";
}
.fa5 .location-checkboxes input[type="checkbox"]:checked + span:before {
  content: "\f14a";
}