.my-timepicker-div {
  position: relative;
  z-index: 999;
  text-align: center;
  border: solid 1px;
  border-radius: 5px;
  border-color: #cccccc;
  background-color: white;
  left: 0 !important;
}

.my-timepicker-div div {
  /* reset the negative margin caused by class="row" */
  margin: 0rem;
}

.my-timepicker-div option:disabled {
  color: #bbb;
  font-style: italic;
}

.my-timepicker-div span {
  padding-right: 0.1rem;
  padding-left: 0.1rem;
}

.my-timepicker-div .ampm-button {
  width: 3rem;
  height: 3rem;
}

.my-timepicker-div .hour-select,
.my-timepicker-div .min-select {
  margin: 0 !important;
}

.my-timepicker-div{width: auto !important; left: 0 !important;}
.my-timepicker-div .btn{padding: 0px 10px !important; border-radius: 0px !important;}