@charset "utf-8";
/* CSS für den Timepicker-BS4 */

/* Wenn man */
.popover-header {
    padding: 10px;
    margin: inherit;
    font-size: 20px;
    color: var(--bs-popover-header-color);
    background-color: inherit;
}

.popover-header button.close {
    float: right;
}

.popover-body button.btn-primary,
.popover-body button.btn-secondary
{
    padding: 5px;
    width: 70px;
}

.keyboard-input
{

}

.keyboard-input table
{
    width: 125px;
}

.keyboard-input table .hour-input,
.keyboard-input table .minute-input
{
    width: 70px;
    font-size: 20px;
}

/* vor den Buttons liegt ein verstecktes nicht aktivierbares Element, welches sich Raum nimmt. Also auf 0 setzen, damit die beiden Buttons sauber zentrieren */
.keyboard-input table .invisible
{
    width: 0px;
}