.clf-status {
    display: inline-block;
}
   span.active-pulse {
		display: inline-block;
		margin-left: 15px;
		width: 13px;
		height: 13px;
		border-radius: 50%;
		background: rgba(28, 180, 105, 0.8);
		box-shadow: 0 0 0 rgba(28, 180, 105, 0.4);
		animation: activePulse 1.7s infinite;
}

@-webkit-keyframes activePulse {
   0% {
      -webkit-box-shadow: 0 0 0 0 rgba(28, 180, 105, 0.4);
   }
   70% {
      -webkit-box-shadow: 0 0 0 15px rgba(28, 180, 105, 0);
   }
   100% {
      -webkit-box-shadow: 0 0 0 0 rgba(28, 180, 105, 0);
   }
}

@keyframes activePulse {
   0% {
      -moz-box-shadow: 0 0 0 0 rgba(28, 180, 105, 0.4);
      box-shadow: 0 0 0 0 rgba(28, 180, 105, 0.4);
   }
   70% {
      -moz-box-shadow: 0 0 0 15px rgba(28, 180, 105, 0);
      box-shadow: 0 0 0 15px rgba(28, 180, 105, 0);
   }
   100% {
      -moz-box-shadow: 0 0 0 0 rgba(28, 180, 105, 0);
      box-shadow: 0 0 0 0 rgba(28, 180, 105, 0);
   }
}

span.pending-pulse {
    display: inline-block;
    margin-left: 15px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgb(217 119 32 / 80%);
    box-shadow: 0 0 0 rgb(227 119 32 / 40%);
    animation: pendingPulse 1.7s infinite;
}

@-webkit-keyframes pendingPulse {
   0% {
      -webkit-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0.4);
   }
   70% {
      -webkit-box-shadow: 0 0 0 15px rgba(217, 119, 32, 0);
   }
   100% {
      -webkit-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0);
   }
}

@keyframes pendingPulse {
   0% {
      -moz-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0.4);
      box-shadow: 0 0 0 0 rgba(217, 119, 32, 0.4);
   }
   70% {
      -moz-box-shadow: 0 0 0 15px rgba(217, 119, 32, 0);
      box-shadow: 0 0 0 15px rgba(217, 119, 32, 0);
   }
   100% {
      -moz-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0);
      box-shadow: 0 0 0 0 rgba(217, 119, 32, 0);
   }
}

span.monitoring-pulse {
    display: inline-block;
    margin-left: 15px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgb(217 119 32 / 80%);
    box-shadow: 0 0 0 rgb(227 119 32 / 40%);
    animation: monitoringPulse 1.7s infinite;
}

@-webkit-keyframes monitoringPulse {
   0% {
      -webkit-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0.4);
   }
   70% {
      -webkit-box-shadow: 0 0 0 15px rgba(217, 119, 32, 0);
   }
   100% {
      -webkit-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0);
   }
}

@keyframes monitoringPulse {
   0% {
      -moz-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0.4);
      box-shadow: 0 0 0 0 rgba(217, 119, 32, 0.4);
   }
   70% {
      -moz-box-shadow: 0 0 0 15px rgba(217, 119, 32, 0);
      box-shadow: 0 0 0 15px rgba(217, 119, 32, 0);
   }
   100% {
      -moz-box-shadow: 0 0 0 0 rgba(217, 119, 32, 0);
      box-shadow: 0 0 0 0 rgba(217, 119, 32, 0);
   }
}

span.error-pulse {
   display: inline-block;
   margin-left: 15px;
   width: 13px;
   height: 13px;
   border-radius: 50%;
   background:#cb3d4b;
}