@import 'compound.css';
@import 'species-carousel.css';

/* edit button, seasons table, wikipedia images */
.pull-right {
    float: right !important;
    margin-left: 2em;
}

table.seasons {
    border-spacing: 0.2em;
    border-collapse: separate;
    margin-bottom: 2ex;
}

table.seasons td {
    width: 2em;
    text-align: center;
    background-color: #eee;
}

table.seasons td.comments {
    background-color: transparent;
}

div.alert {
    overflow: auto;
}

div.alert .fa-exclamation-triangle {
	font-size: 150%;
	margin-right: 0.5em;
}

.popover-content {
	color: black;
}

#name, #principle, #property, #application {
	line-height: 150%;
}

div#description, div#references {
	margin-top: 3ex;
}

span.extId {
    white-space: nowrap;
}

/* Chemical structure, search and comment icons */

.badge form {
    display: inline;
}

.badge .fas {
    text-shadow: black 2px 1px 3px;
}
.spinning {
    text-shadow: none !important;
}

[data-comments]:not([data-comments='']),
[data-extid],
.fa-search {
	cursor: pointer;
}

h3 .badge {
	margin-right: 1em;
}

.badge-pill {
	background-color: white;
	font-size: 75%;
	padding-top: .3ex;
}

.label-name {
    background-color: grey;
	color: white;
}
.label-name .badge-pill {
	color: grey;
}
.label-principle .badge-pill {
	color: #5b5;
}
.label-property .badge-pill {
	color: #08a;
}
.label-application .badge-pill {
	color: #33a;
}