.xdsoft_datetimepicker {
    z-index: 10300 !important;
}

.ktc-editing-form-control-nested-control
.datepicker-container {
    display: flex !important; /* Ensure flex layout */
    align-items: center;
    gap: 10px; /* Adds space between elements */
}

    .ktc-editing-form-control-nested-control
    .datepicker-container.DatePickercalendar input[type="text"] {
        width: 200px !important; /* Sets the input box to half the size */
        min-width: 150px; /* Ensures the input box is of reasonable minimum width */
    }

.fa {
    font: normal normal normal 20px / 1 AtlasAgtechIcons;
    font-style: normal !important;
}

.DatePickercalendar button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px; /* Adds some padding to the buttons */
}

@media (max-width: 768px) {
    .DatePickercalendar input[type="text"] {
        width: 100%;
    }
}