/* Progress Bar Start */

.ldBar {
  position:relative;
}

.ldBar.label-center > .ldBar-label {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  text-shadow:0 0 3px #ffffff;
}

.exad-progress-bar .ldBar-label:after {
  content:"%";
  display:inline; 
  position: absolute;
}

.ldBar.no-percent .ldBar-label:after {
  content:""
}

[class*="exad-progress-bar-"].line {
  position: relative;
}

[class*="exad-progress-bar-"].line .ldBar-label {
  position: absolute;
  top: -12px;
  right: 0;
}

[class*="exad-progress-bar-"].line-bubble {
  position: relative;
}

[class*="exad-progress-bar-"].line-bubble .ldBar-label {
  position: absolute;
  left: 0;
  top: 0%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, 25%);
  transform: translate(-50%, 25%);
  background-color: #ccc;
  line-height: 27px;
}

[class*="exad-progress-bar-"].circle {
  position: relative;
}

[class*="exad-progress-bar-"].circle .ldBar-label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

[class*="exad-progress-bar-"].circle h3 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

[class*="exad-progress-bar-"].fan {
  position: relative;
}

[class*="exad-progress-bar-"].fan svg {
  margin-top: -40%;
}

[class*="exad-progress-bar-"].fan h3 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

[class*="exad-progress-bar-"].fan .ldBar-label {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
  font-size: 30px;
  bottom: 7%;
}

[class*="exad-progress-bar-"].fan .left-title {
  position: absolute;
  left: 0;
  bottom: -10px;
}

[class*="exad-progress-bar-"].fan .right-title {
  position: absolute;
  bottom: -10px;
  right: 0;
}

.exad-progress-bar svg:not(:root) {
    overflow: hidden;
    height: inherit;
}

.exad-progress-bar-title {
  font-size: 16px;
  font-weight: 600;
}

/* Progress Bar End */