.guide-section {
    border-bottom: 1px solid #ccc;
}

.badge-key {
    margin-left: 2em;
}

.bg-A {
    background: #ff0000;
    background: rgba(255,0,0,0.5);
}

.bg-C {
    background: #0000ff;
    background: rgba(0,0,255,0.5);
}

.bg-P {
    background: #00ff00;
    background: rgba(0,255,0,0.5);
}

.bg-veg {
    background: #1b9e77;
    background: rgba(27,158,119,1);
}

.legend-item {
    display: inline-block;
    height: 10px;
    margin-right: .5em;
    width: 10px;
}

.list-taxonomy {
    padding-left: 1em;
}

rect {
    shape-rendering:crispEdges;
}

.grid path,
.grid line,
.axis path,
.axis line {
    stroke-width: 1px;
    shape-rendering: crispEdges;
    vector-effect: non-scaling-stroke;
}

.grid path,
.grid line {
    stroke: lightgrey;
    opacity: 0.7;
}

.phen-P-V {
    shape-rendering:crispEdges;
    fill: rgba(27,158,119,0.8);
}

.phen-P-V-label {
    background: rgba(27,158,119,0.8);
}

.phen-P-F {
    shape-rendering:crispEdges;
    fill: rgba(217,95,2,0.8);
}

.phen-P-F-label {
    background: rgba(217,95,2,0.8);
}

.phen-P-R {
    fill: rgba(117,112,179,0.8);
}

.phen-P-R-label {
    background: rgba(117,112,179,0.8);
}

.phen-A-P {
    fill: rgba(27,158,119,0.8);
}

.phen-A-P-label {
    background: rgba(27,158,119,0.8);
}

.phen-A-A {
    fill: rgba(217,95,2,0.8);
}

.phen-A-A-label {
    background: rgba(217,95,2,0.8);
}

.phen-A-R {
    fill: rgba(117,112,179,0.8);
}

.phen-A-R-label {
    background: rgba(117,112,179,0.8);
}

.phen-A-L {
    fill: rgba(231,41,138,0.8);
}

.phen-A-L-label {
    background: rgba(231,41,138,0.8);
}

.phen-A-E {
    fill: rgba(102,166,30,0.8);
}

.phen-A-E-label {
    background: rgba(102,166,30,0.8);
}

.phen-A-U {
    fill: rgba(230,171,2,0.8);
}

.phen-A-U-label {
    background: rgba(230,171,2,0.8);
}

@media print {
    .collapse {
        display: block !important;
        height: auto !important;
    }

    .progress {
        position: relative;
    }

    .progress:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        border-bottom: 2rem solid #f5f5f5;
    }

    .progress-bar.bg-veg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .progress-bar.bg-veg {
        border-bottom: 2rem solid;
        border-bottom-color: #1b9e77;
        border-bottom-color: rgba(27,158,119,1);
    }
}