/**
 * md-pickers — correções após mdPickers.min.css e app.css.
 * O relógio usa md-toolbar (ponteiro/centro); Angular Material força min-height:64px e width:100%.
 */
.mdp-timepicker .mdp-clock md-toolbar.mdp-clock-center,
.mdp-timepicker .mdp-clock md-toolbar.mdp-pointer {
  min-height: 0 !important;
  max-height: none !important;
  box-shadow: none !important;
  display: block !important;
  flex: none !important;
}

.mdp-timepicker .mdp-clock md-toolbar.mdp-clock-center {
  height: 6px !important;
  width: 6px !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
}

.mdp-timepicker .mdp-clock md-toolbar.mdp-pointer {
  height: 50% !important;
  width: 1px !important;
  min-width: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  transform-origin: top center !important;
}

.mdp-timepicker .mdp-clock .md-button.md-primary,
.mdp-timepicker .mdp-clock .md-button.md-raised.md-primary {
  min-height: 32px !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
}

/* Marcador na ponta do ponteiro — o número selecionado já fica destacado */
.mdp-timepicker .mdp-clock md-toolbar.mdp-pointer .mdp-clock-selected {
  display: none !important;
}