.drawingContainer {
    /*float: right;*/
}

.yTitle {
    /*font-family: GERockarLight;*/
    font-size: 12pt;
    position: absolute;
    width: 60px;
    text-align: center;
}

.circle {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #54C0D3;
    position: absolute;
    text-align: center;
    vertical-align: central;
    font-size: 8pt;
    /*font-family: GERockarLight;*/
    /* width and height can be anything, as long as they're equal */
}

.c1 {
    left: 100px;
    top: 10px;
    z-index: 2;
}

.xCircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    /*background-color: #54C0D3;*/
    position: absolute;
    text-align: center;
    vertical-align: central;
    font-size: 9pt;
    /*font-family: GERockarLight;*/
    font-weight: lighter;
    /* width and height can be anything, as long as they're equal */
}

.xCircleHover {
    background-color: #54C0D3;
    color: white;
}

.chartEntityInfo {
    position: absolute;
    color: #f6f0f0;
    display: none;
    width: 214px;
    top:0px !important;
}

.chartEntityInfoLeft {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    float: left;
    background-color: #54C0D3;
    width: 70px;
    text-align: center;
    padding: 7px 0 7px 0;
    direction: ltr;
}

.chartEntityInfoRight {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
    background-color: #808080;
    width: 140px;
    text-align: left;
    padding: 7px 0 7px 7px;
}

.verticalLine {
    position: absolute;
    width: 9px;
    background: rgba(128, 128, 128,0.1);
    height: 380px;
    left: 90px;
    top: 75px;
}

.weekHighlight {
    border-radius: 50%;
    width: 19px;
    height: 16px;
    background-color: #54C0D3;
    position: absolute;
    padding-top: 3px;
    text-align: center;
    vertical-align: central;
    font-size: 9pt;
    /*font-family: GERockarLight;*/
    font-weight: lighter;
    top: 449px;
    left: 85px;
    z-index: 2;
}