.circleDiv {
    width: 12px;
    height: 12px;
    background: red;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.prsLevel1ColorCircle {
    background-color: #4D5858;
}

.prsLevel2ColorCircle {
    background-color: #A8B3B3;
}

.prsLevel3ColorCircle {
    background-color: #2F3C3C;
}

.homeStudyColorCircle {
    background-color: #9A9B9B;
}

.chartLabel {
    font-size: small;
    vertical-align:middle;
}

/* (A) CLEARFIX CONTAINER */
.wrap-float {
    overflow: auto;
    width: 100%;
    align-content: center;
}

.wrap-float::after {
    content: "";
    clear: both;
    display: table;
    align-content:center;
}

/* (B) FLOAT ITEMS */
.wrap-float > * {
    display: block;
    float: left;
    align-content: center;
}

/* (C) NOT REALLY IMPORTANT - COSMETICS */
    .wrap-float > * {
        align-content: center;
        padding: 10px;
        margin: 0;
    }


.dotRegion0 {
    background-color: #71A9F7;
}

.dotRegion1 {
    background-color: #FF7158;
}

.dotRegion2 {
    background-color: #E9B44C;
}

.dotRegion3 {
    background-color: #9B2915;
}

.dotRegion4 {
    background-color: #07A0C3;
}

.dotRegion5 {
    background-color: #0B57C1;
}

.dotRegion6 {
    background-color: #4D5858;
}

.dotRegion7 {
    background-color: #04234D;
}

.dotRegion8 {
    background-color: #E4D6A7;
}

.dotRegion9 {
    background-color: #A8B3B3;
}