@charset "utf-8";

#site_title { background-image: url(../img/phenoscape_logo.png); background-size: auto 150%; background-repeat: no-repeat;}

#phenoscape_logo { height: 100px; }

blockquote.character { font-size: 14px; display: inline-block; }

a[disabled] {
   pointer-events: none;
}

.kb-form-condensed .form-group {
    margin-top: 0;
    margin-bottom: 0;
    
}

.kb-stats-panel { font-size: 80%; }

h2 .badge { vertical-align: middle; }

.bottom-buffer { margin-bottom:20px; }

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

.common-taxon-group img {max-height: 20px;}

.taxon-name.extinct::before {content: "†";}

div.classification-level div.classification-level {padding-left: 1.5em;}

.nav-pills>.active>a .badge {color: #428bca; background-color: #fff;} /* angular-ui-bootstrap inserts an element between a and .badge, so the active color doesn't get set correctly by the Bootstrap CSS */

.search-accordion {z-index: 500; position: absolute; margin-right: 30px;}
    
.search-accordion-group {box-shadow: 10px 10px 5px #888888;}

.sciCrunchAnnotation {color: #428bca;}
.sciCrunchAnnotation:hover, .sciCrunchAnnotation:focus {color: #2a6496;}
.annotation-link {display: block;}
.annotation-prefix-UBERON {color: #3f0080;}
.annotation-prefix-VTO {color: #006633;}
.annotation-prefix-PATO {color: #b35900;}
.annotation-prefix-BSPO {color: #b38f00;}
.annotation-prefix-multiple {color: #cc0066;}

.link-no-color {color: inherit;}

.genus-species {font-style: italic;}

.example-heading {margin: 0;}

.match-list-arrow {width: 1.8em;}

.facet-indent {width: 1.5em; display: inline-block;}
.selected-facet {font-weight: bold; color: black;}
/* .facet-line { display: inline-flex; justify-content: space-between;} */
/* .facet-line .badge {align-self: flex-end;} */
.facet-controls .badge {float: right;}
.facet-line {clear: both;}

.autocomplete-menu {display: none;}
.autocomplete-menu.live {display: block;}

.synonym-type {color: gray;}

.search-picker {z-index: 500; position: absolute; margin-right: 30px;}
.search-picker-group {box-shadow: 10px 10px 5px #888888;}

.facet-accessory .form-inline {border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.facet-accessory label {margin-bottom: 0;}
.form-inline .checkbox {margin-left: 5px; margin-right: 5px;}
.form-inline .radio {margin-left: 5px; margin-right: 5px;}

tbody.striped > tr:nth-of-type(2n-3) { background-color: #f9f9f9;}
tbody.sibling-striped > tr:nth-of-type(4n-3) { background-color: #f9f9f9;}

.popover-panel { text-align: left;}
.popover-panel .popover-title {margin-bottom: 0.5em;}