styles.css

/* Default stylesheet for CompetVet Suivi, will be overridden if necessary in theme */

.bar-bg-gray {
    fill: #555;
}

.competency-sn-link a, .competency-sn-link {
    font-weight: bolder;
}

.competency-sn-link a:hover {
    text-decoration: none;
}

.competency-sn {
    color: gray;
    font-weight: bold;
}

.cvs-summary-chart .fn-label {
    fill: gray;
}

.graph-header-title {
    border-bottom: solid 2px lightgrey;

}

.graph-current-comp-name {
    font-weight: bolder;
    font-size: large;
}

/* Bar Styling for macro competencies 0 to 7 */
.macrocomp-0 .progress-cvs .bar-bg, .macrocomp-0.arc-bg {
    fill: #7ed341;
}

.macrocomp-1 .progress-cvs .bar-bg, .macrocomp-1.arc-bg {
    fill: #43e4c4;
}

.macrocomp-2 .progress-cvs .bar-bg, .macrocomp-2.arc-bg {
    fill: #3991de;
}

.macrocomp-3 .progress-cvs .bar-bg, .macrocomp-3.arc-bg {
    fill: #8a18f7;
}

.macrocomp-4 .progress-cvs .bar-bg, .macrocomp-4.arc-bg {
    fill: #e85119;
}

.macrocomp-5 .progress-cvs .bar-bg, .macrocomp-5.arc-bg {
    fill: #faa339;
}

.macrocomp-6 .progress-cvs .bar-bg, .macrocomp-6.arc-bg {
    fill: #c3bf46;
}

.macrocomp-7 .progress-cvs .bar-bg, .macrocomp-7.arc-bg {
    fill: #fce646;
}

.fn-label {
    font-size: xx-small;
}

@media (max-width: 768px) {
    .fn-label {
        display: none;
    }

    .competency-desc {
        display: none;
    }
}
.doghnut-text-percent {
    font-weight: bold;
}

/* Emulates a flex block for legend for Lambda theme */
.lambda-col {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 1em;
}

.small-doghnut-legend {
    font-size: xx-small;
}
.doghnut-text-percent {
    fill: black;
    font-size: xx-small;
}
.doghnut-text-percent-bg {
    fill: white;
    stroke: #eee;
    opacity: 0.8;
    stroke-width: 1px;
}

.arc-bg-underlayer {
    fill: lightgray;
}