.recording {
	margin: 0;
	left: 7px;
	position: absolute;
	z-index: 100000;
}

.recording .fa-microphone {
  color:white;
  margin-left: 4px;
  font-size:12px;
}

.blobs-container {
  display: flex;
}

.blob {
  background: black;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  margin: 0 10px 0 0;
  height: 22px;
  width: 22px;
  transform: scale(1);
  animation: pulse-black 2s infinite;
}

.blob.blue {
  background: rgba(52, 117, 193, 1);
  box-shadow: 0 0 0 0 rgba(52, 117, 193, 1);
  animation: pulse-blue 2s infinite;
}
.recording-popover{
	padding-top: 7px;
    transform: scale(1.2);
    position: absolute;
	top: -7px;
	padding-left: 0px;
	margin-left: 5px;
}

.recording-popover:hover, .recording-popover:focus, .recording-popover:focus-within, .recording-popover:active {
	border: unset!important;
	background-color: unset!important;
	box-shadow: unset!important;
	border-color: unset!important;
	outline: unset!important;

}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

@keyframes pulse-blue {
  0% {
	  transform: scale(0.95);
	  box-shadow: 0 0 0 0 rgba(52, 117, 193, 0.7);
  }
  
  70% {
	  transform: scale(1);
	  box-shadow: 0 0 0 10px rgba(52, 117, 193, 0);
  }
  
  100% {
	  transform: scale(0.95);
	  box-shadow: 0 0 0 0 rgba(52, 117, 193, 0);
  }
}