.bootstrap-datetimepicker-widget.dropdown-menu {
    font-size: 1.4rem;
    width: 26.6rem;
    border: 1px solid;
    border-radius: 0;
}
@media (min-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 53.2rem;
    }
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 53.2rem;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 53.2rem;
    }
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    line-height: 5.2rem;
    font-weight: 700;
    transition: background-color 0.2s linear;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
}
.bootstrap-datetimepicker-widget a[data-action].btn {
    position: relative;
    height: 100%;
    width: 100%;
    line-height: 1;
    font-weight: 400;
    letter-spacing: inherit;
    border: none;
    transition: opacity 0.2s linear;
    top: -1px;
}
.bootstrap-datetimepicker-widget a[data-action].btn .icon {
    position: absolute;
    margin-right: 0!important;
    height: 1.6rem!important;
    width: 1.6rem;
    line-height: 1;
    top: 50%!important;
    left: 50%;
    transform: translate(-50%, -50%); 
}
.bootstrap-datetimepicker-widget a[data-action].btn .icon::before {
    position: relative;
    left: auto;
    font-size: 1.6rem;
}
.bootstrap-datetimepicker-widget button[data-action] {
    position: relative;
    padding: 1rem;
    font-size: 1.8rem;
    line-height: 1;
    border: none;
    transition: opacity 0.2s linear;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after,
.bootstrap-datetimepicker-widget .picker-switch::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::after {
    width: 0;
    height: 0;
    margin: 0;
    clip: auto;
}
.bootstrap-datetimepicker-widget .picker-switch td span,
.bootstrap-datetimepicker-widget .picker-switch td i {
    line-height: 1;
    height: 1.6rem;
    width: 1.6rem;
    font-size: 1.6rem;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    border-radius: 0;
    padding: 0.5rem;
}
.bootstrap-datetimepicker-widget table th {
    height: 2rem;
    line-height: 2rem;
    width: 14.28%;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    width: auto;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    transition: background 0.2s linear;
}
.bootstrap-datetimepicker-widget table td {
    height: 5.6rem;
    line-height: 5.6rem;
    width: 25%;
    transition: color 0.2s linear;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: 1.4rem;
    height: 2rem;
    line-height: 2rem;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 2rem;
    line-height: 2rem;
    width: 14.28%;
}
.bootstrap-datetimepicker-widget .picker-switch td {
    height: 3.6rem;
    width: 100%;
    line-height: 1;
    padding: 0;
}
.bootstrap-datetimepicker-widget .picker-switch td a[data-action] {
    display: block;
    cursor: pointer;
    padding: 1rem 1rem 0.9rem;
}
.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td i {
    width: 5.4rem;
    height: 5.4rem;
    line-height: 5.4rem;
    margin: 0;
    border-radius: 0;
}