.circle-chart-wrapper {
    position: relative;
    width: 115px;
    height: 115px;
}

.circle-chart {
    width: 115px;
    height: 115px;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle-chart--excess {
    width: 95px;
    height: 95px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle-chart__circle--curr {
    stroke-width: 2;
    stroke-linecap: square;
    fill: none;
    transform: rotate(-90deg); 
    transform-origin: center; 
    /* stroke: transparent; */
}

.circle-chart__circle-inner-curr {
    stroke-width: 2.3;
    stroke-linecap: square;
    fill: none;
    transform: rotate(-90deg); 
    transform-origin: center; 
    /* stroke: transparent; */
}


.circle-chart__circle--past {
    stroke-width: 2;
    stroke-linecap: square;
    fill: none;
    transform: rotate(-90deg);
    transform-origin: center; 
    /* stroke: transparent; */
}


.circle-chart__circle-inner-past {
    stroke-width: 2.3;
    stroke-linecap: square;
    fill: none;
    transform: rotate(-90deg);
    transform-origin: center; 
    /* stroke: transparent; */
}

.circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1,-1); 
}

.circle-chart__background {
    /* stroke: #f1f1f1; */
    stroke-width: 2;
    fill: none; 
}

.circle-chart__info {
    opacity: 1;
}

/* MODULE SPECIFIC STYLES */
.circle-chart-wrapper {
    margin: 5px 0;
}

.daily-goal {
    position: relative;
    width: 115px;
    display: inline-block;
    cursor: pointer;
}

.daily-goal .circle-chart {
    display: inline-block;
}

.daily-goal .goal-data {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    text-align: center;
    font-weight: 900;
}

.daily-goal .score {
    font-size: 28px;
    line-height: 30px;
    color: #F4AC00;
}

.daily-goal .crGoal {
    padding: 0;
    font-size: 20px;
}

.weekly-goal {
    position: relative;
    width: 115px;
    display: inline-block;
    cursor: pointer;
}

.weekly-goal .goal-data {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    text-align: center;
    font-weight: 900;
}

.weekly-goal .score {
    font-size: 28px;
    line-height: 30px;
    color: #0ABD67;
}

.weekly-goal .crGoal {
    padding: 0;
    font-size: 20px;
}

.vcheck-goal {
    position: relative;
    width: 115px;
    display: inline-block;
    cursor: pointer;
}

.vcheck-goal .circle-chart {
    display: inline-block;
}

.vcheck-goal .goal-data {
    position: absolute;
    top: 50%;
    right: 46%;
    transform: translate(53%, -50%);
    text-align: center;
    font-weight: 900;
}

.vcheck-goal .score {
    font-size: 28px;
    line-height: 30px;
    color: #00aeef;
}