:root {
    --rz-text-font-family: Roboto, sans-serif;
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #fafafa;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #9e9e9e;
    --rz-base-600: #757575;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;
    --rz-primary: #e58615;
    --rz-primary-light: #f1c71d;
    --rz-primary-lighter: rgba(229, 134, 21, 0.12);
    --rz-primary-dark: #e99a15;
    --rz-primary-darker: #e0690f;
    --rz-secondary: #e91e63;
    --rz-secondary-light: #ed4b82;
    --rz-secondary-lighter: rgba(233, 30, 99, 0.12);
    --rz-secondary-dark: #ba184f;
    --rz-secondary-darker: #9e1443;
    --rz-info: #2196f3;
    --rz-info-light: #4dabf5;
    --rz-info-lighter: rgba(33, 150, 243, 0.2);
    --rz-info-dark: #1a78c2;
    --rz-info-darker: #1666a5;
    --rz-success: #4caf50;
    --rz-success-light: #70bf73;
    --rz-success-lighter: rgba(76, 175, 80, 0.16);
    --rz-success-dark: #3d8c40;
    --rz-success-darker: #347736;
    --rz-warning: #ff9800;
    --rz-warning-light: #ffad33;
    --rz-warning-lighter: rgba(255, 152, 0, 0.2);
    --rz-warning-dark: #cc7a00;
    --rz-warning-darker: #ad6700;
    --rz-danger: #f44336;
    --rz-danger-light: #f6695e;
    --rz-danger-lighter: rgba(244, 67, 54, 0.2);
    --rz-danger-dark: #c3362b;
    --rz-danger-darker: #a62e25;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #e99a15;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #e91e63;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #2196f3;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #4caf50;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-lighter: #ff9800;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #f44336;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;
    --rz-series-1: #3700b3;
    --rz-series-2: #ba68c8;
    --rz-series-3: #f06292;
    --rz-series-4: #ff8a65;
    --rz-series-5: #ffee58;
    --rz-series-6: #9ccc65;
    --rz-series-7: #26a69a;
    --rz-series-8: #4fc3f7;
    --rz-series-9: #7f5cce;
    --rz-series-10: #ce93d8;
    --rz-series-11: #f48fb1;
    --rz-series-12: #ffab91;
    --rz-series-13: #fff176;
    --rz-series-14: #aed581;
    --rz-series-15: #4db6ac;
    --rz-series-16: #81d4fa;
    --rz-series-17: #a58cdd;
    --rz-series-18: #e1bee7;
    --rz-series-19: #f8bbd0;
    --rz-series-20: #ffccbc;
    --rz-series-21: #fff59d;
    --rz-series-22: #c5e1a5;
    --rz-series-23: #80cbc4;
    --rz-series-24: #b3e5fc;
    --rz-grid-header-background-color: var(--rz-base-100);
    --rz-dialog-mask-zindex: 2100;
    --rz-dialog-zindex: 2101;
}

#components-reconnect-modal {
    display: none;
}

    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected {
        display: block;
    }

        #components-reconnect-modal.components-reconnect-show > div {
            display: none;
        }

            #components-reconnect-modal.components-reconnect-show > div.loading {
                background-color: #ffee92;
                display: block;
            }

/* Edgeブラウザのパスワード入力フィールドの目アイコンを非表示 */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

/* RadzenColorPickerのポップアップでテキスト選択を無効化 */
/* ドラッグ中のテキスト選択がマウスイベントを妨げるバグの回避策 */
/* https://forum.radzen.com/t/radzen-color-picker-component-bug/14896 */
.rz-colorpicker-popup {
    user-select: none !important;
}

/* RadzenSplitButtonはSizeをポップアップメニューにも波及させる（rz-input-smが付与される）ため、 */
/* ボタンをSmallにするとメニュー項目まで縮む。メニュー項目は通常サイズ（Medium相当）に戻す */
.rz-splitbutton-menu.rz-input-sm {
    --rz-dropdown-item-padding: var(--rz-input-padding-block-md) var(--rz-input-padding-inline-md);
    --rz-dropdown-item-font-size: var(--rz-input-font-size-md);
}

    .rz-splitbutton-menu.rz-input-sm .rz-menuitem-icon {
        font-size: var(--rz-icon-size);
    }

/* DropDown */
.dropdown-popup {
    display: none;
    position: absolute;
    margin-top: 0.25rem;
    min-width: 12.5rem;
    max-width: 25rem;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
    z-index: 2001;
}

    .dropdown-popup .rz-listbox-list {
        width: max-content;
        min-width: 100%;
    }

    .dropdown-popup .rz-multiselect-item,
    .dropdown-popup .rz-listbox-item {
        width: 100%;
        box-sizing: border-box;
    }

    .dropdown-popup .rz-listbox-header {
        width: max-content;
        min-width: 100%;
        box-sizing: border-box;
    }

/* AutoComplete */
.autocomplete-popup {
    display: none;
    position: absolute;
    margin-top: 0.25rem;
    min-width: 12.5rem;
    max-width: 25rem;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: 0 0 0 1px var(--rz-primary), var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
    z-index: 2001;
}

    .autocomplete-popup .rz-listbox-list {
        width: max-content;
        min-width: 100%;
    }

    .autocomplete-popup .rz-multiselect-item,
    .autocomplete-popup .rz-listbox-item {
        width: 100%;
        box-sizing: border-box;
    }

/* BooleanDropDown */
.boolean-dropdown-popup {
    display: none;
    position: absolute;
    margin-top: 0.25rem;
    min-width: 12.5rem;
    max-width: 25rem;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
    z-index: 2001;
}

    .boolean-dropdown-popup .rz-listbox-list {
        width: max-content;
        min-width: 100%;
    }

    .boolean-dropdown-popup .rz-multiselect-item,
    .boolean-dropdown-popup .rz-listbox-item {
        width: 100%;
        box-sizing: border-box;
    }

    .boolean-dropdown-popup .rz-listbox-header {
        width: max-content;
        min-width: 100%;
        box-sizing: border-box;
    }

/* EnumDropDown */
.enum-dropdown-popup {
    display: none;
    position: absolute;
    margin-top: 0.25rem;
    min-width: 12.5rem;
    max-width: 25rem;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
    z-index: 2001;
}

    .enum-dropdown-popup .rz-listbox-list {
        width: max-content;
        min-width: 100%;
    }

    .enum-dropdown-popup .rz-multiselect-item,
    .enum-dropdown-popup .rz-listbox-item {
        width: 100%;
        box-sizing: border-box;
    }

    .enum-dropdown-popup .rz-listbox-header {
        width: max-content;
        min-width: 100%;
        box-sizing: border-box;
    }

/* GridDropDown */
.grid-dropdown-popup {
    display: none;
    position: absolute;
    margin-top: 0.25rem;
    width: 37.5rem;
    height: 18.75rem;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: 0 0 0 1px var(--rz-primary), var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
    overflow: hidden;
    z-index: 2001;
}

    .grid-dropdown-popup .data-grid-panel-root {
        height: 100%;
        border-left: none !important;
        border-right: none !important;
    }

/* TimeSelector */
.time-selector-popup {
    display: none;
    position: absolute;
    margin-top: 0.25rem;
    min-width: 7.5rem;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
    z-index: 2001;
}

/* DataGridFilterPanel */
.rz-overlaypanel:has(.data-grid-panel-filter-panel) {
    min-width: 18.75rem !important;
}

/* RadzenFormField */
.rz-form-field .boolean-dropdown,
.rz-form-field .dropdown,
.rz-form-field .enum-dropdown,
.rz-form-field .grid-dropdown {
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.rz-form-field .color-selector,
.rz-form-field .color-selector .rz-colorpicker,
.rz-form-field .date-picker,
.rz-form-field .date-picker .rz-datepicker,
.rz-form-field .date-time-picker,
.rz-form-field .date-time-picker .rz-datepicker,
.rz-form-field .time-picker,
.rz-form-field .time-picker .rz-datepicker,
.rz-form-field .file-selector,
.rz-form-field .autocomplete,
.rz-form-field .autocomplete .rz-autocomplete,
.rz-form-field .autocomplete .rz-autocomplete-input {
    border: none !important;
    box-shadow: none !important;
}

.rz-form-field .autocomplete .rz-autocomplete,
.rz-form-field .autocomplete .rz-autocomplete-input {
    background-color: transparent !important;
}

.rz-form-field .rz-radio-button-list:focus,
.rz-form-field .rz-radio-button-list:focus-visible,
.rz-form-field .rz-checkbox-list:focus,
.rz-form-field .rz-checkbox-list:focus-visible {
    outline: none !important;
}


.rz-form-field.rz-variant-outlined:not(.rz-floating-label) .rz-form-field-content > .rz-form-field-label {
    inset-block-start: -0.75rem;
    font-size: 0.875rem;
    transform: translate(0px, 0px);
    background-color: var(--rz-form-field-label-floating-background-color);
    line-height: 1rem;
}

.rz-notification {
    z-index: 4100;
}

/* ダイアログの最小サイズ */
.rz-dialog,
.rz-dialog-side {
    min-width: 1rem;
    min-height: 1rem;
}

/* ダイアログのフォーカス時の outline をPrimaryカラーに変更 */
.rz-dialog:focus,
.rz-dialog:focus-visible,
.rz-dialog-side:focus,
.rz-dialog-side:focus-visible {
    outline-color: var(--rz-primary);
}

/* ダイアログの閉じるボタンのスタイル修正 */
/* Bootstrapの<a>タグデフォルトスタイル（青色・下線）を上書き */
.rz-dialog-titlebar-close,
.rz-dialog-side-titlebar-close {
    text-decoration: none;
    color: var(--rz-text-tertiary-color);
}

    .rz-dialog-titlebar-close:focus,
    .rz-dialog-titlebar-close:focus-visible,
    .rz-dialog-side-titlebar-close:focus,
    .rz-dialog-side-titlebar-close:focus-visible {
        outline-color: var(--rz-primary);
    }

.rz-message-popup::before {
    border-width: calc(var(--rz-validator-pointer-size) + 1px);
    inset-block-start: 0;
    inset-inline-start: calc(var(--rz-border-radius) + var(--rz-validator-pointer-size) / 2 - 1px);
    transform: translateY(calc(-100% + 1px));
}