/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
/*
body {
  padding-top: 50px;
}
*/

/*
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
*/

/*
.sidebar {
  display: none;
}
*/

/*
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 81px;
    bottom: 0;
    left: 0;
    z-index: 60;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; 
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}
*/


/*
.nav-sidebar {
  margin-right: -21px;
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}
*/

/*
 * Main content
 */

.main {
  /*padding: 20px;*/
  background: gray;
}
/*
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}
*/


/*
 * Placeholder dashboard ideas
 */

/*
.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}
*/

div#top-navbar {
  background: gray;
  height: 143px;
}

div#first-navbar {
  background: gray;
}

div#search-result-container.sidebar {
  background: white;
}

div#main-content {
  margin-top: 100px;
  padding-bottom: 4em;
}

a.navbar-brand {
  padding-top: 6px;
  padding-bottom: 0px;
  height: 30px;
  vertical-align: bottom;
  background: white;
  color: black;
}

div.navbar-inverse a.navbar-brand {
  font-weight: normal;
  font-size: 16px;
  color: black;
}

div.navbar-inverse a.navbar-brand.active {
  text-decoration: none;
  background: white;
  color: black;
}

li a.navbar-nav,
div.navbar li.dropdown {
  padding-top: 6px;
  padding-bottom: 0px;
  padding-left: 3px;
  padding-right: 3px;
  height: 30px;
  vertical-align: bottom;
  margin-right: 0.7em;
}

div.navbar-inverse a.navbar-nav {
  color: white;
  font-weight: normal;
  font-size: 14px;
}

li a#this-dropdown {
  color: white;
  vertical-align: top;
}

ul.navbar-nav li.dropdown {
  padding: 0px 0px 0px 0px;
  background: gray;
}

ul.navbar-nav li a.dropdown-toggle {
  padding: 6px 5px 6px 5px;
  color: white;
  background: gray;
  font-weight: normal;
  font-size: 14px;
}

ul.navbar-nav li.dropdown.open a.dropdown-toggle:hover,
ul.navbar-nav li.dropdown.open,
ul.navbar-nav li.dropdown a.dropdown-toggle.active,
ul.navbar-nav li.dropdown.open a.dropdown-toggle {
  background: white;
  color: black;
}

div.navbar-inverse a.navbar-nav.active {
  text-decoration: none;
  background: white;
  color: black;
}

div#searchbar {
  background: gray;
  height: 77px;
  padding-top: 4px;
}

div#searchbar.new-small-searchbar {
  height: 37px;
  padding-top: 4px;
}

#search-results-summary,
#search-results-summary a {
  color: white;
}

#search-results-summary a {
  text-decoration: underline;
}

div#search-summary-offset {
  background: white;
  height: 40px;
}

table#search-results-table {
  width: 90%;
}

table#search-results-table-for-logs {
  width: 100%;
}

div#search-result-details {
  position: fixed;
  margin-top: 28px;
  right: 1%;
  overflow: auto;
  z-index: 80;
  border: 1px solid gray;
  border-radius: 3px;
  float: right;
  height: calc(98vh - 140px - 4em);
  background-color: white;
}
/* this works, but is too rigid */
  /*width: 800px !important; */

.no-left-padding {
  padding-left: 0;
}

.no-right-padding {
  padding-right: 0;
}

.no-right-margin,
.btn.no-right-margin {
  margin-right: 0;
}

div#footer {
  position: fixed;
  bottom: 0;
  background: lightgray;
  border-top: 1px solid gray;
  z-index: 70;
  width: 100%;
  height: 3em;
}

div#search-result-container {
  position: absolute;
  margin-bottom: 2.2em;
}
/*
div.main.row {
  position: absolute;
}
*/

/* Allow for footer. */
div#search-results {
  padding-bottom: 3em;
}

div#message-container {
  position: fixed;
  top: 100px;
  left: 20%;
  width: 30%;
  min-height: 50px;
  max-height: 90px;
  height: 60px;
  overflow: scroll;
  z-index: 100;
  background-color: orange;
  border: 1px solid gray;
  text-align: center;
  padding-top: 1em;
}

a.show-details-link {
  display: inline-block;
  width: 100%;
  height: 100%;
}

tr.search-result td.main-content {
  padding-top: 6px;
}

div#search-result-container {
  padding-top: 0;
  margin-top: -5px;
}

a.example-search-link {
  display: inline-block;
  width: 100%;
  height: 100%;
}

#search-result-details {
  box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .2);
  outline:none;
	overflow: hidden;
}

div.focus-details h1 {
  font-size: 18px;
}

#search-result-details h3 {
  font-size: 14px;
}

div.focus-details.freshly-created,
div.focus-details.fresh {
	background-color: #eef;
}

div.focus-details.losing-focus {
	background-color: #e2e2e2;
}

div.focus-details div.from-markdown a {
  background: none;
  text-decoration: underline;
  color: #337ab7;
}

div.focus-details {
	max-height: 100%;
	height: 100%;
	overflow: auto;
  padding-left: 1em;
}

div.focus-details td.divider {
  background: white;
  max-height: 2px;
  height: 2px;
}

#search-result-details a.non-tab {
  text-align: left;
  text-decoration: none;
  height: 18px;
  margin-right: 0%;
  padding: 8px 5px 5px 5px;
}

#search-result-details a.non-tab:hover { 
  background-color: #d3d3d3;
  color: #66c;
}

#search-result-details a.non-tab:focus { 
  background-color: #d3d3d3;
}

#search-result-details a.non-tab:focus { 
  color: #d3d3d3;
}

a.active {
  background: white;
}

a.active:focus {
  background: yellow;
}

#search-result-details div.right-align {
	text-align: right;
}

#search-result-details .form-stacked {
	padding-left: 0;
}

#search-result-details textarea.flexible,
#search-result-details input.flexible {
	max-width: 97%;
	width: 97%;
	padding: 1px 1px 1px 2px;
}

#search-result-details textarea,
#search-result-details input {
	padding: 1px 1px 1px 2px;
}

#search-result-details select  {
	padding: 1px 1px 1px 1px;
}

#search-result-details *.field-description {
	padding-left: 2em;
	color: gray;
}

#search-result-details *.field-description:hover {
	padding-left: 2em;
	color: black;
}

#search-result-details span.field-label.no-data {
	color: #bbb;
}

#search-result-details span.field-label.has-data,
#search-result-details label.field-label.has-data,
#search-result-details *.field-label,
#search-result-details label.field-label,
#search-result-details label.inline.pull-right {
	color: gray;
	font-size: 1em;
	font-weight: normal;
}

#search-result-details *.field-description {
	color: lightgray;
}

#search-result-details span.field-data {
	color: black;
}

#search-result-details span.title {
	color: gray;
}

#search-result-details section {
	border-bottom: 1px inset lightgray;
}

#search-result-details label {
	margin-bottom: 0;
	line-height: 14px;
}

#search-result-details label.for-check-box {
  text-align: end;
  padding-top: 5px;
}

#search-result-details label.for-check-box:hover {
  background: lightgray;
}

table td.publication-date {
  white-space: nowrap;
}


tr.show-details span.stylish-checkbox:hover {
  background: darkgray;
}

tr.show-details:focus span.stylish-checkbox:hover {
  background: rgba(255,204,102,1.0);
}

input::-webkit-input-placeholder {
   color: rgba(156, 57, 255, 0.3);
}

input:-moz-placeholder {  
   color: rgba(156, 57, 255, 0.3);
}

:-ms-input-placeholder {
    color: rgba(156, 57, 255, 0.3);
}

.form-control::placeholder {
    color: rgba(156, 57, 255, 0.3);
}

table.entity-details {
  margin: 0 0 0 0;
  width: 98%;
}

table.entity-details td.info {
  min-width: 70%;
}

table.entity-details td.label {
  min-width: 30%;
  float: right;
  color: black;
}

ul.nav.nav-tabs {
  margin-bottom: 0.5em;
}

#search-result-details div.detail-line.underline > span {
  border-bottom: 1px solid #eee;
}


div.focus-details {
  padding-right: 1em;
}

div.focus-details hr.divider {
  height: 1px;
  background: #aaa;
  display: block;
}

span.server-response-time {
  display: none;
}

div#change-category-widgets {
  margin-top: 2em;
  margin-bottom: 2em;
}

.select2-container {
    width: 100% !important;
}

.nsl-inline-block {
  position:relative;
  display:-moz-inline-box;
  display:inline-block
}


.stylish-checkbox {
  -webkit-border-radius:1px;
  -moz-border-radius:1px;
  border-radius:1px;
  background-color:rgba(255,255,255,0.05);
  border:1px solid rgba(128,128,128,0.5);
  cursor:pointer;
  height:14px;
  width:14px;
  margin: 0 0 0 0;
  outline:0;
  vertical-align:text-bottom;
}

.stylish-checkbox-undetermined {
  background-color:rgba(231,231,231,0.7);
  border:1px solid #dcdcdc;
}

.stylish-checkbox-checked {
  background-color: #777;
}

div#top-navbar .stylish-checkbox-unchecked, 
tr.search-result.showing-details .stylish-checkbox-unchecked {
  border-color: white;
  background-color: white;
}

div.stylish-checkbox-unchecked div.stylish-checkbox-checkmark {
  border-color: white;
}


div#top-navbar .stylish-checkbox-checked, 
tr.search-result.showing-details .stylish-checkbox-checked {
  background-color: #404040;
  border-color: #404040;
}

div#top-navbar .stylish-checkbox-checked .stylish-checkbox-checkmark,
tr.search-result.showing-details .stylish-checkbox-checked .stylish-checkbox-checkmark {
  background-color: #404040;
}


div#top-navbar div.stylish-checkbox:focus, 
tr.search-result.showing-details div:focus {
  border: 2px solid #202020;
}

div.stylish-checkbox.stylish-checkbox-unchecked:focus {
  border: 2px solid #777;
}

div.stylish-checkbox.stylish-checkbox-checked:focus {
  border-color: #777;
  border-width: 3px;
}

.stylish-checkbox-hover {
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
  border:1px solid #c6c6c6
}

.stylish-checkbox-active {
  background-color:#ebebeb
}

.stylish-checkbox-focused {
  border:1px solid #4d90fe
}

.stylish-checkbox-disabled {
  background-color:#fff;
  border:1px solid #eee;
  cursor:default
}

.stylish-checkbox-checkmark {
  height:9px;
  outline:0;
  width:9px;
  left:5px;
  top: 5px;
  position:relative;
}

.stylish-checkbox-checked .stylish-checkbox-checkmark {
  background: gray;
  border: gray;
  /* background:image-url(/nsl/editor/icons_25.png) no-repeat -578px -3px*/  /* bootstrap glyphicons not available from deployed war file. */
}

.stylish-scrollbar::-webkit-scrollbar {
  background:transparent;
  overflow:visible;
  width:15px
}

.stylish-scrollbar::-webkit-scrollbar-thumb {
  background-color:rgba(0,0,0,0.2);
  border:solid #fff
}

.stylish-scrollbar::-webkit-scrollbar-thumb:hover {
  background:rgba(0,0,0,0.4)
}

.stylish-scrollbar::-webkit-scrollbar-thumb:horizontal {
  border-width:4px 6px;
  min-width:40px
}

.stylish-scrollbar::-webkit-scrollbar-thumb:vertical {
  border-width:6px 4px;
  min-height:40px
}

body .stylish-scrollbar::-webkit-scrollbar-track-piece {
  background-color:#fff
}

.stylish-scrollbar::-webkit-scrollbar-corner {
  background:transparent
}

.stylish-scrollbar-dark::-webkit-scrollbar-thumb {
  background-color:rgba(255,255,255,0.6)
}

.stylish-scrollbar-dark::-webkit-scrollbar-thumb:hover {
  background-color:rgba(255,255,255,0.8)
}

hr.dark {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

*.strike-through {
  text-decoration: line-through;
}

span.media-spec {
  display: none;
}

.nsl-btn-navbar {
  display: none;
}

div.main {
  padding-left: 20px;
}

@media screen and (min-width: 600px) and (max-width: 699px) {
  #media-width-600px-699px {
    display: inline;
  }
  div.main {
    padding-left: 0px;
  }
  div#search-field-and-buttons-container {
    width: 520px;
  }
  input#query-string-field {
    margin: 0 0 0 60px;
    width: 120px;
    max-width: 120px;
  }
  input#query-submit {
    float: right;
  }
}

@media screen and (min-width: 700px) and (max-width: 799px) {
  #media-width-500px-699px {
    display: inline;
  }
  div.main {
    padding-left: 0px;
  }
  div#search-field-and-buttons-container {
    width: 600px;
  }
  input#query-string-field {
    margin: 0 0 0 0px;
    width: 220px;
    max-width: 220px;
  }
  div#search-result-details {
    width: 40%;
  }
}

@media screen and (min-width: 800px) and (max-width: 999px) {
  #media-width-800px-999px {
    display: inline;
  }
  div.main {
    padding-left: 0px;
  }
  div#search-field-and-buttons-container {
    width: 750px;
  }
  input#query-string-field {
    width: 400px;
  }
  div#search-result-details {
    width: 40%;
  }
}

@media screen and (min-width: 1200px) {
  #media-width-1200px- {
    display: inline;
  }
  div.main {
    padding-left: 20px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
  #media-width-1000px-1199px {
    display: inline;
  }
  div.main {
    padding-left: 0px;
  }
  div#search-result-details {
    width: 40%;
  }
  div#search-field-and-buttons-container {
    width: 850px;
  }
  input#query-string-field {
    width: 480px;
  }
}

@media screen and (max-width: 1000px) {
  #media-width-1000px {
    display: inline;
  }
  div.main {
    padding-left: 0px;
  }
  a.btn.btn-navbar {
	display: none;
  }
  .main-sidebar > .sidebar-nav {
    display: none;
  }
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .toolbar {
    width: 97%;
    margin-right: 0em;
    padding-top: 0;
  }
  .navbar.navbar-fixed-top {
    margin-bottom: 0;
    max-height: 50px;
    height: 50px;
    margin-left: 1px;
  }
  .btn-navbar {
    position: absolute;
    top: 0;
    right: 10px;
  }

  div.Xsearch-form {
    position: absolute;
    top: 10px;
    left: 30px;
  }
}

@media (max-width: 1000px) {
  #media-max-width-1000px {
    display: inline;
  }
  .nsl-btn-navbar {
    display: inline;
    background: white;
  }
}

@media screen and (min-height: 1201px) {
  #media-min-height-1201 {
    display: inline;
  }
  div.main.row {
    max-height: 940px;
    height: 940px;
  }
  div.main-content {
    max-height: 940px;
    height: 940px;
  }
  div#search-results {
    max-height: 890px;
    height: 890px;
  }
}

@media screen and (min-height: 1151px) and (max-height: 1200px) {
  #media-height-1151-1200 {
    display: inline;
  }
  div.main.row {
    max-height: 940px;
    height: 940px;
  }
  div.main-content {
    max-height: 940px;
    height: 940px;
  }
  div#search-results {
    max-height: 890px;
    height: 890px;
  }
}

@media screen and (min-height: 1101px) and (max-height: 1150px) {
  #media-height-1101-1150 {
    display: inline;
  }
  div.main.row {
    max-height: 920px;
    height: 920px;
  }
  div.main-content {
    max-height: 920px;
    height: 920px;
  }
  div#search-results {
    max-height: 870px;
    height: 870px;
  }
}


@media screen and (min-height: 1051px) and (max-height: 1100px) {
  #media-height-1051-1100 {
    display: inline;
  }

  div.main.row {
    max-height: 870px;
    height: 870px;
  }
  div.main-content {
    max-height: 870px;
    height: 870px;
  }
  div#search-results {
    max-height: 820px;
    height: 820px;
  }
}

@media screen and (min-height: 1001px) and (max-height: 1050px) {
  #media-height-1001-1050 {
    display: inline;
  }

  div.main.row {
    max-height: 820px;
    height: 820px;
  }
  div.main-content {
    max-height: 820px;
    height: 820px;
  }
  div#search-results {
    max-height: 770px;
    height: 770px;
  }
}

@media screen and (min-height: 951px) and (max-height: 1000px) {
  #media-height-951-1000 {
    display: inline;
  }

  div.main.row {
    max-height: 770px;
    height: 770px;
  }
  div.main-content {
    max-height: 770px;
    height: 770px;
  }
  div#search-results {
    max-height: 720px;
    height: 720px;
  }
}


@media screen and (min-height: 901px) and (max-height: 950px) {
  #media-height-901-950 {
    display: inline;
  }

  div.main.row {
    max-height: 730px;
    height: 730px;
  }
  div.main-content {
    max-height: 730px;
    height: 730px;
  }
  div#search-results {
    max-height: 680px;
    height: 680px;
  }
}


@media screen and (min-height: 851px) and (max-height: 900px) {
  #media-height-851-900 {
    display: inline;
  }

  div.main.row {
    max-height: 620px;
    height: 620px;
  }
  div.main-content {
    max-height: 620px;
    height: 620px;
  }
  div#search-results {
    max-height: 580px;
    height: 580px;
  }
}

@media screen and (min-height: 801px) and (max-height: 850px) {
  #media-height-851-900 {
    display: inline;
  }

  div.main.row {
    max-height: 570px;
    height: 570px;
  }
  div.main-content {
    max-height: 570px;
    height: 570px;
  }
  div#search-results {
    max-height: 530px;
    height: 530px;
  }
}



@media screen and (min-height: 751px) and (max-height: 800px) {
  #media-height-751-800 {
    display: inline;
  }

  div.main.row {
    max-height: 520px;
    height: 520px;
  }
  div.main-content {
    max-height: 520px;
    height: 50px;
  }
  div#search-results {
    max-height: 490px;
    height: 490px;
  }
}

@media screen and (min-height: 701px) and (max-height: 750px) {
  #media-height-701-750 {
    display: inline;
  }
  div.main.row {
    max-height: 470px;
    height: 470px;
  }
  div.main-content {
    max-height: 470px;
    height: 470px;
  }
  div#search-results {
    max-height: 420px;
    height: 420px;
  }
}

@media screen and (min-height: 651px) and (max-height: 700px) {
  #media-height-651-700 {
    display: inline;
  }
  div.main.row {
    max-height: 450px;
    height: 450px;
  }
  div.main-content {
    max-height: 450px;
    height: 450px;
  }
  div#search-results {
    max-height: 410px;
    height: 410px;
  }
}

@media screen and (min-height: 601px) and (max-height: 650px) {
  #media-height-601-650 {
    display: inline;
  }
  div.main.row {
    max-height: 400px;
    height: 400px;
  }
  div.main-content {
    max-height: 400px;
    height: 400px;
  }
  div#search-results {
    max-height: 360px;
    height: 360px;
  }
}

/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
  #media-ipad {
    display: inline;
  }
  body, input, button, select, textarea, #search-result-details {
    font: normal 80% Verdana,"Bitstream Vera Sans",sans-serif;
  }
  div.main.row,
  div.main-content {
    max-height: 300px;
    height: 300px;
  }

  div#search-results {
    max-height: 160px;
    height: 160px;
    overflow: scroll;
  }
  #main-content {
    width: 300px;
  }

  .main-sidebar > .sidebar-nav {
    display: none;
  }

}

@media screen and (min-height: 551px) and (max-height: 600px) {
  #media-height-551-600 {
    display: inline;
  }
  div.main.row {
    max-height: 350px;
    height: 350px;
  }
  div.main-content {
    max-height: 350px;
    height: 350px;
  }
  div#search-results {
    max-height: 310px;
    height: 310px;
  }
}

@media screen and (min-height: 501px) and (max-height: 550px) {
  #media-height-501-550 {
    display: inline;
  }
  div.main.row {
    max-height: 300px;
    height: 300px;
  }
  div.main-content {
    max-height: 300px;
    height: 300px;
  }
  div#search-results {
    max-height: 260px;
    height: 260px;
  }
}


@media screen and (min-height: 451px) and (max-height: 500px) {
  #media-height-451-500 {
    display: inline;
  }
  div.main.row {
    max-height: 250px;
    height: 250px;
  }
  div.main-content {
    max-height: 250px;
    height: 250px;
  }
  div#search-results {
    max-height: 210px;
    height: 210px;
  }
}


@media screen and (max-height: 450px) {
  #media-height-max-450 {
    display: inline;
  }
  div.main.row {
    max-height: 200px;
    height: 200px;
  }
  div.main-content {
    max-height: 200px;
    height: 200px;
  }
  div#search-results {
    max-height: 160px;
    height: 160px;
  }
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
  #media-width-800px-1000px {
    display: inline;
  }
  div.main {
    padding-left: 0px;
  } 

}


/* @media screen and (min-width: 768px)  {  */
  #screen-too-small-msg {
    display: none;
  }

@media screen and (min-width: 480px) and (max-width: 767px)  { 
  #media-screen-xs { display: inline; background: rgba(255, 0, 0, 0.6); }
  form#search-form div.input-group {
    width: 70%;
  }
  #query-limit {
    width: 7em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #query-on {
    display: inline-block;
    width: 8em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #search-string-field {
    display: inline-block;
    width: 10em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  form#search-form div#search-form-input-group.input-group {
    width: 100%;
  }
  div#search-result-details {
    width: 38%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px)  { 
  #media-screen-sm { display: inline; background: rgba(255, 192, 203, 0.6); }
  /* font-size is different on iPad Safari, compared to equivalent size browser window. */
  /* We could change it here, but that affects browser-on-Mac etc. */
  #search-result-details span.field-label.has-data,
  #search-result-details label.field-label.has-data,
  #search-result-details *.field-label,
  #search-result-details label.field-label,
  #search-result-details label.inline.pull-right {
	  font-size: 1.0em;
  }
  div#search-results {
    height: 650px;
    min-height: 650px;
    margin-top: 8px;
  }
  input#search-field.form-control {
    width: 100%;
  }
  #query-limit {
    width: 8em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #query-on {
    width: 7em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #search-string-field {
    width: 8em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  div#search-form-input-group {
    width: calc(100% - 242px)
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) { 
  #media-screen-md { display: inline; background: rgba(244, 164, 96, 0.6); }
  div#search-result-details {
    width: 36%;
  }
  div#search-result-details.wide-details {
    width: 40%;
    max-width: 800px;
  }
  div#search-result-details.changed_tree_elements {
    width: 45%;
    max-width: 900px;
  }
  /* font-size is different on iPad Safari, compared to equivalent size browser window. */
  /* We could change it here, but that affects browser-on-Mac etc. */
  #search-result-details span.field-label.has-data,
  #search-result-details label.field-label.has-data,
  #search-result-details *.field-label,
  #search-result-details label.field-label,
  #search-result-details label.inline.pull-right {
	  font-size: 1.0em;
  }
  div#search-results {
    height: 415px;
    min-height: 415px;
    margin-top: 8px;
  }
  input#search-field.form-control {
    width: 100%;
  }
  #query-limit {
    width: 8em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #query-on {
    width: 7em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  #search-string-field {
    width: 8em;
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
}

/* lg */
@media screen and (min-width: 1200px) and (max-width: 1399px) { 
  #media-screen-lg { display: inline; background: rgba(153, 153, 255, 0.6); }
  div#search-result-details {
    width: 40%;
  }
  div#search-result-details.wide-details {
    width: 46%;
    max-width: 800px;
  }
  div#search-result-details.changed_tree_elements {
    width: 55%;
    max-width: 900px;
  }
  div#search-field-and-buttons-container {
    width: 950px;
  }
  input#query-string-field {
    width: 480px;
  }
  div#search-form-input-group {
    width: calc(100% - 290px)
  }
}

/* lg */
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  #media-screen-lg { display: inline; background: rgba(65, 105, 225, 0.6); }
  div#search-result-details {
    width: 36%;
  }
  div#search-result-details.wide-details {
    width: 46%;
    max-width: 800px;
  }
  div#search-result-details.changed_tree_elements {
    width: 45%;
    max-width: 900px;
  }
  div#search-field-and-buttons-container {
    width: 950px;
  }
  input#query-string-field {
    width: 480px;
  }
}


/* lg */
@media screen and (min-width: 1600px)                        {
  #media-screen-lg { display: inline; background: rgba(152, 251, 152, 0.6) ; }
  div#search-result-details {
    width: 40%;
    max-width: 800px;
  }
  div#search-result-details.wide-details {
    width: 46%;
    max-width: 800px;
  }
  div#search-result-details.changed_tree_elements {
    width: 45%;
    max-width: 900px;
  }
  div#search-field-and-buttons-container {
    width: 850px;
  }
  input#query-string-field {
    width: 480px;
  }
}


.width-0-percent { width: 0%;}
.width-1-percent { width: 1%;}
.width-2-percent { width: 2%;}
.width-3-percent { width: 3%;}
.width-4-percent { width: 4%;}
.width-5-percent { width: 5%;}
.width-6-percent { width: 6%;}
.width-7-percent { width: 7%;}
.width-8-percent { width: 8%;}
.width-9-percent { width: 9%;}
.width-10-percent { width: 10%;}
.width-11-percent { width: 11%;}
.width-12-percent { width: 12%;}
.width-13-percent { width: 13%;}
.width-14-percent { width: 14%;}
.width-15-percent { width: 15%;}
.width-16-percent { width: 16%;}
.width-17-percent { width: 17%;}
.width-18-percent { width: 18%;}
.width-20-percent { width: 20%;}
.width-25-percent { width: 25%;}
.width-30-percent { width: 30%;}
.width-40-percent { width: 40%;}
.width-50-percent { width: 50%;}
.width-60-percent { width: 60%;}
.width-65-percent { width: 65%;}
.width-66-percent { width: 66%;}
.width-70-percent { width: 70%;}
.width-71-percent { width: 70%;}
.width-72-percent { width: 70%;}
.width-73-percent { width: 70%;}
.width-74-percent { width: 70%;}
.width-75-percent { width: 70%;}
.width-80-percent { width: 80%;}
.width-85-percent { width: 85%;}
.width-90-percent { width: 90%;}
.width-91-percent { width: 91%;}
.width-92-percent { width: 92%;}
.width-93-percent { width: 93%;}
.width-94-percent { width: 94%;}
.width-95-percent { width: 95%;}
.width-96-percent { width: 96%;}
.width-97-percent { width: 97%;}
.width-98-percent { width: 98%;}
.width-99-percent { width: 99%;}
.width-100-percent { width: 100%;}
.width-150-percent { width: 150%;}


.max-width-0-percent { max-width: 0%;}
.max-width-1-percent { max-width: 1%;}
.max-width-2-percent { max-width: 2%;}
.max-width-3-percent { max-width: 3%;}
.max-width-4-percent { max-width: 4%;}
.max-width-5-percent { max-width: 5%;}
.max-width-6-percent { max-width: 6%;}
.max-width-7-percent { max-width: 7%;}
.max-width-8-percent { max-width: 8%;}
.max-width-9-percent { max-width: 9%;}
.max-width-10-percent { max-width: 10%;}
.max-width-20-percent { max-width: 20%;}
.max-width-25-percent { max-width: 25%;}
.max-width-30-percent { max-width: 30%;}
.max-width-35-percent { max-width: 35%;}
.max-width-40-percent { max-width: 40%;}
.max-width-45-percent { max-width: 45%;}
.max-width-50-percent { max-width: 50%;}
.max-width-55-percent { max-width: 55%;}
.max-width-60-percent { max-width: 60%;}
.max-width-65-percent { max-width: 65%;}
.max-width-66-percent { max-width: 66%;}
.max-width-70-percent { max-width: 70%;}
.max-width-71-percent { max-width: 71%;}
.max-width-72-percent { max-width: 72%;}
.max-width-73-percent { max-width: 73%;}
.max-width-74-percent { max-width: 74%;}
.max-width-75-percent { max-width: 75%;}
.max-width-80-percent { max-width: 80%;}
.max-width-85-percent { max-width: 85%;}
.max-width-86-percent { max-width: 86%;}
.max-width-87-percent { max-width: 87%;}
.max-width-88-percent { max-width: 88%;}
.max-width-89-percent { max-width: 89%;}
.max-width-90-percent { max-width: 90%;}
.max-width-91-percent { max-width: 91%;}
.max-width-92-percent { max-width: 92%;}
.max-width-93-percent { max-width: 93%;}
.max-width-94-percent { max-width: 94%;}
.max-width-95-percent { max-width: 95%;}
.max-width-96-percent { max-width: 96%;}
.max-width-97-percent { max-width: 97%;}
.max-width-98-percent { max-width: 98%;}
.max-width-99-percent { max-width: 99%;}
.max-width-100-percent { max-width: 100%;}

.min-width-0-percent { min-width: 0%;}
.min-width-1-percent { min-width: 1%;}
.min-width-2-percent { min-width: 2%;}
.min-width-3-percent { min-width: 3%;}
.min-width-4-percent { min-width: 4%;}
.min-width-5-percent { min-width: 5%;}
.min-width-6-percent { min-width: 6%;}
.min-width-7-percent { min-width: 7%;}
.min-width-8-percent { min-width: 8%;}
.min-width-9-percent { min-width: 9%;}
.min-width-10-percent { min-width: 10%;}
.min-width-20-percent { min-width: 20%;}
.min-width-25-percent { min-width: 25%;}
.min-width-30-percent { min-width: 30%;}
.min-width-35-percent { min-width: 35%;}
.min-width-40-percent { min-width: 40%;}
.min-width-45-percent { min-width: 45%;}
.min-width-50-percent { min-width: 50%;}
.min-width-55-percent { min-width: 55%;}
.min-width-60-percent { min-width: 60%;}
.min-width-65-percent { min-width: 65%;}
.min-width-66-percent { min-width: 66%;}
.min-width-70-percent { min-width: 70%;}
.min-width-71-percent { min-width: 71%;}
.min-width-72-percent { min-width: 72%;}
.min-width-73-percent { min-width: 73%;}
.min-width-74-percent { min-width: 74%;}
.min-width-75-percent { min-width: 75%;}
.min-width-80-percent { min-width: 80%;}
.min-width-85-percent { min-width: 85%;}
.min-width-86-percent { min-width: 86%;}
.min-width-87-percent { min-width: 87%;}
.min-width-88-percent { min-width: 88%;}
.min-width-89-percent { min-width: 89%;}
.min-width-90-percent { min-width: 90%;}
.min-width-91-percent { min-width: 91%;}
.min-width-92-percent { min-width: 92%;}
.min-width-93-percent { min-width: 93%;}
.min-width-94-percent { min-width: 94%;}
.min-width-95-percent { min-width: 95%;}
.min-width-96-percent { min-width: 96%;}
.min-width-97-percent { min-width: 97%;}
.min-width-98-percent { min-width: 98%;}
.min-width-99-percent { min-width: 99%;}
.min-width-100-percent { min-width: 100%;}

.width-1em { width: 1em; }
.width-2em { width: 2em; }
.width-3em { width: 3em; }
.width-4em { width: 4em; }
.width-5em { width: 5em; }
.width-6em { width: 6em; }
.width-7em { width: 7em; }
.width-8em { width: 8em; }
.width-9em { width: 9em; }
.width-10em { width: 10em; }
.width-11em { width: 11em; }
.width-12em { width: 12em; }
.width-13em { width: 13em; }
.width-14em { width: 14em; }
.width-15em { width: 15em; }
.width-16em { width: 16em; }
.width-17em { width: 17em; }
.width-18em { width: 18em; }
.width-19em { width: 19em; }
.width-20em { width: 20em; }
.width-21em { width: 21em; }
.width-22em { width: 22em; }
.width-23em { width: 23em; }
.width-24em { width: 24em; }
.width-25em { width: 25em; }
.width-26em { width: 26em; }
.width-27em { width: 27em; }
.width-28em { width: 28em; }
.width-29em { width: 29em; }
.width-30em { width: 30em; }
.width-35em { width: 35em; }
.width-40em { width: 40em; }
.width-50em { width: 50em; }
.width-52em { width: 52em; }
.width-54em { width: 54em; }
.width-56em { width: 56em; }
.width-56-4em { width: 56.4em; }
.width-64em { width: 64em; }
.width-65em { width: 65em; }
.width-66em { width: 66em; }

.max-width-1em { max-width: 1em; }
.max-width-2em { max-width: 2em; }
.max-width-3em { max-width: 3em; }
.max-width-4em { max-width: 4em; }
.max-width-5em { max-width: 5em; }
.max-width-6em { max-width: 6em; }
.max-width-7em { max-width: 7em; }
.max-width-8em { max-width: 8em; }
.max-width-9em { max-width: 9em; }
.max-width-10em { max-width: 10em; }
.max-width-11em { max-width: 11em; }
.max-width-12em { max-width: 12em; }
.max-width-13em { max-width: 13em; }
.max-width-14em { max-width: 14em; }
.max-width-15em { max-width: 15em; }
.max-width-16em { max-width: 16em; }
.max-width-17em { max-width: 17em; }
.max-width-18em { max-width: 18em; }
.max-width-19em { max-width: 19em; }
.max-width-20em { max-width: 20em; }
.max-width-21em { max-width: 21em; }
.max-width-22em { max-width: 22em; }
.max-width-23em { max-width: 23em; }
.max-width-24em { max-width: 24em; }
.max-width-25em { max-width: 25em; }
.max-width-26em { max-width: 26em; }
.max-width-27em { max-width: 27em; }
.max-width-28em { max-width: 28em; }
.max-width-29em { max-width: 29em; }
.max-width-30em { max-width: 30em; }
.max-width-40em { max-width: 40em; }
.max-width-50em { max-width: 50em; }

.min-width-10em { min-width: 10em; }
.min-width-20em { min-width: 20em; }

.border-simple { border: 1px solid black; }
.padding-simple { padding: 1em; }
.padding-zero-dot-2 { padding: 0.2em; }

.padding-top-1em { padding-top: 1em; }
.padding-top-0-5em { padding-top: 0.5em; }
input {
  background-color: white;
  color: black;
}

.buttonish {
  display: inline-block;
  width: 70px;
  padding-top: 9px;
  padding-bottom: 4px;
  text-align: center;
  text-decoration: none;
  font-family: helvetica, arial, sons-serif;
  font-size: 11px;
  font-weight: 700;
  cursor: default;
}

.buttonish:focus {
  border: none;
  outline: 1px solid blue;
}

.buttonish.dangerous {
  color: white;
  background-color: #d14836;
  background-image: -moz-linear-gradient(center top, #dd4b39, #d14836);
  border: 1px solid transparent;
  text-transform: uppercase;
}

.buttonish.prominent {
  color: white;
  background-color: blue;
  background-image: -moz-linear-gradient(center top, darkgray, gray);
  border: 1px solid transparent;
  text-transform: uppercase;
}

.buttonish.secondary {
  color: #515151;
  background-image: -moz-linear-gradient(center top, #f5f5f5, #f2f2f2);
  border: 1px solid gray;
}

.buttonish.prominent:hover {
  text-decoration: none;
  color: white;
  background-color: darkgray;
  background-image: -moz-linear-gradient(center top, darkgray, gray);
  box-shadow: 0 3px 3px #888;
}

.buttonish.secondary:hover {
  text-decoration: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#menubar a:hover {
  background: darkgray;
}

#menubar h1 a:hover {
  background-color: darkgray;
}

#menubar h1 {
  position: relative;
  top: -5px;
}

#menubar h1 a {
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
}

form#new-name-form input#name-string {
  width: 35em;
}

.form-container {
  text-align: left;
  color: red;
}

label.above-field {
  text-align: left;
  color: gray;
}

#reference-title {
  display: block;
}

form.form-stacked div.field {
  padding-top: 8px;
}

tr.search-result {
  cursor: pointer;
}

.no-click {
  cursor: auto;
}

input.changed.not-saved,
select.changed.not-saved,
textarea.changed.not-saved {
  border-color: blue;
}

input[type='checkbox'].changed.not-saved {
  box-shadow: 1px 1px 1px 1px blue;
}

input.changed.saved,
select.changed.saved,
textarea.changed.saved {
  border-color: green;
}

input[type='checkbox'].changed.saved {
  box-shadow: 1px 1px 1px 1px green;
}

input.changed.not-saved.error,
select.changed.not-saved.error,
textarea.changed.not-saved.error {
  border-color: red;
}

input[type='checkbox'].not-saved.error {
  box-shadow: 1px 1px 1px 1px red;
}

select {
  height: 23px;
  line-height: 23px;
}

input[type='submit'].btn {
  cursor: default;
}

/* Remove blue flare in chrome, safari. */
/* http://stackoverflow.com/questions/1457849/how-do-i-disable-the-highlight-border-on-an-html-input-text-element */

/* Necessary to prevent the lagging outline as you arrow up and down the tr.search-results rows. */
tr:focus {
  outline: 0;
}

select:focus,
a.tab:focus {
  outline: gray solid 1px;
}

button:focus,
input.btn.btn-primary:focus,
a.btn.btn-primary:focus {
  text-decoration: underline;
}

textarea:focus,
input:focus {
  outline: gray solid 2px;
  color: black;
}

li a:focus,
input.btn:focus,
a.btn:focus {
  outline: none;
}

/* Remove blue glow on input fields in Firefox. */
/* http://mentalized.net/journal/2011/03/30/removing_focus_outlines/ */

tr:focus a,
li a.tab:focus {
  text-decoration: underline;
}

form.edit-form input {
  display: inline;
}

form#search-form {
  margin-top: 0;
  padding-right: 0;
}

form#search-form input#query {
  height: 1.8em;
}

input[type=checkbox].css-checkbox {
  display: none;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 35px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -30px;
}

label.css-label {
  background-image: image-url(/nsl/editor/csscheckbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0.3em !important;
}

input[type=checkbox].exclude-checkbox {
  display: none;
}

input[type=checkbox].exclude-checkbox + label.exclude-label:before {
  font-family: FontAwesome;
  display: inline-block;
}

/* unchecked icon */
input[type=checkbox].exclude-checkbox + label.exclude-label:before {
  color: grey;
  font-weight: bold;
  content: "\f10c";
  padding: 0.5em;
  border: 1px solid grey;
  border-radius: 3px;
  margin-right: 1em;
  margin-bottom: 0.3em !important;
}

/* checked icon */
input[type=checkbox].exclude-checkbox:checked + label.exclude-label:before {
  color: red;
  font-weight: bold;
  content: "\f05e";
  border: 1px solid grey;
  border-radius: 3px;
  margin-right: 1em;
  margin-bottom: 0.3em !important;
}

button.clear-area {
  margin-top: 0px;
  margin-bottom: 3px;
  display: inline-block;
  float: right;
}

a.no-highlight button:focus {
  text-decoration:underline;
  outline: 5px;
}

.day-of-month-field {
  width: 4rem;
}

.year-field {
  width: 6rem;
}

.month-select {
    line-height: 1.3;
    height: 1.8em;
    box-sizing: border-box;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    background-color: #fff;
}

.btn-slim {
  padding-left: 8px;
  padding-right: 8px;
  height: 17px;
}

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

ul.no-indent {
  padding: 0;
  list-style-position: inside;
}

a.with-underline {
  text-decoration: underline;
}


/*
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

*/


.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
}

.tt-suggestion.tt-cursor {
  background-color: #808080;
  color: white;
}

.tt-suggestion p {
  margin: 0;
}


*.blue           { color: blue; }
*.brown          { color: brown; }
*.gray           { color: gray; }
*.lightgray      { color: lightgray; }
*.darkgray       { color: darkgray; }
*.darkred        { color: darkred; }
*.darkslateblue  { color: darkslateblue; }
*.green          { color: green; }
*.orange         { color: orange }
*.purple         { color: purple; }
*.rebeccapurple  { color: #663399; }
*.red            { color: red; }
*.sienna         { color: sienna; }
*.white          { color: white; }
*.yellow         { color: yellow; }
*.darkorchid     { color: darkorchid; }
*.blueviolet     { color: blueviolet; }
*.darkmagenta    { color: darkmagenta; }
*.darkviolet     { color: darkviolet; }
*.firebrick      { color: firebrick; }
*.mediumslateblue { color: mediumslateblue; }
*.darkgreen      { color: darkgreen; }
*.darkolivegreen { color: darkolivegreen; }

/* Prevent full_name_html class setting color */

common element.blue {color: #606060;}
common element.brown {color: #606060;}
common element.gray {color: #606060;}
common element.green {color: #606060;}
common element.orange {color: #606060;}
common element.purple {color: #606060;}
common element.red {color: #606060;}
common element.sienna {color: #606060;}
common element.white {color: #606060;}
common element.yellow {color: #606060;}

.showing-details common element.blue {
  color: white;
  background-color: #808080;
}
.showing-details common element.brown {
  color: white;
  background-color: #808080;
}
.showing-details common element.gray {
  color: white;
  background-color: #808080;
}
.showing-details common element.green {
  color: white;
  background-color: #808080;
}
.showing-details common element.orange {
  color: white;
  background-color: #808080;
}
.showing-details common element.purple {
  color: white;
  background-color: #808080;
}
.showing-details common element.red {
  color: white;
  background-color: #808080;
}
.showing-details common element.sienna {
  color: white;
  background-color: #808080;
}
.showing-details common element.white {
  color: white;
  background-color: #808080;
}
.showing-details common element.yellow {
  color: white;
  background-color: #808080;
}

*.bgblue           { background-color: blue; }
*.bgbrown          { background-color: brown; }
*.bggray           { background-color: gray; }
*.bglightgray      { background-color: lightgray; }
*.bgdarkgray       { background-color: darkgray; }
*.bgdarkred        { background-color: darkred; }
*.bgdarkslateblue  { background-color: darkslateblue; }
*.bggreen          { background-color: green; }
*.bgorange         { background-color: orange }
*.bglavender       { background-color: lavender; }
*.bgpurple         { background-color: purple; }
*.bgmediumpurple   { background-color: mediumpurple; }
*.bgrebeccapurple  { background-color: #663399; }
*.bgred            { background-color: red; }
*.bgsienna         { background-color: sienna; }
*.bgwhite          { background-color: white; }
*.bgyellow         { background-color: yellow; }
*.bgdarkorchid     { background-color: darkorchid; }
*.bgblueviolet     { background-color: blueviolet; }
*.bgfirebrick      { background-color: firebrick; }
*.bgdarkgreen      { background-color: darkgreen; }
*.bgdarkolivegreen { background-color: darkolivegreen; }
*.bgdarkslategray  { background-color: darkslategray; }


*.hover-white:hover    {color: white}
a:hover.blue           { color: blue; }

*.big-vertical-padding  { padding: 0.6em 0.4em 0.6em 0.4em; }
.search-result .no-matches {
  background: chocolate;
  color: white;
}
.search-result .too-many-matches {
  background: maroon;
  color: white;
}
.search-result .no-primary {
  background: chocolate;
  color: white;
}
.search-result .misapplied {
  background: #555569;
  color: white;
}
.search-result span.flag.excluded {
  background: purple;
  color: white;
}
.search-result .hybrid-cross {
  background: darkseagreen;
  color: white;
}
.search-result .preferred-name {
  background: mediumslateblue;
  color: white;
}

.search-result .isonym-has-preferred-name,
.search-result .orth-var-has-preferred-name{
  background: gray;
  color: white;
}

.standalone-count {
  background: darkslateblue;
  color: white;
}

.use-default-ref,
.use-batch-default-reference {
  background: mediumvioletred;
  color: white;
}

.use-existing-instance-count ,
.use-an-existing-instance {
  background: darkred;
  color: white;
}

.copy-and-append-count,
.copy-and-append {
  background: orangered;
  color: white;
}

.relationship-statement {
  background: darkslateblue;
  color: white;
}

.standalone-statement {
  background: darkslateblue;
  color: white;
}

.on-tree-indicator {
  background: blueviolet;
  color: white;
}
 
.exclude-from-further-processing {
  background: sienna;
  color: white;
}
 
.in-batch-note {
  background: lightgray;
  color: black;
}
 
.in-batch-compiler-note {
  background: lightgreen;
  color: black;
}
 
.compiler-note {
  background: darkgreen;
  color: white;
}

.search-result .flag,
.search-result .fat {
  padding: 0.1em 0.3em 0.1em 0.4em;
}


.search-result span.isonym {
  background: peru;
  color: white;
}

.search-result .orth-var {
  background: firebrick;
  color: white;
}

.accepted-taxon {
  font-weight: bold;
}

.has-parent {
  padding-left: 2em;
}

.vote-agree {
  color: green;
}

.vote-disagree {
  color: firebrick;
}
/*
.synonym-taxon {
}

.misapplied-taxon {
}
*/

/*
*.name,name-hover {color: darkgreen;}
*.ref,ref-hover  {color: brown;}
* .instance,.instance-hover {color: darkslateblue;}
*.author,author-hover {color: darkblue;}
*/
ul#search-results-tabset {
  position: fixed;
  top: 112px;
  left: 0px;
  margin-left: 14px;
}

ul#search-results-tabset li a {
  line-height: 7px;
  color: white;
}

ul#search-results-tabset li a:focus,
ul#search-results-tabset li a:hover {
  color: black;
}

ul#search-results-tabset li a {
  border: 1px solid white;
}

ul#search-results-tabset li.active a {
  line-height: 7px;
  color: black;
}

ul#advanced-search-tabset {
  position: fixed;
  top: 172px;
  left: 12px;
}

div#advanced-search-inner {
  width: 80%;
  position: fixed;
  top: 200px;
  left: 12px;
  overflow: auto;
  min-height: 300px;
  height: 80%;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

div#advanced-search-settings-container {
  width: 14%;
  position: fixed;
  top: 200px;
  right: 12px;
}

ul#advanced-search-tabset li a {
  line-height: 7px;
}

div#advanced-search-container {
  top: 150px;
}

div#advanced-search {
  padding-left: 5px;
}

table.advanced-form-table {
  margin-top: 20px;
}

div.scrollable-container {
  overflow: hidden;
  padding-right: 1em;
  margin-right: 1em;
  padding-bottom: 2em;
  margin-bottom: 2em;
}

div#example-search-inner {
  width: 90%;
  position: fixed;
  top: 160px;
  left: 12px;
  overflow: auto;
  min-height: 300px;
  height: 80%;
  margin-bottom: 1em;
}

div.reports-inner {
  width: 98%;
  position: relative;
  top: 0px;
  left: 29px;
  min-height: 300px;
  margin-right: 1em;
}

#new-search-field {
}

.closer:hover {
  cursor: pointer;
}

#new-search-field {
}

.closer:hover {
  cursor: pointer;
}

div#search-summary-row {
  max-height: 40px;
}

div#search-summary {
  height: 25px;
  max-height: 25px;
}

div#search-target-btn.input-group-btn {
  width: 5%;
}

span#set-include-common-and-cultivar {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 3px;
}

span#set-include-common-and-cultivar:hover,
span#set-include-common-and-cultivar:hover a,
ul.navbar-nav li a.dropdown-toggle:hover,
ul.navbar-nav li a.dropdown-toggle:focus {
  color: black;
  background: white;
}

.search-btn {
  background: lightgrey;
  color: black;
}

.search-btn:hover,
.search-btn:focus {
  background: white;
  color: black;
}

form.advanced input[type="text"] {
  color: blue;
}

.search-tab {
  height: 100%;
  min-height: 800px;
  overflow-y: scroll;
  height: 900px;
  min-height: 900px;
  padding-bottom: 4em;
  margin-bottom: 8em;
}

.full-name-within-instance {
  color: rgb(2, 60, 110);
  font-weight: normal;
}

input#the-checkbox {
  color: red;
  background-color: blue;
  width: 4em;
  height: 2em;
  border: 1px solid black;
}


.tree-container {
  /* add links to div.tr line by wrapping it with another div */
}
.tree-container h2 {
  font-size: 1.4em;
}
.tree-container .diffBefore,
.tree-container .diffAfter {
  max-width: 50vw;
  overflow: auto;
}
.tree-container .diffBefore {
  border-left: 10px solid rgba(235, 21, 31, 0.1);
  background-color: rgba(235, 21, 31, 0.02);
}
.tree-container .diffAfter {
  border-left: 10px solid rgba(12, 235, 2, 0.1);
  background-color: rgba(12, 235, 2, 0.02);
}
.tree-container .missing {
  display: inline;
  background-color: RGBA(256, 256, 0, 0.3) !important;
  border-bottom: 2px solid red;
}
.tree-container .added {
  display: inline;
  background-color: RGBA(256, 256, 0, 0.3) !important;
  border-bottom: 2px solid #0cff2e;
}
.tree-container .noTop > td {
  border-top: none !important;
}
.tree-container .noBottom > td {
  border-bottom: none !important;
}
.tree-container tr.sep {
  border-top: 3px solid grey;
}
.tree-container div.wrap {
  background-color: white;
}
.tree-container div.tr {
  white-space: nowrap;
}
.tree-container div.indented {
  overflow: hidden;
}
.tree-container div.indented div.tr {
  background: repeating-linear-gradient(90deg, transparent, lightblue 1px, white 2px, white 1em);
}
.tree-container .excluded {
  color: red !important;
}
.tree-container div.tr dl {
  margin-bottom: 0;
}
.tree-container div.tr data {
  white-space: normal;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  color: #3c3c3c;
  background-color: white;
}
.tree-container div.tr data scientific,
.tree-container div.tr data scientific a {
  font-weight: bold;
  color: black !important;
}
.tree-container div.tr data scientific element {
  font-style: normal;
}
.tree-container div.tr synonyms {
  display: block;
  margin-left: 2em;
  color: black;
}
.tree-container div.tr synonyms name-status {
  font-style: italic;
}
.tree-container div.tr synonyms type {
  color: darkslategrey;
}
.tree-container div.tr synonyms scientific,
.tree-container div.tr synonyms scientific a {
  color: black !important;
}
.tree-container div.tr synonyms nom,
.tree-container div.tr synonyms tax,
.tree-container div.tr synonyms mis,
.tree-container div.tr synonyms syn {
  display: block;
  white-space: normal;
}
.tree-container div.tr synonyms oth {
  display: none;
}
.tree-container div.tr synonyms syn:before {
  content: "≜";
  padding-right: 0.3em;
  color: black;
}
.tree-container div.tr synonyms nom:before {
  content: "≡";
  padding-right: 0.3em;
  color: black;
}
.tree-container div.tr synonyms tax:before {
  content: "=";
  padding-right: 0.3em;
  color: black;
}
.tree-container div.tr synonyms mis:before {
  content: "≠";
  padding-right: 0.3em;
  color: black;
}
.tree-container div.tr synonyms type:before {
  content: " ";
}
.tree-container div.tr.excluded data scientific {
  color: red;
}
.tree-container div.tr.excluded data::before {
  color: red;
  font-weight: bold;
  padding-right: 0.5em;
  font-family: FontAwesome;
  content: "";
}
.tree-container div.tr data scientific authors {
  font-weight: normal;
  /*color: #2b669a;*/
}
.tree-container div.tr data citation {
  color: slategrey;
  margin-left: 1em;
}
.tree-container div.indent1 div.tr {
  margin-left: -1em;
}
.tree-container div.indent2 div.tr {
  margin-left: -2em;
}
.tree-container div.indent3 div.tr {
  margin-left: -3em;
}
.tree-container div.indent4 div.tr {
  margin-left: -4em;
}
.tree-container div.indent5 div.tr {
  margin-left: -5em;
}
.tree-container div.indent6 div.tr {
  margin-left: -5em;
}
.tree-container div.indent7 div.tr {
  margin-left: -7em;
}
.tree-container div.indent8 div.tr {
  margin-left: -8em;
}
.tree-container div.indent9 div.tr {
  margin-left: -9em;
}
.tree-container div.indent10 div.tr {
  margin-left: -10em;
}
.tree-container div.indent11 div.tr {
  margin-left: -11em;
}
.tree-container div.indented div.tr.level1 {
  padding-left: 1em;
}
.tree-container div.indented div.tr.level2 {
  padding-left: 2em;
}
.tree-container div.indented div.tr.level3 {
  padding-left: 3em;
}
.tree-container div.indented div.tr.level4 {
  padding-left: 4em;
}
.tree-container div.indented div.tr.level5 {
  padding-left: 5em;
}
.tree-container div.indented div.tr.level6 {
  padding-left: 6em;
}
.tree-container div.indented div.tr.level7 {
  padding-left: 7em;
}
.tree-container div.indented div.tr.level8 {
  padding-left: 8em;
}
.tree-container div.indented div.tr.level9 {
  padding-left: 9em;
}
.tree-container div.indented div.tr.level10 {
  padding-left: 10em;
}
.tree-container div.indented div.tr.level11 {
  padding-left: 11em;
}
.tree-container div.indented div.tr.level12 {
  padding-left: 12em;
}
.tree-container div.indented div.tr.level13 {
  padding-left: 13em;
}
.tree-container div.indented div.tr.level14 {
  padding-left: 14em;
}
.tree-container div.wrap div.tr {
  width: auto;
  display: inline-block;
}
.tree-container div.previous {
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid grey;
  border-radius: 0.5em;
}
.tree-container div.previous dt:nth-of-type(even),
.tree-container div.previous dd:nth-of-type(even) {
  color: grey;
}
.tree-container .dl-horizontal {
  margin-top: 0.7em;
  margin-bottom: 20px;
  border-bottom: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
}
.tree-container .dl-horizontal dt {
  float: left;
  width: 160px;
  clear: right;
  margin-right: 1em;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: black;
  font-weight: bold;
  padding-top: 0.7em;
}
.tree-container .dl-horizontal dd {
  margin-left: 0;
  border-bottom: 1px solid lightgrey;
  padding-top: 0.7em;
}
.tree-container name-status.manuscript,
.tree-container name-status.legitimate,
.tree-container name-status.\[default\],
.tree-container name-status.\[unknown\],
.tree-container name-status.\[n\/a\] {
  display: none;
}

.dl-horizontal dd form {
  clear: both;
}

citation::before {
  content: " ";
}

#placement-error-message-container data > scientific > name {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

tr.titleRow {
  font-weight: bold;
  border-bottom: none;
  background-color: #dddddd;
}

.target {
  display: inline-block;
  font-weight: bold;
  background-color: RGBA(256, 256, 0, 0.3) !important;
  padding: 2px 10px 0 10px;
  border-bottom: 1px solid red;
}

.targetHighlight {
  display: inline-block;
  font-weight: bold;
  background-color: RGBA(256, 256, 0, 0.3) !important;
  border-bottom: 1px solid red;
}

.targetMoved {
  display: block;
  margin-left: -1em;
}

.targetMoved tax,
.targetMoved nom,
.targetMoved mis,
.targetMoved syn {
  display: inline-block !important;
}

.select2-results__message {
  display: none;
}

table#search-results-table tr td a .workspace-container {
  color: #a13911;
  padding: 0.2em;
  text-decoration: none;
}

table#search-results-table tr td a .taxo-icon-container {
  color: red;
  padding: 0.2em;
  text-decoration: none;
  padding: 0.2em 0.6em 0.2em 0.6em;
}

table#search-results-table tr.showing-details a .workspace-container,
table#search-results-table tr.showing-details a i.workspace-container {
  color: orange;
  padding: 0.2em 0.6em 0.2em 0.6em;
  text-decoration: none;
}

table#search-results-table tr.showing-details a span.workspace-container {
  background-position-y: 20%;
}

.focus-details span.workspace-container {
  color: orange;
  padding: 0.3em 0.6em 0.3em 0.6em;
  font-size: 14px;
}


table#search-results-table tr.showing-details a .taxo-icon-container,
table#search-results-table tr.showing-details a i.taxo-icon-container {
  color: red;
  padding: 0.2em 0.6em 0.2em 0.6em;
  text-decoration: none;
}

table#search-results-table tr.showing-details a span.taxo-icon-container {
  background-position-y: 20%;
}

div.focus-details span.taxo-icon-container,
.focus-details span.taxo-icon-container {
  color: red;
  padding: 0.2em 0.6em 0.2em 0.6em;
}


body.development div#top-navbar { background: #5b3d88; }
body.development div#first-navbar { background: #5b3d88; }
body.development ul.navbar-nav li.dropdown { background: #5b3d88; }
body.development ul.navbar-nav li a.dropdown-toggle { background: #5b3d88; }
body.development div#searchbar { background: #5b3d88; }
body.development div#search-summary { background: #5b3d88; }

body.test div#top-navbar { background: darkmagenta; }
body.test div#first-navbar { background: darkmagenta; }
body.test ul.navbar-nav li.dropdown { background: darkmagenta; }
body.test ul.navbar-nav li a.dropdown-toggle { background: darkmagenta; }
body.test div#searchbar { background: darkmagenta; }
body.test div#search-summary { background: darkmagenta; }

body.staging div#top-navbar { background: blue; }
body.staging div#first-navbar { background: blue; }
body.staging ul.navbar-nav li.dropdown { background: blue; }
body.staging ul.navbar-nav li a.dropdown-toggle { background: blue; }
body.staging div#searchbar { background: blue; }
body.staging div#search-summary { background: blue; }


.btn {
  height: 1.8em;
  padding-top: 2px;
  padding-bottom: 6px;
  margin-right: 0.5em;
}

.banner-query-field {
  padding-left: 0.125em;
  margin-right: 1em;
}

#search-results-summary-container {
  padding-left: 0px;
}

/* Bootstrap table-hover was interfering with showing-details color. */
table.search-results tr.showing-details,
table.search-results tr.showing-details.fresh td.main-content,
table.search-results tr.showing-details:hover,
table.search-results tr.showing-details:focus {
  background-color: black;
}

table#search-results-table,
table#search-results-inner {
  border: 0px solid white;
}

tr.search-result {
  border: 0px solid white;
}

input.typeahead.form-control.inline {
  display: inline;
}

input.typeahead.form-control {
  display: block;
}

label.align-right {
  text-align: right;
}

label.plain {
  font-weight: normal;
}

.align-right {
  text-align: right;
}

.left {
  text-align: left;
}

button.right {
  float: right;
  margin-bottom: 0.3em;
}

button.left {
  float: left;
  margin-bottom: 0.3em;
}

div.typeahead-container span.twitter-typeahead {
  width: 100%;
}

div.typeahead-container.w70-30 span.twitter-typeahead {
  width: 70%;
}

span.field-label.align-right {
  text-align: right;
  white-space: nowrap;
}

span.field-label label {
  font-weight: normal;
}

a.show-details-link:focus {
  outline: none;
  border-width: 0px;
}

table#search-results-table tr.showing-details td,
table#search-results-table tr.showing-details td a {
  color: white;
  background: gray;
}

tr.showing-details div.tree-container.wrap {
  margin: 1em 0 0 0;
}

table#search-results-table tr.showing-details td a span.full-name-within-instance {
  color: white;
}

tr td:focus {
  outline: black;
  background: #b0b0b0;
  text-decoration: none;
}

div#top-navbar input.form-control:focus,
input.form-control:focus {
  border-color: black;
  outline: none;
}

input.form-control {
  background: white;
  opacity: 1.0;
}

#searchbar a {
  color: white;
  margin: 0 1em 0 1em;
}

div.dropdown {
  color: black;
}

#searchbar div.dropdown ul.dropdown-menu li a,
#searchbar li a,
#searchbar li {
  color: black;
}

/* remove the padding on the anchor and put it on the list item and grey out non links by default*/
.dropdown-menu > li {
  padding: 3px 20px;
  color: grey;
}

.dropdown-menu > li a {
  padding: 0;
}

/* Sub-menu */
/* http://www.bootply.com/86684# */
/* via: http://stackoverflow.com/questions/18023493/bootstrap-3-dropdown-sub-menu-missing */

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

li.dropdown-submenu ul.dropdown-menu {
  max-height: 30em;
  overflow-y: scroll;
}

#search-form-input-group {
  padding-right: 0em;
}

#search-form-input-group-btn {
  padding-right: 0em;
  width: 56px;
}

.padding-left-2em {
  padding-left: 2em;
}

a.show-details-link.indent-level-1 {
  display: inline-block;
  padding-left: 3em;
}

a.indent-level-2 {
  display: inline-block;
  padding-left: 6em;
}

table.search-results td.text a {
  padding-bottom: 0;
  padding-top: 4px;
}

table.search-results td.nsl-tiny-icon-container {
  padding-bottom: 0;
  padding-top: 11px;
}

table.search-results td.checkbox-container {
  padding-bottom: 0;
  padding-top: 9px;
  max-width: 26px;
  width: 26px;
}

/* Make JIRA Feedback widget visible */
.atlwdg-trigger.atlwdg-SUBTLE {
  z-index: 2000;
}

span.instance-note.delete,
span.instance-note.editor {
  padding-left: 0.5em;
}

div.detail-line {
  line-height: 22px;
}

a.instance-note-delete-link {
  display: inline-block;
}

.confirm-or-cancel-delete-link a.btn {
  display: inline-block;
}

div.hack-to-force-line-separation-for-long-instance-notes {
  color: white;
}

div.focus-details.fresh div.hack-to-force-line-separation-for-long-instance-notes,
div.focus-details.freshly-created div.hack-to-force-line-separation-for-long-instance-notes {
  color: #eef;
}

#ignored-search-criteria-label {
  color: black;
  padding-left: 1em;
}

#ignored-search-criteria {
  color: orange;
}

table tr.debug td, *.debug {
  border: 1px solid rebeccapurple;
}

table tr.debug-white td, *.debug-white {
  border: 1px solid white;
}

div#query-form-container {
  border: 1px solid gray;
}

#search-form-dropdown-btn {
  top: -1px;
}

#search-model-selector-container {
  margin-right: 2em;
}

#query-field {
  margin-left: 4px;
}

tr.search-result.fresh td.main-content {
  background: rgb(238, 238, 255);
}

.message-container,
.batch-message-container {
  margin-top: 1em;
  font-size: 13px;
  color: green;
}

.batch-error-container,
.error-container,
.error {
  color: red;
}

.message-container.inline {
  display: inline-block;
}

#search-result-details-info-message-container {
  color: green;
}

#search-result-details-error-message-container {
  color: red;
}

#batch-info-message-container {
  color: green;
}

#batch-error-message-container {
  color: red;
}

li.define-left-border-when-active.open {
  border-left: 1px solid black;
}

#query-fields-container {
  padding-right: 0;
}

#search-field {
  padding-left: 4px;
}

select#query-on {
  max-width: 8.0em;
  min-width: 8.0em;
  width: 8.0em;
}

select#query-on,
select#query-field,
select#query-limit {
  padding-left: 0.5em;
}

a.navbar-brand {
  width: 7.5em;
  min-width: 7.5em;
  max-width: 7.5em;
}

label.white.disabled {
  color: lightgray;
}

#query-field {
  padding-right: 0;
}

.bo {
  border: 1px solid black;
}

.bo.red {
  border-color: red;
}

.bo.yellow {
  border-color: yellow;
}

label.white {
  color: white;
}

*.inverted-color {
  background-color: #808080;
  color: white;
}

.new-record-form-container {
  padding: 1em 1em 1em 1em;
  margin: 2em 0 0 0;
}

div.focus-details.unsaved-record {
  background: lightblue;
}

ul.nav-tabs li.active a.tab {
  background: #d0d0d0;
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-left: 1px solid lightgray;
}

ul.nav-tabs li.semi-active a.tab {
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-left: 1px solid lightgray;
}

div#sign-in-form-container {
  text-align: center;
}

div#sign-in-form {
  border: 1px solid gray;
  width: 20em;
  margin: 0 auto;
  padding: 2em;
}

div#change-password-form-container {
  text-align: center;
}

div#change-password-form {
  border: 1px solid gray;
  width: 20em;
  margin: 0 auto;
  padding: 0.5em 2em 2em 2em;
}

div#change-password-info {
  width: 50em;
  max-width: 90%;
  margin: 0 auto;
  padding: 0.5em 2em 0.0em 15em;
  text-align: left;
}

div#error-explanation {
  color: darkred;
  width: 100%;
  padding-bottom: 1em;
}

div.focus-details span.twitter-typeahead {
  width: 100%;
}

*.align-top {
  vertical-align: text-top;
}

*.no-decoration,
*.no-decoration:hover {
  text-decoration: none;
}

*.small {
  font-size: 80%;
}

*.strong {
  font-weight: bold;
}


div#rules-container {
  padding: 2em;
}

table.rules-table th,
table.rules-table td {
  vertical-align: top;
  padding: 0 0.5em 0 0.5em;
}

table.rules-table td.fill-to-show-not-relevant {
  background: lightgray
}

li.dropdown span.information {
  padding-left: 1em;
}

ul.no-bullets li {
  list-style-type: none;
}

ul.tree {
  list-style-type: none;
  padding-left: 1em;
}

/* nsl-478 */

div#broadcast {
  position: fixed;
  top: 92px;
  left: 15px;
  background: yellow;
  color: black;
  height: 20px;
  max-height: 20px;
  width: 90%;
  padding-left: 8px;
  border-radius: 4px;
}

div#search-result-container.sidebar {
  top: 150px;
}

div#search-results {
  padding-left: 10px;
}

input#search-field {
  padding: 0 0 0 4px;
  margin: 0 0 0 0;
}

div#search-results-summary-container {
  padding-top: 0;
}

div#top-navbar {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 1px solid black;
  height: 140px;
  min-height: 140px;
  max-height: 140px;
  z-index: 80;
}

div#navbar-header a.navbar-brand {
  padding: 5px 0 0 10px;
  margin: 0 2px 0 0;
}

div#xflash {
  position: fixed;
  top: 85px;
  left: 16px;
  background: orange;
  color: white;
  height: 1.5em;
  min-height: 1.5em;
  width: 90%;
  padding: 0 0 0 8px;
}

/* end nsl-478 */

a.dropdown-toggle:focus {
  border: 1px dotted white;
  text-decoration: underline;
}

.firefox-notice {
  margin-top: 6px;
}

.inline-block {
  display: inline-block;
}

a.disabled {
  pointer-events: none;
}

.margin-top-1em {
  margin-top: 1em;
}

.margin-left-1em {
  margin-left: 1em;
}

/* replacement of detail_line with dl */

.dl-horizontal {
  margin-top: 0.7em;
  margin-bottom: 20px;
  border-bottom: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
}

.dl-horizontal dt {
  float: right;
  width: 160px;
  clear: right;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #696076;
  font-weight: normal;
  padding-top: 0.7em;
}

.dl-horizontal dd {
  margin-left: 0;
  border-bottom: 1px solid lightgrey;
  padding-top: 0.7em;
}

.typeahead-container {
  margin-bottom: 1em;
}

/* editable input overrides */

.editable-container.editable-inline,
.editableform .control-group,
.editable-input {
  display: block;
  width: 100%;
}

.form-control.input-large {
  width: 100%;
}

.editable.editable-pre-wrapped {
  white-space: normal;
}

.editable-click {
  margin-bottom: 0.5em;
  border-bottom: none;
}

.editable-click:hover {
  margin-bottom: 0.4em;
  border-bottom:  dashed 0.1em #696076;
}

.draft span.highlight {
  color: #730E15;
}

.draft {
  color: darkolivegreen;
}

.pulse {
  animation: opacityPulse 2s ease-out;
  animation-iteration-count: infinite;
  animation-name: pulse;
  opacity: 1;
}

@keyframes pulse {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.5;
  }
}


a {
  color: #606060;
}

input.btn.btn-primary:hover,
input.btn.btn-primary:focus,
input.btn.btn-primary:active {
  background: #474747;
}

a.show-details-link:hover,
a.tab:hover {
  color: black;
}

.main-body-container {
  margin: 3em 0 0 0;
}

input#query-string-field {
  padding: 0 0 0 0.8em;
  border-style: none;
  height: 25px;
  margin-top: 3px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

input#query-submit {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 3px;
  margin-left: -4px;
  height: 25px;
  border-bottom: 1px solid lightgray;
  border-top: 1px solid lightgray;
  border-left: 1px solid lightgray;
}

.dropdown-menu > li {
  padding: 3px 20px;
  color: grey;
}

#new-name-form-container .form-group {
  line-height: 10px;
}

#new-name-form-container .typeahead {
  line-height: 20px;
}

.tt-dropdown-menu {
  line-height: 20px;
}

.form-control {
  height: 26px;
}

.btn-primary {
  background: #606060;
  border-color: #606060;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #474747;
  border-color: #474747;
}

/* override the bootstrap default */
ul#tree-report-tabs.nav-tabs li a {
  line-height: 7px;
}

ul#tree-report-tabs {
  margin-top: 1.2em;
}

ul#tree-report-tabs.nav-tabs li a:focus {
  outline: 0;
}

.rule-added-to-bust-cache {
  color: purple;
}

div#review-calendar {
  border: 1px solid darkgray;
  max-width: 26em;
  padding: 1em;
}

div.review-day {
  height: 1.25em;
  width: 1.2em;
  background: orange;
}

div.today {
  height: 1.25em;
  width: 1.2em;
  background: blue;
}

div.past-day {
  height: 1.25em;
  width: 1.2em;
  background: purple;
}

span.calendar-title {
  display: inline-block;
  width: 8em;
  text-align: center;
}

div.workflow-guide h4 {
  margin-top: 2em;
}

.embedded-notice {
  padding: 1em;
}

.dropdown-menu > li > a.rebeccapurple{
  color: rebeccapurple
}

.navbar-nav > li > .highlighted {
  padding-top: 6px;
  padding-bottom: 4px;
}

.navbar-nav > li > .highlighted span {
  color: yellow;
}

.navbar-nav > li > .highlighted a{
  color: white;
}
.review.loader-name.family {
  font-weight: bold;
  font-size: 14pt;
}

.review-loader-name.distribution {
  margin-left: 4em;
}

.review-loader-name.taxonomy-comment {
  color: black;
  margin: 0.3em 0.3em 0.3em 2em;
}

span.review.loader-name.accepted-full-name {
  font-size: 11pt;
  font-weight: bold;
  color: black;
}

table tr.review-result.showing-details td a span.review.loader-name.accepted-full-name {
  color: white;
  text-decoration: none;
}

table tr.review-result td {
  margin-top: 0;
  padding-top: 0.151em;
  padding-bottom: 0.151em;
}

tr.review-result.taxonomy-comment.showing-details td a span.review-loader-name.taxonomy-comment {
  color: white;
  text-decoration: none;
}

table tr.review-result.taxonomy-comment.showing-details td a span.review.loader-name.taxonomy-comment {
  color: white;
  text-decoration: none;
}

.review-loader-name.synonym-full-name {
  font-style: italic;
}

.review.loader-name.name-status {
  background-color: firebrick;
  color: white;
  font-size: 9pt;
  padding: 0 0.2em 0 0.2em;
}

.review.loader-name.misapplied-flag {
  background-color: purple;
  font-size: 9pt;
  color: white;
  padding: 0 0.2em 0 0.2em;
}

.review.loader-name.isonym {
  background-color: firebrick;
  color: white;
  font-size: 9pt;
  padding: 0 0.2em 0 0.2em;
}

.review.loader-name.orth-var {
  background-color: firebrick;
  color: white;
  font-size: 9pt;
  padding: 0 0.2em 0 0.2em;
}

.review.loader-name.remark-to-reviewers,
.review.loader-name.remark-to-reviewers a,
a.remark-to-reviewers,
a.remark-to-reviewers:hover,
span.remark-to-reviewers,
table#search-results-table tr.showing-details td span.review.loader-name.remark-to-reviewers a {
  background-color: yellow;
  font-size: 9pt;
  color: black;
  padding: 0 0.2em 0 0.2em;
}

tr.review-result span.has-loader-name-review-comments {
  background-color: salmon;
  font-size: 9pt;
  color: white;
  padding: 0 0.2em 0 0.2em;
}

span.reviewer-comment-tag {
  background-color: #5252ff;
  font-size: 9pt;
  color: white;
  padding: 0 0.2em 0 0.2em;
}

span.total-reviewer-comment-tag {
  background-color: darkgreen;
  font-size: 9pt;
  color: white;
  padding: 0 0.2em 0 0.2em;
}

span.compiler-comment-tag {
  background-color: #7900d6;
  font-size: 9pt;
  color: white;
  padding: 0 0.2em 0 0.2em;
}

tr.review-result span.excluded {
  background-color: red;
  font-size: 9pt;
  color: white;
  padding: 0 0.2em 0 0.2em;
}

.review.has-parent {
  width: 0;
}

.review.loader-name.child {
  margin: 0.3em 0.3em 0.3em 2em;
  font-style: italic;
  font-size: 10pt;
}

.review-table tr {
  line-height: 1.2em;
}

tr.review-result {
  line-height: 1.0em;
}

tr.review.white-space-row {
  line-height: 2.5em;
}

tr.review.family {
  line-height: 2.5em;
}

tr.review.distribution {
  line-height: 2.5em;
}

tr.review.taxonomy-comment {
  line-height: 2.5em;
}

tr.loader-batch.review-result {
  line-height: 2em;
  border-bottom: 1px solid lightgray;
}

tr.review-result {
  cursor: pointer;
}

div.name-comment-display-container {
  overflow: scroll;
}

div.name-comment-edit-container {
}

a.review-show-details-link:focus {
  outline: none;
  border-width: 0px;
}

span.indent {
  display: inline-block;
}

div.inline-edit-form-container {
  border: 1px solid gray;
  padding: 1em;
  background: lightgray;
}

tr.review-result span.excluded {
  background-color: red;
  font-size: 9pt;
  color: white;
  padding: 0 0.2em 0 0.2em;
}

.review.has-parent {
  width: 0;
}

.review.loader-name.child {
  margin: 0.3em 0.3em 0.3em 2em;
  font-style: italic;
  font-size: 10pt;
}

.review-table tr {
  line-height: 1.2em;
}

tr.review-result {
  line-height: 1.0em;
}

tr.review.white-space-row {
  line-height: 2.5em;
}

tr.review.family {
  line-height: 2.5em;
}

tr.review.distribution {
  line-height: 2.5em;
}

tr.review.taxonomy-comment {
  line-height: 2.5em;
}

tr.loader-batch.review-result {
  line-height: 2em;
  border-bottom: 1px solid lightgray;
}

tr.review-result {
  cursor: pointer;
}

div.name-comment-display-container {
  overflow: scroll;
}

div.name-comment-edit-container {
}

a.review-show-details-link:focus {
  outline: none;
  border-width: 0px;
}

span.indent {
  display: inline-block;
}

div.inline-edit-form-container {
  border: 1px solid gray;
  padding: 1em;
  background: lightgray;
}

/* batch stack */

table tr.search-result.batch-stack td {
  margin-top: 0;
  padding-top: 0.151em;
  padding-bottom: 0.151em;
}
tr.search-result.batch-stack td {
  line-height: 0.7em;
  border-top: 0px;
}
table tr.search-result.batch-stack[data-record-type="loader-batch"] td {
  padding-top: 0.5em;
  border-top: 1px solid black;
}
tr.search-result.batch-stack td span.batch-review {
  color: black;
  margin: 0.3em 0.3em 0.3em 2em;
}
tr.search-result.batch-stack td span.review-period {
  color: black;
  margin: 0.3em 0.3em 0.3em 4em;
}
tr.search-result.batch-stack td span.batch-reviewer {
  color: black;
  margin: 0.3em 0.3em 0.3em 4em;
}

.calendar-text { margin-top: .3em; }

.font-weight-normal {
  font-weight: normal;
}

span.indent-level-2 {
  display: inline-block;
  padding-left: 6em;
}

*.padding-right-half-em {
  padding-right: 0.5em;
}

label:hover {
  background: gray;
  color: white;
}


table.batch-stats.status {
  width: 24em;
}

table.batch-stats.status td.numeric {
  text-align: right;
}

table.batch-stats.status td {
  padding: 0 0.5em 0 0.5em;
}

/*table#search-results-table a span.review.loader_name.heading { */
span.loader_name.heading,
span.heading {
  font-weight: bold;
  font-size: 13pt
}

span.loader_name.note,
span.loader_name.note:focus,
span.note:focus,
span.note {
  background-color: yellow;
  color: black;
}

a.inline {
  display: inline;
}

a.display-only-when-showing-details {
  display: none;
}

tr.showing-details a.display-only-when-showing-details {
  display: inline;
}

div.gap-to-plus {
  display: inline-block;
  width: 1em;
}



div#admin-page {
  padding-left: 2em;
}

span.jira.in-test {
  background: darkred;
}

span.jira.tested {
  background: green;
}

span.jira.in-progress {
  background: chocolate;
}

span.jira.deployed {
  background: indigo;
}

span.jira.closed {
  background: navy;
}

span.jira.open {
  background: yellow;
}
span.jira.open a {
  color: black;
}


li.release { background: rebeccapurple; color: white; }
li.one-change { background: gainsboro; }
li.one-change:nth-child(odd) { background: white; }
#simplemde-container .editor-preview h1,
#simplemde-container .editor-preview-side h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

#simplemde-container .editor-preview h2,
#simplemde-container .editor-preview-side h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

#simplemde-container .editor-preview h3,
#simplemde-container .editor-preview-side h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

#simplemde-container .editor-preview h4,
#simplemde-container .editor-preview-side h4 {
  display: block;
  font-size: 1em;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

#simplemde-container .editor-preview h5,
#simplemde-container .editor-preview-side h5 {
  display: block;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

#simplemde-container .editor-preview h6,
#simplemde-container .editor-preview-side h6 {
  display: block;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

#simplemde-container .editor-preview p,
#simplemde-container .editor-preview-side p {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 1em;
}

#simplemde-container .editor-preview blockquote,
#simplemde-container .editor-preview-side blockquote {
  font-size: 1.2em;
  margin-left: 1.5em;
  color: #666;
  border-left: 4px solid #ccc;
  padding-left: 1em;
}

#simplemde-container .editor-preview ul,
#simplemde-container .editor-preview ol,
#simplemde-container .editor-preview-side ul,
#simplemde-container .editor-preview-side ol {
  margin: 1em 0;
  padding-left: 2em;
}

#simplemde-container .editor-preview li,
#simplemde-container .editor-preview-side li {
  margin-bottom: 0.5em;
}

#simplemde-container .editor-preview code,
#simplemde-container .editor-preview-side code {
  font-family: "Courier New", Courier, monospace;
  background-color: #f8f8f8;
  padding: 2px 4px;
  border-radius: 4px;
}

/* Base styles for container */
#simplemde-container {
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.5;
}

.editor-textarea {
  display: none; /* Hide the textarea initially */
}
.custom-height {
  height: 100px; /* Default height corresponding to 4 rows */
}
.CodeMirror {
  min-height: 100px; /* Minimum height corresponding to 4 rows */
}
.message-container {
  margin-top: 5px;
}
.notice {
  color: green;
}
.debug {
  color: red;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS 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/SCSS
 * 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.
 *
 * require font-awesome























 */

/*
  possibly this should not be here, instead the tree search results page should declare it as a dependency
*/
/*@import "tree-extras/tree";*/