.progress-doughnut {
    position: relative;
    height: 100px;
    width: 100px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 13px solid #eceeef;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.progress-doughnut .progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #eceeef
}
.progress-doughnut .progress-text.has-percent {
    color: #f80
}
.progress-doughnut .progress-indicator {
    position: absolute;
    top: -13px;
    left: -13px;
    height: 100px;
    width: 100px
}
.progress-doughnut .progress-indicator svg {
    position: relative;
    height: 100%;
    width: 100%
}
.progress-doughnut .progress-indicator svg .circle {
    stroke-width: 13px;
    stroke: #f80;
    fill: none;
    stroke-dasharray: 273;
    stroke-dashoffset: 273;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: center center
}
.progress-doughnut .progress-indicator svg .circle.percent-1 {
    stroke-dashoffset: 270.27
}

.progress-doughnut .progress-indicator svg .circle.percent-2 {
    stroke-dashoffset: 267.54
}

.progress-doughnut .progress-indicator svg .circle.percent-3 {
    stroke-dashoffset: 264.81
}

.progress-doughnut .progress-indicator svg .circle.percent-4 {
    stroke-dashoffset: 262.08
}

.progress-doughnut .progress-indicator svg .circle.percent-5 {
    stroke-dashoffset: 259.35
}

.progress-doughnut .progress-indicator svg .circle.percent-6 {
    stroke-dashoffset: 256.62
}

.progress-doughnut .progress-indicator svg .circle.percent-7 {
    stroke-dashoffset: 253.89
}

.progress-doughnut .progress-indicator svg .circle.percent-8 {
    stroke-dashoffset: 251.16
}

.progress-doughnut .progress-indicator svg .circle.percent-9 {
    stroke-dashoffset: 248.43
}

.progress-doughnut .progress-indicator svg .circle.percent-10 {
    stroke-dashoffset: 245.7
}

.progress-doughnut .progress-indicator svg .circle.percent-11 {
    stroke-dashoffset: 242.97
}

.progress-doughnut .progress-indicator svg .circle.percent-12 {
    stroke-dashoffset: 240.24
}

.progress-doughnut .progress-indicator svg .circle.percent-13 {
    stroke-dashoffset: 237.51
}

.progress-doughnut .progress-indicator svg .circle.percent-14 {
    stroke-dashoffset: 234.78
}

.progress-doughnut .progress-indicator svg .circle.percent-15 {
    stroke-dashoffset: 232.05
}

.progress-doughnut .progress-indicator svg .circle.percent-16 {
    stroke-dashoffset: 229.32
}

.progress-doughnut .progress-indicator svg .circle.percent-17 {
    stroke-dashoffset: 226.59
}

.progress-doughnut .progress-indicator svg .circle.percent-18 {
    stroke-dashoffset: 223.86
}

.progress-doughnut .progress-indicator svg .circle.percent-19 {
    stroke-dashoffset: 221.13
}

.progress-doughnut .progress-indicator svg .circle.percent-20 {
    stroke-dashoffset: 218.4
}

.progress-doughnut .progress-indicator svg .circle.percent-21 {
    stroke-dashoffset: 215.67
}

.progress-doughnut .progress-indicator svg .circle.percent-22 {
    stroke-dashoffset: 212.94
}

.progress-doughnut .progress-indicator svg .circle.percent-23 {
    stroke-dashoffset: 210.21
}

.progress-doughnut .progress-indicator svg .circle.percent-24 {
    stroke-dashoffset: 207.48
}

.progress-doughnut .progress-indicator svg .circle.percent-25 {
    stroke-dashoffset: 204.75
}

.progress-doughnut .progress-indicator svg .circle.percent-26 {
    stroke-dashoffset: 202.02
}

.progress-doughnut .progress-indicator svg .circle.percent-27 {
    stroke-dashoffset: 199.29
}

.progress-doughnut .progress-indicator svg .circle.percent-28 {
    stroke-dashoffset: 196.56
}

.progress-doughnut .progress-indicator svg .circle.percent-29 {
    stroke-dashoffset: 173.83
}

.progress-doughnut .progress-indicator svg .circle.percent-30 {
    stroke-dashoffset: 191.1
}

.progress-doughnut .progress-indicator svg .circle.percent-31 {
    stroke-dashoffset: 188.37
}

.progress-doughnut .progress-indicator svg .circle.percent-32 {
    stroke-dashoffset: 185.64
}

.progress-doughnut .progress-indicator svg .circle.percent-33 {
    stroke-dashoffset: 183.91
}

.progress-doughnut .progress-indicator svg .circle.percent-34 {
    stroke-dashoffset: 180.18
}

.progress-doughnut .progress-indicator svg .circle.percent-35 {
    stroke-dashoffset: 177.45
}

.progress-doughnut .progress-indicator svg .circle.percent-36 {
    stroke-dashoffset: 174.72
}

.progress-doughnut .progress-indicator svg .circle.percent-37 {
    stroke-dashoffset: 171.99
}

.progress-doughnut .progress-indicator svg .circle.percent-38 {
    stroke-dashoffset: 169.26
}

.progress-doughnut .progress-indicator svg .circle.percent-39 {
    stroke-dashoffset: 166.53
}

.progress-doughnut .progress-indicator svg .circle.percent-40 {
    stroke-dashoffset: 163.8
}

.progress-doughnut .progress-indicator svg .circle.percent-41 {
    stroke-dashoffset: 161.07
}

.progress-doughnut .progress-indicator svg .circle.percent-42 {
    stroke-dashoffset: 158.34
}

.progress-doughnut .progress-indicator svg .circle.percent-43 {
    stroke-dashoffset: 155.61
}

.progress-doughnut .progress-indicator svg .circle.percent-44 {
    stroke-dashoffset: 152.88
}

.progress-doughnut .progress-indicator svg .circle.percent-45 {
    stroke-dashoffset: 150.15
}

.progress-doughnut .progress-indicator svg .circle.percent-46 {
    stroke-dashoffset: 147.42
}

.progress-doughnut .progress-indicator svg .circle.percent-47 {
    stroke-dashoffset: 144.69
}

.progress-doughnut .progress-indicator svg .circle.percent-48 {
    stroke-dashoffset: 141.96
}

.progress-doughnut .progress-indicator svg .circle.percent-49 {
    stroke-dashoffset: 139.23
}

.progress-doughnut .progress-indicator svg .circle.percent-50 {
    stroke-dashoffset: 136.5
}

.progress-doughnut .progress-indicator svg .circle.percent-51 {
    stroke-dashoffset: 133.77
}

.progress-doughnut .progress-indicator svg .circle.percent-52 {
    stroke-dashoffset: 131.04
}

.progress-doughnut .progress-indicator svg .circle.percent-53 {
    stroke-dashoffset: 128.31
}

.progress-doughnut .progress-indicator svg .circle.percent-54 {
    stroke-dashoffset: 125.58
}

.progress-doughnut .progress-indicator svg .circle.percent-55 {
    stroke-dashoffset: 122.85
}

.progress-doughnut .progress-indicator svg .circle.percent-56 {
    stroke-dashoffset: 120.12
}

.progress-doughnut .progress-indicator svg .circle.percent-57 {
    stroke-dashoffset: 117.39
}

.progress-doughnut .progress-indicator svg .circle.percent-58 {
    stroke-dashoffset: 114.66
}

.progress-doughnut .progress-indicator svg .circle.percent-59 {
    stroke-dashoffset: 111.93
}

.progress-doughnut .progress-indicator svg .circle.percent-60 {
    stroke-dashoffset: 109.2
}

.progress-doughnut .progress-indicator svg .circle.percent-61 {
    stroke-dashoffset: 106.47
}

.progress-doughnut .progress-indicator svg .circle.percent-62 {
    stroke-dashoffset: 103.74
}

.progress-doughnut .progress-indicator svg .circle.percent-63 {
    stroke-dashoffset: 101.01
}

.progress-doughnut .progress-indicator svg .circle.percent-64 {
    stroke-dashoffset: 98.28
}

.progress-doughnut .progress-indicator svg .circle.percent-65 {
    stroke-dashoffset: 95.55
}

.progress-doughnut .progress-indicator svg .circle.percent-66 {
    stroke-dashoffset: 92.82
}

.progress-doughnut .progress-indicator svg .circle.percent-67 {
    stroke-dashoffset: 90.09
}

.progress-doughnut .progress-indicator svg .circle.percent-68 {
    stroke-dashoffset: 87.36
}

.progress-doughnut .progress-indicator svg .circle.percent-69 {
    stroke-dashoffset: 84.63
}

.progress-doughnut .progress-indicator svg .circle.percent-70 {
    stroke-dashoffset: 81.9
}

.progress-doughnut .progress-indicator svg .circle.percent-71 {
    stroke-dashoffset: 79.17
}

.progress-doughnut .progress-indicator svg .circle.percent-72 {
    stroke-dashoffset: 76.44
}

.progress-doughnut .progress-indicator svg .circle.percent-73 {
    stroke-dashoffset: 73.71
}

.progress-doughnut .progress-indicator svg .circle.percent-74 {
    stroke-dashoffset: 70.98
}

.progress-doughnut .progress-indicator svg .circle.percent-75 {
    stroke-dashoffset: 68.25
}

.progress-doughnut .progress-indicator svg .circle.percent-76 {
    stroke-dashoffset: 65.52
}

.progress-doughnut .progress-indicator svg .circle.percent-77 {
    stroke-dashoffset: 62.79
}

.progress-doughnut .progress-indicator svg .circle.percent-78 {
    stroke-dashoffset: 60.06
}

.progress-doughnut .progress-indicator svg .circle.percent-79 {
    stroke-dashoffset: 57.33
}

.progress-doughnut .progress-indicator svg .circle.percent-80 {
    stroke-dashoffset: 54.6
}

.progress-doughnut .progress-indicator svg .circle.percent-81 {
    stroke-dashoffset: 51.87
}

.progress-doughnut .progress-indicator svg .circle.percent-82 {
    stroke-dashoffset: 49.14
}

.progress-doughnut .progress-indicator svg .circle.percent-83 {
    stroke-dashoffset: 46.41
}

.progress-doughnut .progress-indicator svg .circle.percent-84 {
    stroke-dashoffset: 43.68
}

.progress-doughnut .progress-indicator svg .circle.percent-85 {
    stroke-dashoffset: 40.95
}

.progress-doughnut .progress-indicator svg .circle.percent-86 {
    stroke-dashoffset: 38.22
}

.progress-doughnut .progress-indicator svg .circle.percent-87 {
    stroke-dashoffset: 35.49
}

.progress-doughnut .progress-indicator svg .circle.percent-88 {
    stroke-dashoffset: 32.76
}

.progress-doughnut .progress-indicator svg .circle.percent-89 {
    stroke-dashoffset: 30.03
}

.progress-doughnut .progress-indicator svg .circle.percent-90 {
    stroke-dashoffset: 27.3
}

.progress-doughnut .progress-indicator svg .circle.percent-91 {
    stroke-dashoffset: 24.57
}

.progress-doughnut .progress-indicator svg .circle.percent-92 {
    stroke-dashoffset: 21.84
}

.progress-doughnut .progress-indicator svg .circle.percent-93 {
    stroke-dashoffset: 19.11
}

.progress-doughnut .progress-indicator svg .circle.percent-94 {
    stroke-dashoffset: 16.38
}

.progress-doughnut .progress-indicator svg .circle.percent-95 {
    stroke-dashoffset: 13.65
}

.progress-doughnut .progress-indicator svg .circle.percent-96 {
    stroke-dashoffset: 10.92
}

.progress-doughnut .progress-indicator svg .circle.percent-97 {
    stroke-dashoffset: 8.19
}

.progress-doughnut .progress-indicator svg .circle.percent-98 {
    stroke-dashoffset: 5.46
}

.progress-doughnut .progress-indicator svg .circle.percent-99 {
    stroke-dashoffset: 2.73
}

.progress-doughnut .progress-indicator svg .circle.percent-100 {
    stroke-dashoffset: 0
}

/* scaling */
.scale-125 { transform: scale(1.25); }

