.input-group {
  flex-wrap: nowrap !important; }

#search-query {
  height: 48px;
  min-width: 0;
  flex: 1; }

#search-submit {
  height: 48px;
  flex-shrink: 0;
  white-space: nowrap; }

.left-col::after,
.center-col::after,
.right-col::after {
  clear: both;
  content: "";
  display: table; }

#left-content svg {
  vertical-align: baseline; }

.thumbnail {
  margin-bottom: 10px;
  cursor: pointer;
  height: 110px;
  width: auto;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.thumbnail-active {
  opacity: 1;
  filter: alpha(opacity=100); }

.non-annotated-image {
  border: 2px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5; }

.annotated-image {
  border: 2px solid #f4733d; }

.tiles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#new-term-container table {
  max-width: 200px;
  width: 200px; }

#term-search-results {
  max-height: 200px;
  overflow: scroll;
  overflow-x: hidden; }

#features {
  overflow: auto;
  margin-top: 15px; }

#feature-annotations {
  overflow: auto; }

#features-header {
  margin-top: 10px;
  margin-bottom: 10px; }

#notes {
  overflow: auto; }

#color-palette {
  display: none;
  width: 93px;
  height: 125px;
  padding: 2px;
  position: fixed;
  background-color: #ffffff;
  opacity: 1;
  z-index: 9999; }

#feature-popup-container,
#feature-popup-container-click {
  display: none;
  width: 260px;
  height: auto;
  padding: 7px;
  position: fixed;
  background: rgba(255, 255, 255, 0);
  z-index: 10000; }

#feature-popup,
#feature-popup-click {
  width: 250px;
  margin: 5px;
  height: auto;
  padding: 2px;
  position: fixed;
  background: white;
  z-index: 10001; }

#feature-popup-container-click {
  width: 200px; }

#feature-popup-click {
  width: 190px; }
  #feature-popup-click p {
    margin: 5px 0 5px 15px; }

#feature-popup-label {
  padding: 5px;
  font-weight: bold; }

#feature-popup-notes {
  padding: 5px; }

#feature-popup-links {
  padding: 5px; }

.icon {
  font-size: 1.5em;
  margin: 5px;
  cursor: pointer;
  width: 1.1em;
  text-align: center; }

.color-icon {
  font-size: 1.5em;
  margin: 5px;
  cursor: pointer;
  width: 1.1em;
  text-align: center;
  text-shadow: -1px -1px 0 #d0d1d5, 1px -1px 0 #d0d1d5, -1px 1px 0 #d0d1d5, 1px 1px 0 #d0d1d5; }

.feature-td {
  display: inline-block;
  vertical-align: middle; }

.right-content {
  float: right; }

.fit-to-content, .fit-to-content-align-right, .fit-to-content-align-center {
  vertical-align: middle;
  width: 1%;
  white-space: nowrap; }

.fit-to-content-align-right {
  text-align: left; }

.fit-to-content-align-center {
  text-align: center; }

.color-palette-item {
  width: 25px;
  height: 25px;
  margin: 2px;
  float: left;
  position: relative;
  cursor: pointer; }

.textarea {
  width: 100%;
  height: 100px; }

.disabled-div {
  pointer-events: none; }

#negative-control-tiles {
  width: 400px;
  height: 400px; }

#color-wheel {
  width: 400px; }

.image-visualization-reference-image-checkbox {
  display: inline-block;
  margin-bottom: 10px; }

.request-new-term-button {
  float: right;
  margin-right: 20px;
  margin-top: 30px; }

.submit-new-term-button {
  float: right;
  margin-top: 20px;
  margin-right: 10px; }

#active-image {
  position: relative;
  width: 100%; }

.annotated-key {
  fill: #f4733d; }

.modalForm input.submit {
  float: left;
  border-width: 0 !important;
  padding: 0 !important;
  width: 150px !important; }

.fullscreen:-moz-full-screen {
  height: 100%; }

.fullscreen:-webkit-full-screen {
  height: 100%; }

.fullscreen:-ms-fullscreen {
  height: 100%; }

.fullscreen:fullscreen {
  height: 100%; }

.fullscreen {
  margin-bottom: 10px;
  width: 100%;
  height: 0px; }

.ol-rotate {
  top: 3em; }

.change-width-to-full {
  background-color: #000;
  height: 100%;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  width: 100%; }

#annotation-terms-link,
#annotation-terms-link-parent {
  color: #212121; }

div#cboxLoadedContent div.royal_tab div.views {
  border: 0 !important;
  height: 350px;
  margin-bottom: 10px; }

body.ImageVisualizationPage div#cboxLoadedContent div.royal_tab.top div.views {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0); }

#cboxContent {
  margin-top: 0px; }

#cboxLoadedContent {
  border: 0px; }

#cboxTitle:empty {
  display: none !important; }

#terms-to-add {
  width: 90%;
  height: 75px;
  background: #ffffff;
  margin-bottom: 20px;
  overflow-y: auto;
  margin-left: 7%;
  margin-right: 7%; }

#terms-buttons {
  margin-left: 7%; }

.annotation-tab-body {
  min-height: 300px !important;
  max-height: 300px !important;
  height: 300px;
  /* overflow-y:hidden !important; */ }

.annotation-royal-tabs {
  height: 80%; }

.x-this-term {
  margin-left: 5px;
  margin-right: 15px;
  cursor: pointer; }

#imageNote {
  margin-bottom: 10px;
  width: 100%; }

#browse-body {
  overflow-y: auto !important; }

#displayStatus {
  margin-bottom: 20px; }

#search-text {
  margin-bottom: 20px;
  z-index: 10000; }

#search-results {
  height: 250px;
  overflow-y: auto !important; }

#return-to-exp-link {
  margin-left: 10px; }

#note-textarea {
  width: 100%; }

#note-display-status {
  margin-bottom: 15px; }

#note-owner-row {
  margin-top: 15px; }

.note-edit-enabled,
.note-remove-enabled {
  opacity: 1;
  filter: alpha(opacity=100); }

#note-add-link {
  float: right; }

#note-display-status {
  margin-top: 5px; }

#note-textarea {
  resize: none; }

.container-fluid .div--display-desktop p {
  margin: 10px 0 10px 12.7%; }
  .container-fluid .div--display-desktop p a {
    color: #198cea; }

#colorbox,
#cboxOverlay,
#cboxWrapper {
  z-index: 4000 !important; }

.autocomplete-suggestions {
  z-index: 11000 !important; }

.ui-autocomplete {
  z-index: 11000 !important; }

fieldset {
  border: 1px solid #eeeeee;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  width: 98%; }
  fieldset legend {
    width: auto;
    padding: 0 5px; }

.btn-default {
  background: #eeeeee none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding: 4px 12px;
  text-transform: uppercase; }

.btn-group .btn-default {
  border: 1px solid #d0d0d0; }
.btn-group .active {
  background: #005295 none repeat scroll 0 0;
  color: #ffffff; }

.btn-submit {
  background: #005295 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding: 4px 12px;
  text-transform: uppercase; }

#term-search-form {
  padding: 10px 0; }
  #term-search-form input#search-text {
    width: 80%; }

.btn-cancel {
  background: #eeeeee none repeat scroll 0 0;
  border: medium none;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding: 4px 12px;
  text-transform: uppercase;
  float: right;
  width: auto; }

.div--display-desktop {
  display: flex; }

.div--display-mobile {
  display: none; }

@media (max-width: 991.98px) {
  .div--display-desktop {
    display: none; }

  .div--display-mobile {
    display: flex; } }
.probe-description {
  border-top: 1px solid #d0d1d5;
  padding: 12px 0 12px 0; }
  .probe-description:first-child {
    border-top: none;
    padding-top: 0; }
  .probe-description:last-child {
    padding-bottom: 0; }

.image-border {
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5; }

/*# sourceMappingURL=imagevisualizationpage.css.map */