.flatpickr-input {
    margin-bottom: 20px;
    display: block;
    width: 100% !important;
    padding: 9px 15px !important;
    font-size: 16px !important;
    background: $color--opui-white;
    border-color: $color--opui-gray300;

    &:focus {
        border-color: $color--opui-gray900;
        box-shadow: none;
        outline: none;
    }
}

.flatpickr-calendar {
    z-index: 99999999 !important;
}

.flatpickr-time {
    height: auto;
}

.v3dp__datepicker {
    margin-bottom: 20px;

    input {
        display: block;
        width: 100% !important;
        padding: 0.5rem 1.5rem !important;
        font-size: 16px !important;
        background: #fff;
        border-color: #f1f1f1;

        &:focus {
            border-color: #000;
            box-shadow: none;
            outline: none;
        }
    }
}

.v3dp__elements button:not(:disabled):hover span {
    background-color: #0063d9 !important;
    color: #fff;
}