/* Progress Bar code adapted from: http://camdenlee.com/tools/progressbar/ */
/* Style for the progress bar div */
.thermo {
    background: rgba(170, 170, 170, .3);
    box-shadow: 3px 3px 3px #bbb;
    margin: 2em auto 2em auto;
    max-width: 600px;
    padding: 10px 20px;
    border-radius: 2px;
}
/* Style for the signature count */
.count {
    color: #000;
    text-align: center;
}
/* Style for the zero */
.zero {
    color: #000;
    float: left;
}
/* Style for the goal number */
.goal {
    color: #000;
    float: right;
}
/* Clear */
.clear { clear: both }
/* Styles for the progress bar from Bootstrap - http://getbootstrap.com/ */
.progress {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
}
.progress-bar {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    background-color: #428bca;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    color: #000;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width .6s ease;
    width: 0;
}
.progress-bar-success { background-color: #5cb85c }
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
@-webkit-keyframes progress-bar-stripes { 
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}
@keyframes progress-bar-stripes { 
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}