.active-graph{
	min-height:150px;
}
.progress-div{
  position: absolute;
  left:80px;
}
#progress-bar{
  appearance:none;
  width: 500px;
  color: #000;
  height: 2px;
  margin: 0 auto;
  background: #B7B7B7;
  border: 0;
}
.common-box  {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: 3px solid #B7B7B7;
  background:#B7B7B7;
  position: absolute;
  left:0;
  /* top: 12px; */
  top: 5px;
  /*cursor: pointer;*/
  transition: all 0.4s ease-in-out;
}
.third-status {
    background-color: #fff;
    border: 2px solid #0881f6 !important;
    height: 30px;
    top: -4px !important;
    width: 30px;
}
.status-text,.status-text2 {
    color: #202020;
    display: inline-block;
    font-size: 14px;
    margin: 29px 0 0 -47px;
    text-align: center;
    width: 100px;
}
.third-status .status-text {
    margin: 40px 0 0 -37px;
}
.third-status.border-change{
    border: 2px solid #FF9800 !important;
}
.second{
  left: 125px;
}
.third{
  left: 250px;
}
.fourth{
  left: 375px;
}
.fifth{
  left: 500px;
}
#progress-bar::-webkit-progress-value{ /* Changes line color */
  /* background: #fff; */
  background: #FF9800 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25)
  transition: all 0.4s ease-in-out;
}
#progress-bar::-moz-progress-value{ /* Firefox Changes line color */
  /* background: #fff; */
  background: #FF9800 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25)
  transition: all 0.4s ease-in-out;
}
#progress-bar::-webkit-progress-bar{ /* Changes background color */
  /* background: #137CC0; */
  background: #FF9800 !important;
  
}
#progress-bar::-moz-progress-bar{ /* Firefox Changes background color */
  /* background: #137CC0; */
  background: #FF9800 !important;
  
}
.border-change{
  /* border-color:#fff; */
  border-color:#FF9800 ;
  background: #FF9800 ;
  transition: all 0.4s ease-in-out;
}

.active-position .status-text,.status-text2 {
    border: 1px solid #ccc;
    border-radius: 5px;
    left: -42px;
    margin: 0;
    padding: 3px 0;
    position: relative;
    top: -36px;
}
.active-position .status-text,.status-text2 { 
	position: relative; 
	background: #FFF; 
	border: 1px solid #c2e1f5; 
} 
.status-text2 { 
	top:-77px;
	left:-47px;
}
.second .status-text2 { 
	top:-89px;
}
.third .status-text2 { 
	left:-35px;
	top:-88px;
}
.active-position .status-text:after, .active-position .status-text:before,
.status-text2:after,.status-text2:before { 
	top: 100%; 
	left: 50%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
} 
.active-position .status-text:after,
.status-text2:after { 
	border-color: rgba(136, 183, 213, 0); 
	border-top-color: #FFF; 
	border-width: 5px; 
	margin-left: -5px; 
} 
.active-position .status-text:before,
.status-text2:before { 
	border-color: rgba(194, 225, 245, 0); 
	border-top-color: #c2e1f5; 
	border-width: 6px; 
	margin-left: -6px; 
}
.active-graph h5{
	margin: 0 0 40px;
}