.progress{

height:100px;
}


/* STYLES FOR PROGRESSBARS */

.progress-radial, .progress-radial * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
 margin:0 auto !important;
  position: relative;
  width: 50px;
  border-radius: 50%;
}
.progress-radial:first-child {
  margin-left: 4%;
}
/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
  position: absolute;
  width: 80%;
  background-color: #1D3E7A;
  border-radius: 50%;
  font-size: 14px;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.progress-radial .overlay p{
    position: absolute;
    line-height: 40px;
    text-align: center;
    width: 100%;
    top:50%;
    margin-top: -20px;
}

/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-0 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(0deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-5 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(342deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-10 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(324deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-15 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(306deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-20 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(288deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-25 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-30 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(252deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-35 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(234deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-40 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(216deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-45 {
  background-image: -webkit-linear-gradient(0deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(198deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #6D94DC 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-50 {
  background-image: -webkit-linear-gradient(180deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(-90deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-55 {
  background-image: -webkit-linear-gradient(162deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(-72deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-60 {
  background-image: -webkit-linear-gradient(144deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(-54deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-65 {
  background-image: -webkit-linear-gradient(126deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(-36deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-70 {
  background-image: -webkit-linear-gradient(108deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(-18deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-75 {
  background-image: -webkit-linear-gradient(90deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(0deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}

.progress-80 {
  background-image: -webkit-linear-gradient(72deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(18deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-81 {
  background-image: -webkit-linear-gradient(70deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(20deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-82 {
  background-image: -webkit-linear-gradient(66deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(24deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-83 {
  background-image: -webkit-linear-gradient(62deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(28deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-84 {
  background-image: -webkit-linear-gradient(58deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(32deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-85 {
  background-image: -webkit-linear-gradient(54deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(36deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-86 {
  background-image: -webkit-linear-gradient(52deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(38deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-87 {
  background-image: -webkit-linear-gradient(48deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(42deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-88 {
  background-image: -webkit-linear-gradient(44deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(46deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-89 {
  background-image: -webkit-linear-gradient(40deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(50deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-90 {
  background-image: -webkit-linear-gradient(36deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(54deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-91 {
  background-image: -webkit-linear-gradient(34deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(56deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-92 {
  background-image: -webkit-linear-gradient(30deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(60deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-93 {
  background-image: -webkit-linear-gradient(26deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(64deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-94 {
  background-image: -webkit-linear-gradient(22deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(68deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-95 {
  background-image: -webkit-linear-gradient(18deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(72deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-96 {
  background-image: -webkit-linear-gradient(16deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(74deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-97 {
  background-image: -webkit-linear-gradient(12deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(78deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-98 {
  background-image: -webkit-linear-gradient(8deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(82deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-99 {
  background-image: -webkit-linear-gradient(4deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(86deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}
.progress-100 {
  background-image: -webkit-linear-gradient(0deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
  background-image: linear-gradient(90deg, #4FD3FF 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #4FD3FF 50%, #6D94DC 50%, #6D94DC);
}