body {
  font-family: Lato, sans-serif;
  font-weight: 300;
  color: #111;
}

#reactjs-root {
  height: 100%;
}

.ui.icon.input {
  padding: 3px 5px;
  width: 100%;
  max-width: 350px;
}

.ui.search .ui.input input {
  padding: 0.3em 1em;
}

.ui.search.fluid .ui.icon.input {
  max-width: 100%;
}

.ui.search .result .title,
.ui.search .result .description {
  display: inline-block;
  padding-right: 10px;
}

.ui.search .results {
  margin-top: 0;
  margin-left: 5px;
}

.ui.search .results .content {
  white-space: nowrap;
}

.ui.search .results .message .header {
  color: #333;
  font-weight: 400;
}

.ui.search > .results .result .title {
  font-weight: 500;
  font-size: 0.95em;
}

/* Bug in current version of semantic UI css, fixed in 2.4.2 which is not yet available for the css-only node module */
.ui.fullscreen.modal {
  left: auto !important; /* csslint allow: important */
}

.ui.fullscreen.scrolling.modal {
  left: auto !important; /* csslint allow: important */
}

/* Bug in current version of semantic UI css, no known fix available */
.ui.accordion .title .dropdown.icon.clear::before {
  /*  Clearable icon does not display if dropdown is in an accordion */
  content: '\f00d';
  font-family: Icons, fantasy;
  font-size: 0.9rem;
}

/* jquery UI dialogs should display over semantic UI modals. Used for pedigree editing */
.ui-dialog.ui-widget {
  z-index: 2000 !important; /* csslint allow: important */
}
