.mainContainer .circular-progress-button {
    height: 36px;
}

.mainContainer .circular-progress-button > md-progress-circular path {
    stroke: white !important;
}

.mainContainer .circular-progress-button>md-progress-circular {
    margin: auto;
    border-color: white !important;
    /*margin-top: 10px; /* If circular does not appear at the center, change this value. */
}

.mainContainer .circular-progress-button>md-progress-circular .md-half-circle {

    border-top-color: #fff !important;
}

.mainContainer .circular-progress-button>md-progress-circular .md-left>.md-half-circle {
    border-left-color: #fff !important;
}

.mainContainer .circular-progress-button>md-progress-circular .md-right>.md-half-circle {
    border-right-color: #fff !important;
}