.vc-popover-content-wrapper.is-interactive .vc-popover-content-wrapper {
    /* This is to solve the issue of the un-aligned month/year popup. See DEVO-15816 */
    transform: translate3d(43px, 38px, 0) !important;
}

.DateTimeInput-appendBtn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.DateTimeInput-appendBtn:focus,
.DateTimeInput-appendBtn:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.DateTimeInput .vc-am-pm .active {
    background-color: var(--primary) !important;
}

.DateTimeInput .vc-am-pm button:focus {
    border-color: var(--primary) !important;
}

.DateTimeInput.DateTimeInput--timeOnly .vc-date-time > .vc-date {
    display: none;
}