.lblText {
    font-size: 0.3rem;
    fill: white;
}

.lblBoxTitle {
    font-size: 0.25rem;
    fill: white;
}

.lblBoxText {
    font-size: 0.2rem;
    fill: white;
    word-wrap: break-word;
}

.heavy {
    font: bold 30px sans-serif;
    fill: white;
}

/* Note that the color of the text is set with the    *
                     * fill property, the color property is for HTML only */
.Rrrrr {
    font: italic 40px serif;
    fill: red;
}




.canv {
    fill: rgba(130, 130, 130, 0.4);
}

.boxClass {
    fill: rgba(45, 128, 189, 0.75);
    stroke: rgba(45, 128, 189, 0.9);
    stroke-width: 0.75rem;
}

.boxClass2 {
    fill: rgba(130, 28, 189, 0.75);
    stroke: rgba(130, 28, 189, 0.9);
    stroke-width: 1rem;
}

.boxClass3 {
    fill: rgba(245, 28, 89, 0.75);
    stroke: rgba(245, 28, 89, 0.9);
    stroke-width: 1rem;
}

.hour-label {
    color: #ABCDFF;
    font-size: 2rem;
}

.textTitle {
    color: #FFFFFF;
    font-size: 2.5rem;
}

.textTime {
    color: #DEDEDE;
    font-size: 6rem;
}

.textBody {
    color: #ABEFFF;
    font-size: 1.5rem;
    word-break: break-word;
}

.textBody1 {
    color: rgba(200, 220, 255, 1);
    font-size: 1.9rem;
    word-break: break-word;
}

.textBody2 {
    color: rgba(250, 200, 255, 1);
    font-size: 1.5rem;
    word-break: break-word;
}

.textBody3 {
    color: rgba(255, 220, 215, 1);
    font-size: 1.5rem;
    word-break: break-word;
}