/* PROGRESS BARS /////////////////////////////////////////////////////////////*/
.progress {
  text-align:left;
  position:relative;
}
.progress p {position:absolute;}
.progress-bar{z-index:2;}

/* PROGRESS PIE //////////////////////////////////////////////////////////////*/
.radial-progress-bar {
  position: relative;
  width: 3em;
  height: 3em;
  background: lightgrey;
  border-radius: 50%;
}

.radial-progress-bar .right-half{
  position: absolute;
  height: 100%;
  width: 50%;
  border-radius: 3em 0 0 3em;
  background: #198754;
  transform-origin: 100% 50%;
}
.radial-progress-bar .left-half{
  position: absolute;
  height: 100%;
  width: 50%;
  border-radius: 3em 0 0 3em;
  background: #198754;
  transform-origin: 100% 50%;
  visibility: hidden;
}
.radial-progress-bar .left-half-mask{
  position: absolute;
  height: 100%;
  width: 50%;
  border-radius: 3em 0 0 3em;
  background: lightgrey;
}
.radial-progress-bar .inner-circle {
  position: absolute;
  height: 2em;
  width: 2em;
  margin: .5em;
  border-radius: 50%;
  background-image: url("../image/lightBG.png");
  background-attachment: fixed;

  -moz-box-shadow:    inset 0 0.5rem 1rem rgba(0,0,0,0.15);
  -webkit-box-shadow: inset 0 0.5rem 1rem rgba(0,0,0,0.15);
  box-shadow:         inset 0 0.5rem 1rem rgba(0,0,0,0.15);
}
/*////////////////////////////////////////////////////////////////////////////*/
.confetti{
  z-index:999;
  position:absolute;
  display:block;
  border-radius:50%;
  background-color: rgba(92, 184, 92, 255);
  width: 9em;height: 9em;
  -webkit-animation: confetti .5s ease-out;
          animation: confetti .5s ease-out;
  -webkit-transform-origin:center center;
      -ms-transform-origin:center center;
          transform-origin:center center;
  opacity:0;
  transform:scale(0);
  -webkit-transform:scale(0);
  -ms-transform:scale(0);

  }
  
  @keyframes confetti {
    from {transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0);opacity:1;}
    to {transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);opacity:0;}
  }