span.chord-name {
    font: bold 12px Arial;
    color: #082790;
    padding: 0 5px;
    cursor: pointer;
}

.popover .chord-fingering .popover-body {
    height: 200px;
}

.popover {
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);;
}

textarea.song-edit {
    font-size: .875em;
    height: 100%;
    font-family: monospace;
}

span.block-annotation {
    display: block;
    font-weight: bold;
    font-style: italic;
    border-bottom: solid 1px lightgray;
}

.form-label .mandatory {
    color: red;
}

.song-payer-block {
    font-family: monospace;
    white-space: pre;
}

.song-payer-block.level-1, .song-payer-block.level-1 span.chord-name {
    font-size: 3rem;
}

.song-payer-block.level-2, .song-payer-block.level-2 span.chord-name {
    font-size: 2rem;
    opacity: 0.5;
}

.song-payer-block.level-3, .song-payer-block.level-3 span.chord-name {
    font-size: 1rem;
    opacity: 0.3;
}