:root {
	--margin-1: 0.2rem 0 0.2rem 1.0rem;
	--font-size-large: 1.2rem;
	--font-size-medium: 1.0rem;
	--inner-menu-background-color: hsla(189, 100%, 97%, 0.90);
	--inner-menu-padding: 0.05em 0.2rem;
	--inner-menu-border: 1px solid hsl(185, 100%, 45%);
	--announecements-color: hsl(358, 90%, 40%);
	--search-buttons-color: hsl(125, 100%, 97%);
	--navigation-section-color: hsl(185, 98%, 14%);
	--label-disabled-color: hsla(0, 0%, 65%, 1);
	--phycocosm-dark-background: hsl(185, 100%, 25%);
}

/*
All groups select
*/

#all-groups {
    background-color: var(--inner-menu-background-color);
    border: var(--inner-menu-border);	
    padding: 0.25rem 0.25rem 0.25rem 1rem;
    font-size: 1.0rem;
    cursor: pointer;	
}
#all-groups svg {
	margin-left: 0.5rem;
}
.dropdown-caret {
	fill: var(--phycocosm-dark-background);
}

#tree-of-algae {
	display: inline-block;
	width: 700px;
	height: 562px;
    background-position: 0px 0px;
    background-image: url(/mycocosm/home/tree-of-algae-v7.png);
    background-repeat: no-repeat;
    position: relative;
}

.taxonomy-label .leaf {
    background-color: transparent;
    width: 220px;
    padding: 0.15rem 0.0rem 0.15rem 35px;
}

.taxonomy-label .inner {
	padding-bottom: 22px;
    font-size: 1.0rem;
}
.taxonomy-label .inner .sub-label {
    background-color: var(--inner-menu-background-color);
    border: var(--inner-menu-border);	
	padding: var(--inner-menu-padding);	
}

.taxonomy-label .root {
	padding-bottom: 0px;
}
.taxonomy-label .root .sub-label {
}

.taxonomy-label .non-algae {
	padding-bottom: 0px;
    font-size: 0.8rem;
}
.taxonomy-label .non-algae .sub-label {
    background-color: white;
    border: 1px solid hsla(0, 0%, 60%, 1);	
	padding: var(--inner-menu-padding);	
}

.taxonomy-label .plants {
	padding-bottom: 0px;
    font-size: 0.8rem;
}
.taxonomy-label .plants .sub-label {
	background-color: hsla(122, 100%, 97%, 0.9);
    border: 1px solid hsl(122, 100%, 45%);
    padding: var(--inner-menu-padding);	
}