.my-timepicker-div{
  position: absolute;
  z-index: 5;
  text-align: center;
  border: solid 1px;
  border-radius: 5px;
  border-color: #cccccc;
  background-color: white;
}

.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 .row .text-center.col-6{
    padding:10px;
}
.my-timepicker-div select{
    border:0px;
    border-radius:0px;
    border-top:1px solid #cccccc;
}
.my-timepicker-div .ok-button{
    position:absolute;
    right:0;
}.my-timepicker-div .cancel-button{
     position:absolute;
     left:0;
 }