header {
  padding: 0;
}

#divider-top {
  margin-top: 0;
}

.btn-primary {
  color: var( --app-white );
  background-color: var( --babble-blue );
  border-color: var( --babble-blue );
}

.btn-primary:hover{
  color: var( --app-white );
  background-color: var( --app-green-light );
  border-color: transparent;
}

.btn-primary:active:focus {
  box-shadow: none;
}

audio {
  width: 350px;
  height: 50px;
}

audio::-webkit-media-controls-panel {
  background-color: rgb( 255 255 255 );
}

/* Removes the playbutton */
audio::-webkit-media-controls-play-button {
  display: none !important;
}

.bg-babble-err {
  background-color: var( --babble-red );
}

.bg-babble-warn {
  background-color: var( --babble-orange );
}

.bg-babble-info {
  background-color: var( --babble-green );
}

#curtain-modal-feed > div.notification.call-history {
  width: 60%;
  max-height: 80%;
  overflow-y: auto;
  transform: unset;
  top: 10%;
  left: unset;
}

.call-history-viewer {
  border-radius: 10px;
  padding-top: 1.5rem;
  max-height: 80%;
  overflow-y: auto;
  background-color: #eee;
}