#show_annotations_div div.input-group-text, #show_incipit_div div.input-group-text {
  border-radius: 0 0.2rem 0.2rem 0;
  border: 1px solid var(--custom-light);
  background-color: var(--custom-light);
}

#current_zoom, #current_page {
  max-width: 100px;
  border-color: var(--custom-light);
  height: 31px;
  border-radius: 0;
  font-size: .875rem;
  border-left: none;
  border-right: none;
  text-align: center;
}

#zoom_in, #zoom_out {
  height: 31px;
}

#first_page, #start_button, #play_button, #zoom_out {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

#last_page, #stop_button, #zoom_in {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

#current_tempo_div div.input-group-text {
  border-radius: 0 0.2rem 0.2rem 0;
  border: 1px solid var(--custom-light);
  background-color: var(--custom-light);
  height: 31px;
}

#start_selection, #end_selection {
  border-color: var(--custom-light);
}

#apply_selection:hover {
  padding-right: 7px;
  border-right-width: 2px;
}

#midiPlayer_play, #midiPlayer_pause, #midiPlayer_stop {
  display: none !important;
}

#midiPlayer_div {
  width: 100% !important;
	height: 31px;
	background: var(--custom-light);
	border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#midiPlayer_bar {
	height: 12px;
  width: 90% !important;
	background: var(--bs-light);
	cursor: pointer;
	display: inline-block;
}

#midiPlayer_progress {
	margin: 0;
	background: var(--custom-info) !important;
	width: 0;
	height: 100%;
}

#midiPlayer_playingTime, #midiPlayer_totalTime {
  width: 40px;
  font-family: 'rubik';
  font-size: .875rem;
  margin: 8px;
  display: inline-block;
}

#midiPlayer_totalTime {
  text-align: right;
}