cssOMS/progress.css

/* Global */
/* Content Container */
/* Content box */
/* Navigation */
/* Colors */
/* Accordion */
/* Log */
/* Blockquote */
/* Breadcrumbs */
/* Input */
/* Button */
/* Canvas */
/* Article */
/* Form */
/* Icon */
/* Img */
/* list */
/* pagination */
/* pre */
/* tag */
.meter {
  height: 15px;
  /* Can be anything */
  position: relative;
  background: none !important; }
  .meter > span {
    display: block;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #2bc253;
    background-image: linear-gradient(to left top, color-stop(0, #2bc253), color-stop(1, #54f054));
    position: relative;
    overflow: hidden; }

.meter > span:after, .animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 4s linear infinite;
  overflow: hidden; }

.animate > span:after {
  display: none; }

@-webkit-keyframes move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }
.meter.orange > span {
  background-color: #f1a165;
  background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
  background-image: -webkit-linear-gradient(#f1a165, #f36d0a); }
.meter.blue > span {
  background-color: #96c2f1;
  background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3));
  background-image: -webkit-linear-gradient(#96c2f1, #4394f3); }
.meter.red > span {
  background-color: #f0a3a3;
  background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
  background-image: -webkit-linear-gradient(#f0a3a3, #f42323); }

.noanimation > span > span, .noanimation > span:after {
  -webkit-animation: none; }

.nostripes > span > span, .nostripes > span:after {
  -webkit-animation: none;
  background-image: none; }

.timeline {
  list-style: none;
  margin: 0 0 30px 120px;
  padding-left: 30px;
  border-left: 3px solid #eaeaea; }
  .timeline li {
    margin: 0;
    position: relative; }
  .timeline p {
    margin: 0 0 15px; }

.timeline-date {
  margin-top: -18px;
  top: 50%;
  left: -150px;
  font-size: 0.95em;
  line-height: 20px;
  position: absolute;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ccc; }

.timeline-circle {
  margin-top: -10px;
  top: 50%;
  left: -40px;
  width: 10px;
  height: 10px;
  background: tomato;
  border: 3px solid #eaeaea;
  border-radius: 50%;
  display: block;
  position: absolute; }

.timeline-circle-start {
  margin-top: 0;
  top: 0;
  left: -45px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 3px solid #eaeaea;
  border-radius: 50%;
  display: block;
  position: absolute; }

.timeline-circle-end {
  margin-top: 0;
  top: 100%;
  left: -45px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 3px solid #eaeaea;
  border-radius: 50%;
  display: block;
  position: absolute; }

.timeline-content {
  padding: 50px 20px 0;
  border-radius: 0.5em;
  position: relative; }

.timeline-content p {
  text-align: justify; }

.timeline label {
  font-size: 1.3em;
  position: absolute;
  z-index: 100;
  top: 20px; }

.timeline-radio {
  display: none; }

.timeline-break {
  display: none; }

.progress-radial {
  margin-right: 20px;
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: tomato; }
  .progress-radial .overlay {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    line-height: 60px;
    font-size: 9px; }

/*# sourceMappingURL=progress.css.map */