.pieHeader {
    padding-top: 20px;
    cursor: default;
    margin-bottom: 6px;
    margin-left: 20px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    color: #1A1A1A
}

.pieFooter {
    font-family: Roboto;
    font-weight: 500;
    font-size: 36px;
    color: #078411;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 0px
}


.step-footer-icon {
    
    height: 12px;
    width: 12px;
    margin-right: 3%;
    margin-bottom: 2%;
    background-image: url(images/steps.png);
}

@font-face {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;   
    src: url('icomoon.eot?5tocpt#iefix') format('embedded-opentype'), 
        url('icomoon.ttf?5tocpt') format('truetype'), 
        url('icomoon.woff?5tocpt') format('woff'), 
        url('icomoon.svg?5tocpt#icomoon') format('svg');
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-steps:before {
    content: "\e90e";
    color: #535353;
}

.icon-active:before {
    content: "\e90f";
    color: #4a4a4a;
}

.icon-workout:before {
    content: "\e910";
    color: #4a4a4a;
}

.pie-center-sub-text {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    color: #535353;   
    text-align: center;    
}

.pie-center-text {
    font-family: Roboto;
    font-weight: 500;
    font-size: 28px;
    color: #313331;  
    text-align: center; 
    margin: 0px;
}