.my-timepicker-div {
    position: absolute;
    /* justify-content: right; */
    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 .ok-button .cancel-button {
    width: 3rem;
    height: 3rem;
}


/* .hour_select .min_select {
    height: 8rem;
} */