.telerik-pop {
    z-index: 44444;
}

.swal2-container {
    z-index: 20000 !important;
}

.k-checkbox {
    border-color: gray !important;
    background-color: #ffffff;
}

.loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.5);
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* begin ปิด animation และ delay ของ Telerik/Kendo ทุก control (global) */
/* Popup / dropdown: ComboBox, DropDownList, DatePicker, MultiSelect, etc. */
.k-popup.k-reset,
.k-child-animation-container,
.k-animation-container-shown,
.k-notification-container-animating {
    transition: none !important;
    animation: none !important;
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
    transition-delay: 0ms !important;
    animation-delay: 0ms !important;
}

/* Open / close states: Window, Dialog, Drawer, Notification, AnimationContainer, etc. */
[class^="k-"][class*="-appear-active"],
[class^="k-"][class*="-exit-active"],
[class^="k-"][class*="-enter-active"],
.k-fx-start,
.k-fx-end,
.k-fx-start .k-fx-next,
.k-fx-start .k-fx-current,
.k-fx-end .k-fx-next,
.k-fx-end .k-fx-current,
.k-scrollview-animation,
.k-scrollview-animate {
    transition: none !important;
    animation: none !important;
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
    transition-delay: 0ms !important;
    animation-delay: 0ms !important;
}

/* Loader spinners */
.k-loader,
.k-loader .k-loader-segment,
[class*="k-loader-"] .k-loader-segment {
    animation: none !important;
    animation-delay: 0ms !important;
}

/* Fix box-shadow delay on popup close (Telerik workaround) */
.k-animation-container {
    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
}

.k-animation-container:has(.k-slide-down-exit),
.k-animation-container > div > .k-popup {
    box-shadow: none;
}

/* Window/Dialog: without this, animation:none can leave enter state at opacity 0 */
[class^="k-slide-"][class$="-enter"],
[class^="k-slide-"][class$="-appear"],
[class^="k-slide-"][class$="-exit"],
[class^="k-fade-"][class$="-enter"],
[class^="k-fade-"][class$="-appear"],
[class^="k-fade-"][class$="-exit"],
[class^="k-zoom-"][class$="-enter"],
[class^="k-zoom-"][class$="-appear"],
[class^="k-zoom-"][class$="-exit"],
[class^="k-expand-"][class$="-enter"],
[class^="k-expand-"][class$="-appear"],
[class^="k-expand-"][class$="-exit"],
[class^="k-reveal-"][class$="-enter"],
[class^="k-reveal-"][class$="-appear"],
[class^="k-reveal-"][class$="-exit"] {
    transform: none !important;
    opacity: 1 !important;
}

.k-window.mtd-popup-window,
.k-window.telerik-pop {
    z-index: 44444 !important;
}

.mastertype-detail .loading-container {
    position: absolute;
    inset: 0;
    z-index: 2;
}
/* end ปิด animation และ delay ของ Telerik/Kendo ทุก control (global) */

/* Global: picker / dropdown / combobox — value text must stay dark on hover & focus */
:root {
    --mm-picker-text: #212529;
    --mm-picker-muted: #6c757d;
}

.k-picker:not(.k-disabled),
.k-dropdownlist:not(.k-disabled),
.k-combobox:not(.k-disabled),
.k-multicolumncombobox:not(.k-disabled),
.k-datepicker:not(.k-disabled),
.k-dateinput:not(.k-disabled) {
    --kendo-color-on-app-surface: var(--mm-picker-text);
    --kendo-color-on-base: var(--mm-picker-text);
    --kendo-color-subtle: var(--mm-picker-muted);
}

.k-picker:not(.k-disabled) .k-input,
.k-dropdownlist:not(.k-disabled) .k-input,
.k-combobox:not(.k-disabled) .k-input,
.k-multicolumncombobox:not(.k-disabled) .k-input,
.k-datepicker:not(.k-disabled) .k-input,
.k-dateinput:not(.k-disabled) .k-input,
.k-picker:not(.k-disabled) .k-input-inner,
.k-dropdownlist:not(.k-disabled) .k-input-inner,
.k-combobox:not(.k-disabled) .k-input-inner,
.k-multicolumncombobox:not(.k-disabled) .k-input-inner,
.k-datepicker:not(.k-disabled) .k-input-inner,
.k-dateinput:not(.k-disabled) .k-input-inner,
.k-picker:not(.k-disabled) .k-input-value-text,
.k-dropdownlist:not(.k-disabled) .k-input-value-text,
.k-combobox:not(.k-disabled) .k-input-value-text,
.k-multicolumncombobox:not(.k-disabled) .k-input-value-text,
.k-datepicker:not(.k-disabled) .k-input-value-text,
.k-picker:not(.k-disabled):hover .k-input,
.k-picker:not(.k-disabled).k-hover .k-input,
.k-dropdownlist:not(.k-disabled):hover .k-input,
.k-dropdownlist:not(.k-disabled).k-hover .k-input,
.k-combobox:not(.k-disabled):hover .k-input,
.k-combobox:not(.k-disabled).k-hover .k-input,
.k-multicolumncombobox:not(.k-disabled):hover .k-input,
.k-multicolumncombobox:not(.k-disabled).k-hover .k-input,
.k-datepicker:not(.k-disabled):hover .k-input,
.k-datepicker:not(.k-disabled).k-hover .k-input,
.k-picker:not(.k-disabled):hover .k-input-inner,
.k-picker:not(.k-disabled).k-hover .k-input-inner,
.k-dropdownlist:not(.k-disabled):hover .k-input-inner,
.k-dropdownlist:not(.k-disabled).k-hover .k-input-inner,
.k-combobox:not(.k-disabled):hover .k-input-inner,
.k-combobox:not(.k-disabled).k-hover .k-input-inner,
.k-multicolumncombobox:not(.k-disabled):hover .k-input-inner,
.k-multicolumncombobox:not(.k-disabled).k-hover .k-input-inner,
.k-datepicker:not(.k-disabled):hover .k-input-inner,
.k-datepicker:not(.k-disabled).k-hover .k-input-inner,
.k-picker:not(.k-disabled):hover .k-input-value-text,
.k-picker:not(.k-disabled).k-hover .k-input-value-text,
.k-dropdownlist:not(.k-disabled):hover .k-input-value-text,
.k-dropdownlist:not(.k-disabled).k-hover .k-input-value-text,
.k-combobox:not(.k-disabled):hover .k-input-value-text,
.k-combobox:not(.k-disabled).k-hover .k-input-value-text,
.k-multicolumncombobox:not(.k-disabled):hover .k-input-value-text,
.k-multicolumncombobox:not(.k-disabled).k-hover .k-input-value-text,
.k-datepicker:not(.k-disabled):hover .k-input-value-text,
.k-datepicker:not(.k-disabled).k-hover .k-input-value-text,
.k-picker:not(.k-disabled):focus-within .k-input,
.k-picker:not(.k-disabled):focus-within .k-input-inner,
.k-picker:not(.k-disabled):focus-within .k-input-value-text,
.k-dropdownlist:not(.k-disabled):focus-within .k-input,
.k-dropdownlist:not(.k-disabled):focus-within .k-input-inner,
.k-dropdownlist:not(.k-disabled):focus-within .k-input-value-text,
.k-combobox:not(.k-disabled):focus-within .k-input,
.k-combobox:not(.k-disabled):focus-within .k-input-inner,
.k-multicolumncombobox:not(.k-disabled):focus-within .k-input,
.k-multicolumncombobox:not(.k-disabled):focus-within .k-input-inner,
.k-datepicker:not(.k-disabled):focus-within .k-input,
.k-datepicker:not(.k-disabled):focus-within .k-input-inner,
.k-input-outline:not(.k-disabled):hover .k-input-inner,
.k-input-outline:not(.k-disabled).k-hover .k-input-inner,
.k-picker-outline:not(.k-disabled):hover .k-input-inner,
.k-picker-outline:not(.k-disabled).k-hover .k-input-inner,
.k-input-outline:not(.k-disabled):hover .k-input-value-text,
.k-input-outline:not(.k-disabled).k-hover .k-input-value-text,
.k-picker-outline:not(.k-disabled):hover .k-input-value-text,
.k-picker-outline:not(.k-disabled).k-hover .k-input-value-text {
    color: var(--mm-picker-text) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--mm-picker-text) !important;
}

/* Avoid theme hover inverting picker surface to dark while text stays light */
.k-picker-solid:not(.k-disabled):hover,
.k-picker-solid:not(.k-disabled).k-hover,
.k-dropdownlist.k-picker-solid:not(.k-disabled):hover,
.k-dropdownlist.k-picker-solid:not(.k-disabled).k-hover,
.k-combobox.k-picker-solid:not(.k-disabled):hover,
.k-combobox.k-picker-solid:not(.k-disabled).k-hover,
.k-multicolumncombobox.k-picker-solid:not(.k-disabled):hover,
.k-multicolumncombobox.k-picker-solid:not(.k-disabled).k-hover,
.k-datepicker.k-picker-solid:not(.k-disabled):hover,
.k-datepicker.k-picker-solid:not(.k-disabled).k-hover {
    background: #fff !important;
    color: var(--mm-picker-text) !important;
}

.k-picker-outline:not(.k-disabled):hover,
.k-picker-outline:not(.k-disabled).k-hover,
.k-dropdownlist.k-picker-outline:not(.k-disabled):hover,
.k-dropdownlist.k-picker-outline:not(.k-disabled).k-hover {
    background: #fff !important;
}

.k-picker:not(.k-disabled):hover .k-input-button,
.k-picker:not(.k-disabled).k-hover .k-input-button,
.k-dropdownlist:not(.k-disabled):hover .k-input-button,
.k-dropdownlist:not(.k-disabled).k-hover .k-input-button,
.k-combobox:not(.k-disabled):hover .k-input-button,
.k-combobox:not(.k-disabled).k-hover .k-input-button,
.k-multicolumncombobox:not(.k-disabled):hover .k-input-button,
.k-multicolumncombobox:not(.k-disabled).k-hover .k-input-button,
.k-datepicker:not(.k-disabled):hover .k-input-button,
.k-datepicker:not(.k-disabled).k-hover .k-input-button {
    color: var(--mm-picker-muted) !important;
}