.customMiles{
    position:relative;
}
.customMiles .progress .progress-bar {
    background-image: -webkit-linear-gradient(top, #000 0%, #03A9F4 100%);
    background-image: -o-linear-gradient(top, #000 0%, #03A9F4 100%);
    background-image: linear-gradient(to bottom, #000 0%, #03A9F4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}
.forward{
    background-image: -webkit-linear-gradient(top, #dddddd 0%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #dddddd 0%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, #dddddd 0%, #eeeeee 100%);
}
.past{
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e5e5e5 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e5e5e5 100%);
}
.tickCustom {
    position:absolute;
    top:-8px;
    display:inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    border:1px solid #D3D3D3;
    outline: none;
}
.customMiles .progress{
    height:5px;
}
.first{
    left:-5px;
}
.last{
    right:-5px;
    text-align: right;
}
.tickCustom-label {
    display:inline-block;
    position:absolute;
    top:15px;
    font-size: 9px;
    font-weight: bold;
    width: 50px;
}
.tickCustom .fa {
    font-size: 14px;
    margin-top: 0px;
    margin-left: 0px;
}
.checkmark{
    background-image: -webkit-linear-gradient(top, #00A800 0%, #00A800 100%);
    background-image: -o-linear-gradient(top, #00A800 0%, #00A800 100%);
    background-image: linear-gradient(to bottom, #00A800 0%, #00A800 100%);
    color:transparent;
    -webkit-background-clip: text;
    -clip: text;
}
.checks{
    color:#333;
}
.alt-label span{
    text-transform:uppercase;
    color:black;
}
.alt-label{
    display:none;
    margin-top:65px;
    text-align:center;
    color:#006FA4;
}
@media (max-width: 765px){
    .alt-label{
        display:block;
    }
    .labels label span{
        display:none;
    }
    .labels label:first-child:before {
        content: "S";
        position:relative;
        left:5px;
        font-size:18px;
        color: #00A800;
        font-weight: bold;
    }
    .labels label:nth-child(2):before {
        content: "2";
        position:relative;
        left:10px;
        font-size:18px;
        color: #00A800;
        font-weight: bold;
    }
    .labels label:nth-child(3):before {
        content: "3";
        position:relative;
        left:10px;
        font-size:18px;
        color: #00A800;
        font-weight: bold;
    }
    .labels label:nth-child(4):before {
        content: "4";
        position:relative;
        left:10px;
        font-size:18px;
        color: #00A800;
        font-weight: bold;
    }
    .labels label:nth-child(5):before {
        content: "5";
        position:relative;
        left:10px;
        font-size:18px;
        color: #00A800;
        font-weight: bold;
    }
    .labels label:last-child:before {
        content: "F";
        position:relative;
        left:-5px;
        font-size:18px;
        color: #00A800;
        font-weight: bold;
    }


}

.markDiff-label{
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 25px;
    font-size: 9px;
    font-weight: bold;
}

.labelRed{
    color: red !important;
}

.labelGreen{
    color: green !important;
}

.labelDarkGreen{
    color: darkgreen !important;
}