/*.csrHide { display: none; }*/
#csr_header_holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  padding-left: 600px;
}
#csr_header {
  position: absolute;
  width: auto;
  border: 5px red solid;
  padding: 10px;
  font-size: 11px;
  font-family: 'monospace';
  background-color: white;
}
#csr_header a { font-size: 11px; }
#csr_dragger {
  border-left: 30px red solid;
  cursor: pointer;
  padding-right: 8px;
}
#csr_info_box {
  border-right: 1px red solid;
  padding-right: 20px;
  position: relative;
}
#csr_registered_user_info { padding-left: 20px; }
#csr_recording_icon {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  bottom: 0;
}
.csr_recording_red {
  background-color: #e74c3c;
  box-shadow: 0 0 5px 5px #e74c3c;
}
.csr_recording_green {
  background-color: #16a085;
  box-shadow: 0 0 5px 5px #70d2bf;
  animation: pulse_poa_recording 2s infinite;
}
@keyframes pulse_poa_recording {
  0% {
    box-shadow: 0 0 0 0 rgba(112,210,91, 0.8);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(112,210,91, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(112,210,91, 0);
  }
}