.container > h2:first-letter,
.container-fluid > h2:first-letter {
  text-transform: uppercase;
}
.container > h2,
.container-fluid > h2 {
  color: #ffffff;
  padding-left: 0.3em;
  font-family: 'Oswald', 'sans-serif';
  font-size: 38px;
  line-height: 39px;
  font-weight: normal;
}
.container #mainbody,
.container-fluid #mainbody {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 40px #ffffff;
}
th span[rel=tooltip] {
  white-space: nowrap;
  position: relative;
}
th span[rel=tooltip] i.fa {
  font-size: 10px;
  color: #946bbe;
  vertical-align: super;
}
a:hover,
a:focus {
  color: #553476;
}
a,
a * {
  color: #613b88;
}
.reloading,
.reloading * {
  background-color: #e0e0e0 !important;
  cursor: wait;
}
.breadcrumb {
  background-color: rgba(245, 245, 245, 0.7);
}
ul.inline li {
  background-color: #f5e5f5;
}
.small-align {
  padding-left: 5px;
}
i.icon-ok:before {
  font-family: FontAwesome;
  content: "\f00c";
}
i.icon-remove:before {
  font-family: FontAwesome;
  content: "\f00d";
}
tr.linked a {
  display: block;
}
th.ssr,
th.odd,
td.odd {
  border-right: 1px solid #808080;
}
/*
Mimic cursor style from native .dropdown-menu > .disabled > a{} styles,
since `pointer-events: none` kills the cursor state, too. 
*/
.dropdown-menu > .disabled {
  cursor: not-allowed;
}
/* The real magic ;) */
.dropdown-menu > .disabled > a {
  pointer-events: none;
}
a.image-accession-name {
  display: block;
  height: 3em;
}
.thumbnails li {
  width: 200px;
  text-align: center;
}