/* progressbar */
.progressbar{width:100%;position:relative;background-color:#EEE;box-shadow:inset 0px 1px 1px rgba(0,0,0,.1)}
.proggress{height:8px;width:10px;background-color:#3498db}
.percentCount{float:right;margin-top:10px;clear:both;font-weight:bold;font-family:Arial;position:absolute;top:-26px;right:0;font-size: 12px;}

/* fireworks */
.color-01 { color: #FF1461; } /* Red */
.color-02 { color: #FF7C72; } /* Orange */
.color-03 { color: #FBF38C; } /* Yellow */
.color-04 { color: #A6FF8F; } /* Citrus */
.color-05 { color: #18FF92; } /* Green */
.color-06 { color: #1CE2B2; } /* Darkgreen */
.color-07 { color: #5EF3FB; } /* Turquoise */
.color-08 { color: #61C3FF; } /* Lightblue */
.color-09 { color: #5A87FF; } /* Blue */
.color-10 { color: #8453E3; } /* Purple */
.color-11 { color: #C26EFF; } /* Lavender */
.color-12 { color: #FB89FB; } /* Pink */

.fireworks {
  position: absolute;
  top: 0;
  left: 0;
  widows: 100%;
  height: 100%;
}