.cpd-progress-panel {
    background-color: color-mix(in srgb, var(--root-primary) 10%, white 100%);
    padding: 1.3rem;
    font-weight: 600 !important;
}

.cpd-progress-panel .totalcpdhours {
    height: 2.4rem;
    margin: 0;
    font-size: 2.525rem;
}

.cpd-progress-panel .cpd-progress-bar {
    height: 1rem;
    display: flex;
    border-radius: 0.4rem;
    overflow: hidden;
    background-color: color-mix(in srgb, var(--root-primary) 40%, white 100%)
}

.cpd-progress-panel .cpd-progress-bar .cpd-progress-bar-fill {
    background-color: var(--root-primary);
}

.cpd-progress-panel .progress-bar-text {
    padding-top: 1rem;
}


.cpd-diary-select {
    width: 100%;
    height: 40px;
    font-size: .85rem;
    background-color: var(--root-input-bg-colour);
    border: 1px solid var(--root-input-border-colour);
    border-radius: var(--root-border-radius);
    padding: 0 12px;
}