/* 修正bootstrap blazor 日期组件 begin*/
.datetime-range-body .picker-panel-footer button {
    padding: 0 12px !important;
}
/* 修正bootstrap blazor 日期组件 end*/

:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #f8fafb;
    --rz-base-100: #f3f6f9;
    --rz-base-200: #e3eaf2;
    --rz-base-300: #dfe5ec;
    --rz-base-400: #dbe0e6;
    --rz-base-500: #d7dbe0;
    --rz-base-600: #c6cbd2;
    --rz-base-700: #74787e;
    --rz-base-800: #45494f;
    --rz-base-900: #1b1d20;
    --rz-primary: #3481e5;
    --rz-primary-light: #bcd8ff;
    --rz-primary-lighter: rgba(0, 111, 255, 0.13);
    --rz-primary-dark: #375a8b;
    --rz-primary-darker: #00215d;
    /*  --rz-secondary: #5b6471;
    --rz-secondary-light: #c2cddc;
    --rz-secondary-lighter: rgba(0, 107, 255, 0.13);
    --rz-secondary-dark: #444c58;
    --rz-secondary-darker: #19212b;
    --rz-info: #085786;
    --rz-info-light: #aadaff;
    --rz-info-lighter: rgba(170, 218, 255, 0.5);
    --rz-info-dark: #086791;
    --rz-info-darker: #002d41;
    --rz-success: #386A20;
    --rz-success-light: #c0ffaa;
    --rz-success-lighter: rgba(192, 255, 170, 0.5);
    --rz-success-dark: #3e9108;
    --rz-success-darker: #194100;
    --rz-warning: #e8e971;
    --rz-warning-light: #f9ffaa;
    --rz-warning-lighter: rgba(249, 255, 170, 0.5);
    --rz-warning-dark: #918908;
    --rz-warning-darker: #413d00;
    --rz-danger: #b3261e;
    --rz-danger-light: #ffb4aa;
    --rz-danger-lighter: rgba(255, 180, 170, 0.5);
    --rz-danger-dark: #91080a;
    --rz-danger-darker: #410001;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #00215d;
    --rz-on-primary-lighter: #00215d;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #bcd8ff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #19212b;
    --rz-on-secondary-lighter: #19212b;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #c2cddc;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #002d41;
    --rz-on-info-lighter: #086791;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #aadaff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #194100;
    --rz-on-success-lighter: #194100;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #c0ffaa;
    --rz-on-warning: #1b1d20;
    --rz-on-warning-light: #413d00;
    --rz-on-warning-lighter: #413d00;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #f9ffaa;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #410001;
    --rz-on-danger-lighter: #410001;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffb4aa;
    --rz-series-1: #75abf0;
    --rz-series-2: #9c75f0;
    --rz-series-3: #f075e8;
    --rz-series-4: #f0758c;
    --rz-series-5: #f0ba75;
    --rz-series-6: #c9f075;
    --rz-series-7: #75f07d;
    --rz-series-8: #75f0d9;
    --rz-series-9: #478eeb;
    --rz-series-10: #7b47eb;
    --rz-series-11: #eb47e0;
    --rz-series-12: #eb4766;
    --rz-series-13: #eba447;
    --rz-series-14: #b7eb47;
    --rz-series-15: #47eb52;
    --rz-series-16: #47ebcc;
    --rz-series-17: #3d72b8;
    --rz-series-18: #643db8;
    --rz-series-19: #b83db0;
    --rz-series-20: #b83d54;
    --rz-series-21: #b8823d;
    --rz-series-22: #91b83d;
    --rz-series-23: #3db845;
    --rz-series-24: #3db8a1*/
}

:root {
    --rz-border-width: 1px;
    --rz-root-font-size: 12px;
    --rz-body-font-size: 12px;
    --rz-body-line-height: 1.5;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: Roboto, sans-serif;
    --rz-icon-size: 14px;
    --rz-icon-font-family: Material Icons
}


:root {
    --rz-card-padding: 4px 10px;
    --rz-card-background-color: rgba(215, 219, 224, 0.13);
    --rz-card-flat-background-color: rgba(215, 219, 224, 0.24);
    --rz-card-shadow: var(--rz-shadow-1);
    --rz-card-border: var(--rz-border-base-300);
    --rz-card-border-radius: calc(var(--rz-border-radius) * 3);
    --rz-card-heading-margin-bottom: 0.5rem
}

:root {
    /* --rz-text-title-color: var(--rz-base-900);*/
    --rz-text-color: var(--rz-base-900);
    /*--rz-text-secondary-color: var(--rz-base-800);
    --rz-text-tertiary-color: var(--rz-base-700);*/
    --rz-text-disabled-color: var(--rz-base-900);
    /*--rz-text-contrast-color: var(--rz-white)*/
}

:root {
    --rz-checkbox-width: 1.125rem;
    --rz-checkbox-height: 1.125rem;
    --rz-checkbox-border-radius: 2px;
    --rz-checkbox-border-width: 2px;
    --rz-checkbox-label-margin: 0 1rem 0 0.4rem;
    --rz-checkbox-margin: 1rem 0;
    --rz-checkbox-checked-background-color: var(--rz-primary);
    --rz-checkbox-checked-hover-background-color: var(--rz-primary);
    --rz-checkbox-checked-disabled-background-color: var(--rz-base-800);
    --rz-checkbox-checked-color: var(--rz-text-contrast-color);
    --rz-checkbox-checked-shadow: none;
    --rz-checkbox-checked-border: var(--rz-border-primary);
    --rz-checkbox-checked-hover-border: var(--rz-border-primary);
    --rz-checkbox-checked-disabled-border: var(--rz-border-base-800);
    --rz-checkbox-checked-icon-background-color: transparent;
    --rz-checkbox-checked-icon-border-radius: 0;
    --rz-checkbox-icon-width: var(--rz-body-font-size);
    --rz-checkbox-icon-height: var(--rz-body-font-size);
    --rz-checkbox-icon-font-size: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size)
}

:root {
    --rz-chip-background-color: var(--rz-base-200);
    --rz-chip-color: var(--rz-text-color);
    --rz-chip-padding: 0 4px;
    --rz-chip-gap: 0.5rem;
    --rz-chip-border-radius: calc(var(--rz-border-radius) * 1);
    --rz-chip-font-size: 12px;
}

.rz-button-sm {
    min-height: 22px;
    line-height: 24px;
    width: 24px;
    min-width: 24px;
}

:root {
    --rz-button-border-radius: 1px;
    --rz-button-vertical-align: middle;
    --rz-dialog-title-padding: .5rem 1rem !important;
    --rz-dialog-title-font-size: 15px;
    --rz-dialog-title-padding: 0 1rem !important;
    --rz-dialog-background-color: #f2f4f5 !important;
    --rz-dialog-title-background-color: #fff !important;
    --rz-dialog-title-padding-block: 0;
    --rz-dialog-title-border: 1px solid rgba(90,110,117,.3) !important;
}

:root {
    --rz-border-radius: 2px;
    --rz-body-line-height: 24px;
    --rz-tabs-tab-padding: 1px 14px;
    --rz-tabs-tab-font-size: 12px;
    --rz-tabs-padding: 0;
    --rz-tabs-tab-background-color: #f6f8f8;
    --rz-tabs-background-color: var( --rz-base-200);
    --rz-tabs-tab-selected-top-border-color: #b6d9f7;
    --rz-tabs-tab-padding-block: 0;
}


:root {
    --rz-input-font-size: var(--rz-body-font-size);
    --rz-input-height: 24px;
    --rz-input-line-height: var(--rz-body-line-height);
    --rz-input-padding: 0 4px;
    --rz-input-value-color: var(--rz-text-color);
    /*  

    --rz-input-placeholder-color: var(--rz-text-tertiary-color);*/
    --rz-input-background-color: #fff;
    /*
    --rz-input-border: var(--rz-border-normal);
    --rz-input-border-radius: var(--rz-border-radius);
    --rz-input-shadow: none;
    --rz-input-hover-shadow: none;
    --rz-input-hover-border: var(--rz-border-hover);

    */
    --rz-input-focus-shadow: inset 0 0 0 0 var(--rz-primary);
    /*
    --rz-input-focus-border: var(--rz-border-focus);
    --rz-input-disabled-border: var(--rz-border-disabled);
    --rz-input-disabled-shadow: none;*/
    --rz-input-disabled-background-color: #eee;
    --rz-input-disabled-color: var(--rz-text-disabled-color);
    /*
    --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
    --rz-input-disabled-opacity: 1;
    --rz-input-transition: var(--rz-transition-all)*/
}

:root {
    --rz-lookup-panel-background-color: transparent;
    --rz-lookup-panel-padding: 0;
}

/* qhy-tree */
:root {
    --rz-tree-background-color: var(--rz-base-background-color);
    --rz-tree-node-padding: 2px;
    --rz-tree-node-selected-background-color: #b6d9f7;
    --rz-tree-node-selected-color: #000000;
    --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) / 2);
    --rz-tree-node-margin: 1px 0;
    --rz-tree-node-hover-background-color: var(--rz-secondary-light);
    --rz-tree-node-hover-color: var(--rz-on-secondary-light);
    --rz-tree-node-toggle-width: 1.5rem;
    --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
    --rz-tree-node-toggle-hover-color: var(--rz-text-color);
    --rz-tree-transition: var(--rz-transition-all);
    --rz-tree-node-padding-inline: 0;
}

:root {
    --rz-radio-width: 16px;
    --rz-radio-height: 16px;
    --rz-radio-border-radius: 50%;
    --rz-radio-border-width: 2px;
    --rz-radio-label-margin: 0 1rem;
    --rz-radio-margin: 2px;
    --rz-radio-active-background-color: var(--rz-base-background-color);
    --rz-radio-active-shadow: none;
    --rz-radio-checked-background-color: var(--rz-base-background-color);
    --rz-radio-checked-hover-background-color: var(--rz-base-background-color);
    --rz-radio-checked-hover-shadow: none;
    --rz-radio-checked-color: var(--rz-text-contrast-color);
    --rz-radio-circle-background-color: var(--rz-primary);
    --rz-radio-circle-shadow: none;
    --rz-radio-circle-hover-background-color: var(--rz-primary-light);
    --rz-radio-icon-width: 0.625rem;
    --rz-radio-icon-height: 0.625rem;
    --rz-radio-checked-border: var(--rz-border-primary)
}


/* data-grid */
:root {
    --rz-grid-data-border-shadow: none;
    --rz-grid-cell-border: var(--rz-border-base-300);
    --rz-grid-right-cell-border: none;
    --rz-grid-bottom-cell-border: var(--rz-border-base-300);
    --rz-grid-cell-padding: 0 3px;
    --rz-grid-cell-color: var(--rz-text-color);
    --rz-grid-cell-font-size: 12px;
    --rz-grid-cell-line-height: 24px;
    --rz-grid-hover-background-color: var(--rz-base-200);
    --rz-grid-hover-color: var(--rz-text-title-color);
    --rz-grid-selected-background-color: var(--rz-secondary-lighter);
    --rz-grid-selected-color: var(--rz-on-secondary-lighter);
    --rz-grid-toolbar-background-color: var(--rz-base-background-color);
    --rz-grid-header-cell-border: none;
    --rz-grid-header-cell-border-bottom: var(--rz-border-base-400);
    --rz-grid-header-background-color: var(--rz-base-background-color);
    --rz-grid-header-font-size: 12px;
    --rz-grid-header-line-height: 24px;
    --rz-grid-header-font-weight: 500;
    --rz-grid-header-text-transform: none;
    --rz-grid-header-color: var(--rz-text-title-color);
    --rz-grid-header-cell-padding: 0;
    --rz-grid-header-title-padding: 0 0 0 4px;
    --rz-grid-header-sorted-background-color: var(--rz-base-200);
    --rz-grid-header-padding: 1rem;
    --rz-grid-foot-cell-color: var(--rz-text-color);
    --rz-grid-foot-background-color: var(--rz-base-100);
    --rz-grid-filter-background-color: var(--rz-base-50);
    --rz-grid-filter-padding: 0;
    --rz-grid-filter-margin: 0;
    --rz-grid-filter-border: none;
    --rz-grid-filter-font-size: 0.875rem;
    --rz-grid-filter-icon-width: var(--rz-icon-size);
    --rz-grid-filter-icon-height: var(--rz-icon-size);
    --rz-grid-filter-icon-margin: 0 0.25rem 0 0;
    --rz-grid-filter-icon-font-size: 0.875rem;
    --rz-grid-filter-color: var(--rz-text-tertiary-color);
    --rz-grid-filter-focus-color: var(--rz-secondary);
    --rz-grid-filter-gap: 1rem;
    --rz-grid-filter-buttons-padding: 1rem;
    --rz-grid-filter-buttons-border: none;
    --rz-grid-filter-buttons-background-color: var(--rz-base-50);
    --rz-grid-clear-filter-button-background-color: var(--rz-base-50);
    --rz-grid-clear-filter-button-color: var(--rz-text-color);
    --rz-grid-clear-filter-button-shadow: none;
    --rz-grid-apply-filter-button-background-color: var(--rz-base-50);
    --rz-grid-apply-filter-button-color: var(--rz-primary);
    --rz-grid-apply-filter-button-shadow: none;
    --rz-grid-header-filter-icon-margin: 0 1rem 0 auto;
    --rz-grid-header-filter-icon-hover-color: var(--rz-text-title-color);
    --rz-grid-header-filter-icon-active-color: var(--rz-primary);
    --rz-grid-header-filter-icon-font-size: 1.25rem;
    --rz-grid-border: var(--rz-border-base-300);
    --rz-grid-border-radius: calc(var(--rz-border-radius) * 3);
    --rz-grid-sort-icon-width: 1rem;
    --rz-grid-sort-icon-height: 1.25rem;
    --rz-grid-sort-icon-color: var(--rz-text-tertiary-color);
    --rz-grid-shadow: none;
    --rz-grid-background-color: var(--rz-white);
    --rz-grid-stripe-background-color: var(--rz-base-50);
    --rz-grid-stripe-odd-background-color: var(--rz-white);
    --rz-grid-column-resizer-width: 0.25rem;
    --rz-grid-column-resizer-helper-width: 0.125rem;
    --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
    --rz-grid-column-icon-width: 1rem;
    --rz-grid-column-icon-padding: 0;
    --rz-grid-detail-template-border: none;
    --rz-grid-detail-template-border-radius: 0;
    --rz-grid-detail-template-padding: 0;
    --rz-grid-detail-template-background-color: var(--rz-base-100);
    --rz-grid-loading-indicator-color: currentColor;
    --rz-grid-loading-indicator-background-color: rgba(var(--rz-base-600), 0.5);
    --rz-grid-frozen-cell-border: var(--rz-border-base-300);
    --rz-grid-frozen-cell-background-color: var(--rz-base-100);
    --rz-grid-state-transition: var(--rz-transition-all);
    --rz-grid-group-header-padding: 1rem;
    --rz-grid-group-header-item-background-color: var(--rz-base-200);
    --rz-grid-group-header-item-padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    --rz-grid-group-header-item-margin: 0 0.5rem 0.5rem 0;
    --rz-grid-group-header-item-border: var(--rz-border-base-200);
    --rz-grid-group-header-item-border-radius: calc(4 * var(--rz-border-radius));
    --rz-grid-group-header-items-margin: 0 0 -0.5rem 0;
    --rz-column-drag-handle-color: var(--rz-text-disabled-color);
    --rz-column-drag-handle-hover-color: var(--rz-text-title-color);
    --rz-column-drag-handle-margin: 0;
    --rz-column-draggable-shadow: var(--rz-shadow-4);

}


:root {
    /* --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --rz-text-display-h1-line-height: normal;
    --rz-text-display-h1-font-weight: 100;
    --rz-text-display-h1-letter-spacing: -1.5px;
    --rz-text-display-h1-color: var(--rz-text-title-color);
    --rz-text-display-h1-margin-bottom: 1rem;
    --rz-text-display-h2-font-size: clamp(3rem, 4.167vw, 3.75rem);
    --rz-text-display-h2-line-height: normal;
    --rz-text-display-h2-font-weight: 100;
    --rz-text-display-h2-letter-spacing: -0.5px;
    --rz-text-display-h2-color: var(--rz-text-title-color);
    --rz-text-display-h2-margin-bottom: 1rem;
    --rz-text-display-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-display-h3-line-height: normal;
    --rz-text-display-h3-font-weight: 400;
    --rz-text-display-h3-letter-spacing: 0;
    --rz-text-display-h3-color: var(--rz-text-title-color);
    --rz-text-display-h3-margin-bottom: 0.75rem;
    --rz-text-display-h4-font-size: clamp(1.75rem, 2.361vw, 2.125rem);
    --rz-text-display-h4-line-height: normal;
    --rz-text-display-h4-font-weight: 400;
    --rz-text-display-h4-letter-spacing: 0.25px;
    --rz-text-display-h4-color: var(--rz-text-title-color);
    --rz-text-display-h4-margin-bottom: 0.5rem;
    --rz-text-display-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-display-h5-line-height: normal;
    --rz-text-display-h5-font-weight: 400;
    --rz-text-display-h5-letter-spacing: 0;
    --rz-text-display-h5-color: var(--rz-text-title-color);
    --rz-text-display-h5-margin-bottom: 0.5rem;
    --rz-text-display-h6-font-size: clamp(1rem, 1.389vw, 1.25rem);
    --rz-text-display-h6-line-height: normal;
    --rz-text-display-h6-font-weight: 500;
    --rz-text-display-h6-letter-spacing: 0.15px;
    --rz-text-display-h6-color: var(--rz-text-title-color);
    --rz-text-display-h6-margin-bottom: 0.5rem;
    --rz-text-h1-font-size: clamp(3rem, 4.167vw, 3.5625rem);
    --rz-text-h1-line-height: normal;
    --rz-text-h1-font-weight: 400;
    --rz-text-h1-letter-spacing: -0.5px;
    --rz-text-h1-color: var(--rz-text-title-color);
    --rz-text-h1-margin-bottom: 1rem;
    --rz-text-h2-font-size: clamp(2.25rem, 3.333vw, 2.8125rem);
    --rz-text-h2-line-height: normal;
    --rz-text-h2-font-weight: 400;
    --rz-text-h2-letter-spacing: 0;
    --rz-text-h2-color: var(--rz-text-title-color);
    --rz-text-h2-margin-bottom: 1rem;
    --rz-text-h3-font-size: clamp(1.75rem, 2.361vw, 2.125rem);
    --rz-text-h3-line-height: normal;
    --rz-text-h3-font-weight: 400;
    --rz-text-h3-letter-spacing: 0;
    --rz-text-h3-color: var(--rz-text-title-color);
    --rz-text-h3-margin-bottom: 0.75rem;
    --rz-text-h4-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-h4-line-height: normal;
    --rz-text-h4-font-weight: 400;
    --rz-text-h4-letter-spacing: 0.15px;
    --rz-text-h4-color: var(--rz-text-title-color);
    --rz-text-h4-margin-bottom: 0.5rem;
    --rz-text-h5-font-size: clamp(1rem, 1.389vw, 1.25rem);
    --rz-text-h5-line-height: normal;
    --rz-text-h5-font-weight: 500;
    --rz-text-h5-letter-spacing: 0.15px;
    --rz-text-h5-color: var(--rz-text-title-color);
    --rz-text-h5-margin-bottom: 0.5rem;
    --rz-text-h6-font-size: clamp(0.875rem, 1.389vw, 1rem);
    --rz-text-h6-line-height: normal;
    --rz-text-h6-font-weight: 500;
    --rz-text-h6-letter-spacing: 0.1px;
    --rz-text-h6-color: var(--rz-text-title-color);
    --rz-text-h6-margin-bottom: 0.5rem;
    --rz-text-subtitle1-font-size: 1rem;
    --rz-text-subtitle1-line-height: 1.5;
    --rz-text-subtitle1-font-weight: 400;
    --rz-text-subtitle1-letter-spacing: 0.15px;
    --rz-text-subtitle1-color: var(--rz-text-title-color);
    --rz-text-subtitle1-margin-bottom: 0.5rem;
    --rz-text-subtitle2-font-size: 0.875rem;
    --rz-text-subtitle2-line-height: 1.5;
    --rz-text-subtitle2-font-weight: 500;
    --rz-text-subtitle2-letter-spacing: 0.1px;
    --rz-text-subtitle2-color: var(--rz-text-title-color);
    --rz-text-subtitle2-margin-bottom: 0.5rem;
    --rz-text-body1-font-size: 1rem;
    --rz-text-body1-line-height: 1.5;
    --rz-text-body1-font-weight: 400;
    --rz-text-body1-letter-spacing: 0.5px;
    --rz-text-body1-color: var(--rz-text-color);
    --rz-text-body1-margin-bottom: 0.5rem;
    --rz-text-body2-font-size: 0.875rem;
    --rz-text-body2-line-height: 1.5;
    --rz-text-body2-font-weight: 400;
    --rz-text-body2-letter-spacing: 0.25px;
    --rz-text-body2-color: var(--rz-text-color);
    --rz-text-body2-margin-bottom: 0.5rem;
    --rz-text-button-font-size: 0.875rem;
    --rz-text-button-line-height: normal;
    --rz-text-button-font-weight: 500;
    --rz-text-button-letter-spacing: 1.25px;
    --rz-text-button-text-transform: uppercase;
    --rz-text-button-color: var(--rz-text-color);
    --rz-text-button-margin-bottom: 0.5rem; */
    --rz-text-caption-font-size: 12px;
    /*
    --rz-text-caption-line-height: normal;
    --rz-text-caption-font-weight: 400;
    --rz-text-caption-letter-spacing: 0.4px;
    --rz-text-caption-color: var(--rz-text-color);
    --rz-text-caption-margin-bottom: 0.5rem;*/
    --rz-text-overline-font-size: 14px;
    /*--rz-text-overline-line-height: normal;
    --rz-text-overline-font-weight: 400;
    --rz-text-overline-letter-spacing: 1.5px;
    --rz-text-overline-text-transform: uppercase;
    --rz-text-overline-color: var(--rz-text-color);*/
    --rz-text-overline-margin-bottom: 0.5rem
}


:root {
    --rz-menu-background-color: var(--rz-base-100);
    --rz-menu-border: none;
    --rz-menu-border-radius: var(--rz-border-radius);
    --rz-menu-item-padding: 6px 15px 6px 15px;
    --rz-menu-item-border-radius: 0;
    --rz-menu-item-color: var(--rz-text-color);
    --rz-menu-item-hover-color: var(--rz-text-color);
    --rz-menu-item-hover-background-color: var(--rz-base-300);
    --rz-menu-item-selected-color: var(--rz-text-color);
    --rz-menu-item-icon-margin: 0 0.5rem 0 0;
    --rz-menu-item-icon-color: var(--rz-text-color);
    --rz-menu-item-icon-hover-color: var(--rz-text-color);
    --rz-menu-item-offset: 1rem;
    --rz-menu-item-transition: none;
    --rz-menu-item-disabled-opacity: 0.2;
    --rz-menu-top-item-padding: 0.5rem;
    --rz-menu-top-item-border-radius: 0;
    --rz-menu-top-item-color: var(--rz-text-color);
    --rz-menu-top-item-background-color: var(--rz-base-100);
    --rz-menu-top-item-hover-color: var(--rz-text-color);
    --rz-menu-top-item-hover-background-color: transparent;
    --rz-menu-top-item-selected-color: var(--rz-text-color);
    --rz-menu-top-item-icon-color: var(--rz-text-color);
    --rz-menu-top-item-icon-hover-color: var(--rz-text-color);
    --rz-context-menu-padding: 0.5rem 0;
    --rz-context-menu-box-shadow: var(--rz-shadow-2)
}

:root {
    --rz-profile-menu-background-color: var(--rz-base-100);
    --rz-profile-menu-top-item-background-color: var(--rz-base-100);
    --rz-profile-menu-border: none;
    --rz-profile-menu-padding: 0 7px;
    --rz-profile-menu-border-radius: var(--rz-border-radius);
    --rz-profile-menu-toggle-button-color: var(--rz-text-color);
    --rz-profile-menu-item-hover-background-color: var(--rz-base-300);
    --rz-profile-menu-item-icon-width: var(--rz-icon-size);
    --rz-profile-menu-item-icon-height: var(--rz-icon-size);
    --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
    --rz-profile-menu-item-icon-margin: 0 0.5rem 0 0
}

ul.rz-profile-menu {
    color: #5e5e5e;
    background-color: #fff;
    border: #dee2e6 solid 1px;
}

    ul.rz-profile-menu .rz-navigation-item {
        line-height: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
    }
/*
.rz-navigation-item-link {
    padding-block:0 !important;
}
*/
.rz-data-grid tfoot td {
    border-top: 0 solid #e3ebf3 !important;
    padding: 0 4px !important;
    line-height: 24px;
    height: 24px;
}

.qhy-state-focused-hightlight {
    /*background-color: #b11313 !important;*/
    background-color: #b6d9f7 !important
}

.rz-selectable tbody tr.rz-data-row.qhy-state-focused-hightlight {
    background-color: #b6d9f7 !important;
}

.rz-data-grid .qhy-state-focused-hightlight .rz-cell-data {
    /*color: #fff !important;*/
}

.qhy-state-focused-hightlight .status-html-border {
    /*color: #fff !important;*/
}

.qhy-state-focused-hightlight td.rz-frozen-cell-left:before {
    /*background-color: #e1b6d8 !important;*/
}
/* data-grid end */



/*Tabs*/
.rz-tabview-selected {
    border: 1px solid #D0D9E1 !important;
    border-bottom: none !important;
}

    .rz-tabview-selected span {
        color: #2959ba !important;
        text-shadow: 2px 2px 5px #2959ba, -2px -2px 5px #FFFFFF;
    }

/* Splitter */
.rz-splitbutton-menubutton {
    margin-left: -1px !important;
}

    .rz-splitbutton-menubutton .rzi {
        width: 10px;
        height: 20px;
    }

.rz-splitter > .rz-splitter-bar > .rz-collapse {
    font-size: 25px !important;
}

.rz-splitter > .rz-splitter-bar > .rz-expand {
    font-size: 25px !important;
}

.rz-splitter-vertical > .rz-splitter-bar > .rz-resize {
    height: 5px !important;
    background-color: var(--rz-text-secondary-color) !important;
}

.rz-splitter-horizontal > .rz-splitter-bar > .rz-resize {
    width: 5px !important;
    height: 15px !important;
    background-color: var(--rz-text-secondary-color) !important;
}

.rz-splitter > .rz-splitter-bar-resizable:active {
    background-color: var(--rz-base-700);
    opacity: var(--rz-splitter-bar-hover-opacity);
}

:root {
    --rz-splitbutton-menu-button-width: 1.875rem;
    --rz-splitbutton-menu-button-padding: 0 0 0.375rem 0;
    --rz-splitbutton-menu-button-font-size: 1.0625rem;
    --rz-splitbutton-menu-shadow: var(--rz-shadow-2);
    --rz-splitbutton-menu-min-width: 140px;
    --rz-splitbutton-background-color: var(--rz-primary);
    --rz-splitbutton-border-radius: var(--rz-border-radius)
}

input {
    box-shadow: none;
    padding:0 3px ;
}

    input:focus {
        box-shadow: none !important;
    }

.rz-numeric input {
    padding: 0 3px !important;
}

/* Tooltip*/
.rz-tooltip {
    --rz-tooltip-color: black;
    --rz-tooltip-background-color: #fbecc7;
}

.rz-context-menu hr {
    margin: 0;
    height: 1px;
    line-height: 1px;
}

/* 按钮 */
.btn-lg {
    line-height: 1.25rem;
    border-radius: 2px;
    padding: 2px 3px;
}

.btn-md {
    height: 30px !important;
    line-height: 30px;
    padding: 0 13px !important;
    font-size: 13px !important;
}

.btn-sm {
    height: 24px !important;
    line-height: 23px !important;
    border-radius: 2px;
    padding: 0 5px !important;
}

.btn-xs {
    line-height: 18px !important;
    height: 18px !important;
    padding: 0 2px !important;
    border-radius: 3px !important;
}

.btn-light i.fas {
    color: var(--primary-color) !important;
}

.rz-splitbutton {
    vertical-align: bottom !important;
    height: 24px !important;
    line-height: 24px !important;
}

/* dialog */
.rz-dialog {
    border-radius: 5px;
}

    .rz-dialog .row {
        /*  margin-top: calc(-1* var(--bs-gutter-y));
        margin-right: calc(-.5* var(--bs-gutter-x));
        margin-left: calc(-.5* var(--bs-gutter-x));*/
        margin: 8px 0;
    }

    .rz-dialog .rz-dialog-titlebar {
        line-height: 41px !important;
        height: 41px !important;
    }

    .rz-dialog .rz-dialog-content {
        padding: 0px;
        overflow: hidden;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .rz-dialog .modal-container {
        height: 100%;
        /*yore*/
        display: flex;
        flex-direction: column;
    }

    .rz-dialog .modal-body {
        position: relative;
        height: 100%;
        overflow: auto;
    }

    .rz-dialog .modal-footer {
    }

        .rz-dialog .modal-footer button {
            margin: 0 10px;
        }

    .rz-dialog .rz-dialog-content .rz-dialog-confirm-message {
        flex: 1;
        margin: 1.5rem;
        font-size: 23px;
        color: #b11313;
    }

    .rz-dialog .rz-dialog-content .rz-dialog-confirm-buttons {
        background-color: rgba(90,110,117,.3) !important;
        padding: .5rem 1rem;
        justify-content: center;
    }


/* text-box*/
.rz-textbox {
    line-height: 24px;
    height: 24px;
    border-radius: 0;
    font-size: 12px;
    outline-color: none;
}

    .rz-textbox:focus:hover {
        box-shadow: none !important;
        outline: none;
    }




.rz-textarea {
    font-size: 12px;
    outline-color: none;
}

    .rz-textarea:focus:hover {
        box-shadow: none;
    }

/* input-text*/
/*number-input*/
/*.rz-spinner {
    line-height: 21px;
    height: 24px;
    border-radius: 0;
    font-size: 12px;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff;
    font-size: 12px;
}

    .rz-spinner .rz-spinner-input {
        padding: 0 !important;
        margin: 0;
        height: 24px !important;
    }

    .rz-spinner .rz-spinner-button {
        height: 12px !important;
        color: red !important;
        padding: 0;
        border: none !important;
    }

  
*/

:root {
    --rz-numeric-line-height: var(--rz-body-line-height);
    --rz-numeric-input-padding: 0 4px;
    --rz-numeric-button-width: 1rem;
    --rz-numeric-button-height: 1rem;
    --rz-numeric-button-offset: 0;
    --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
    --rz-numeric-button-background-color: transparent;
    --rz-numeric-button-disabled-background-color: transparent;
    --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
    --rz-numeric-button-color: var(--rz-text-color);
}

:root {
    --rz-gravatar-width: 2.5rem;
    --rz-gravatar-height: 2.5rem;
    --rz-gravatar-border-radius: 0;
    --rz-gravatar-box-shadow: none
}


:root {
    --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
    --rz-dropdown-trigger-icon-margin: 0 0.2rem 0 0;
    --rz-dropdown-horizontal-padding: 1rem;
    --rz-dropdown-panel-padding: 0 0rem;
    --rz-dropdown-items-margin: 0 0px;
    --rz-dropdown-items-padding: 0 0;
    --rz-dropdown-item-padding: 0px 5px;
    --rz-dropdown-item-font-size: var(--rz-input-font-size);
    --rz-dropdown-item-hover-background-color: var(--rz-base-300);
    --rz-dropdown-item-selected-background-color: var(--rz-secondary-lighter);
    --rz-dropdown-item-selected-shadow: none;
    --rz-dropdown-item-hover-color: var(--rz-text-color);
    --rz-dropdown-item-selected-color: var(--rz-on-secondary-lighter);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-base-400);
    --rz-dropdown-item-selected-hover-color: var(--rz-text-color);
    --rz-dropdown-item-transition: none;
    --rz-dropdown-item-disabled-opacity: 0.2;
    --rz-dropdown-label-padding: 0 var(--rz-icon-size) 0 0;
    --rz-dropdown-filter-border: var(--rz-border-normal);
    --rz-dropdown-filter-padding: 1rem 0 0.5rem;
    --rz-dropdown-open-background-color: var(--rz-base-100);
    --rz-dropdown-open-border: 2px solid var(--rz-primary);
    --rz-dropdown-panel-border: none;
    --rz-dropdown-panel-shadow: var(--rz-shadow-2);
    --rz-dropdown-chips-padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem;
    --rz-multiselect-checkbox-margin: 0 1rem 0 0;
    --rz-input-padding-block: 0;
    --rz-input-padding-inline:5px;
}

/*qhy-check-box*/
.rz-checkbox {
}

.rz-multiselect-panel .rz-data-grid .rz-chkbox {
    margin: 0;
}


.rz-chkbox-box {
    font-size: 12px;
    width: 16px;
    height: 16px;
}

    .rz-chkbox-box .rzi {
    }




table .rz-textbox, table .rz-spinner {
    border: none;
    width: 100%;
    border: none !important;
    background-color: #fff;
}

/******************************************/
/* drop-down data-grid*/
.rz-dropdown .rz-dropdown-clear-icon {
    font-size: 12px !important;
    /*right: 13px !important;*/
}

.rz-dropdown .rz-dropdown-trigger-icon {
}

.rz-dropdown-filter-container {
    padding: 0 3px;
}

.rz-multiselect-header {
    padding: 0;
    margin: 0 !important;
}

    .rz-multiselect-header .rz-chkbox {
        width: 30px;
        height: 22px;
        margin: 0;
    }

    .rz-multiselect-header .rz-chkbox-box {
        height: 16px;
        width: 16px;
        top: 4px;
        left: 7px;
    }

    .rz-multiselect-header .rz-multiselect-filter-container {
    }

        .rz-multiselect-header .rz-multiselect-filter-container .rzi-search {
            display: none;
        }

        .rz-multiselect-header .rz-multiselect-filter-container input {
            border: 1px solid #cfdadd;
            border-top: 0px;
            border-bottom: 0px;
            border-radius: 0px;
            padding-right: 15px;
            padding-left: 5px;
            height: 26px;
            line-height: 26px;
        }

.rz-multiselect-list {
    padding: 0;
}


/*
.rz-lookup-panel {
    padding: 0;
}
   */
.rz-lookup-search {
    margin-bottom: 0px;
}

    .rz-lookup-search input {
        border-radius: 0 !important;
        padding: 0 4px !important;
        margin: 0 1px !important;
        font-size: 12px;
    }

    .rz-lookup-search button {
        padding: 0 !important;
        margin: 0 !important;
        min-height: 23px;
        min-width: 23px;
        font-size: 12px;
        border-radius: 2px;
        box-shadow: none;
    }



/***********************************/


.rz-multiselect-item {
    border-radius: 0;
    padding: 0 !important;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    width: 100%;
    margin: 0;
}

    .rz-multiselect-item .rz-chkbox-box {
        height: 16px;
        width: 16px;
        top: 0;
        left: 7px;
    }

.rz-dropdown-item {
    border-radius: 0;
    padding: 0 12px;
    min-height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.rz-state-highlight.rz-multiselect-item {
    background-color: #fff;
}

/***********************************/




/* Qhy-Pager */
/*:root {
    --rz-paginator-background-color: transparent;
    --rz-paginator-padding: 0.5rem 1rem;
    --rz-paginator-border: none;
    --rz-paginator-button-border-radius: 2rem;
    --rz-paginator-numeric-button-background-color: transparent;
    --rz-paginator-numeric-button-color: var(--rz-text-color);
    --rz-paginator-numeric-button-border: none;
    --rz-paginator-numeric-button-hover-background-color: var(--rz-base-100);
    --rz-paginator-numeric-button-hover-color: var(--rz-text-title-color);
    --rz-paginator-numeric-button-margin: 0 0.25rem;
    --rz-paginator-numeric-button-padding: 0.75rem 1rem;
    --rz-paginator-numeric-button-selected-background-color: var(--rz-secondary-lighter);
    --rz-paginator-numeric-button-selected-color: var(--rz-on-secondary-lighter);
    --rz-paginator-numeric-button-selected-border: none;
    --rz-paginator-numeric-button-selected-padding: 0.75rem 1rem;
    --rz-paginator-numeric-button-min-width: 3rem;
    --rz-paginator-back-button-background-color: transparent;
    --rz-paginator-back-button-color: var(--rz-text-color);
    --rz-paginator-back-button-hover-background-color: var(--rz-base-100);
    --rz-paginator-back-button-hover-color: var(--rz-text-title-color);
    --rz-paginator-first-button-margin: 0 0.5rem 0 0;
    --rz-paginator-last-button-margin: 0 0 0 0.5rem;
    --rz-paginator-next-button-background-color: transparent;
    --rz-paginator-next-button-color: var(--rz-text-color);
    --rz-paginator-next-button-hover-background-color: var(--rz-base-100);
    --rz-paginator-next-button-hover-color: var(--rz-text-title-color);
    --rz-paginator-dropdown-width: 50px;
    --rz-paginator-dropdown-margin: 0 0 0 0.5rem;
    --rz-paginator-summary-padding: 0 1.25rem 0 0;
    --rz-paginator-summary-font-size: 0.875rem;
    --rz-paginator-summary-color: var(--rz-text-tertiary-color)
}
*/

:root {
    --rz-gap: 0.5rem;
    --rz-row-gap: 0.5rem;
}

.rz-paginator {
    --rz-paginator-padding: 2px 3px;
    background-color: #f8fafb !important;
    border-top: 1px solid #e0e0e0;
}

    .rz-paginator .rz-paginator-pages {
    }

        .rz-paginator .rz-paginator-pages .rz-paginator-page {
            margin: 0 5px;
            padding: 0;
            min-height: 20px;
            min-width: 20px;
            font-size: 14px;
            border-radius: 2px;
        }

    .rz-paginator .rz-paginator-element {
        padding: 0;
        margin: 0;
        min-height: 20px;
        line-height: 20px;
    }

/* qhy datepick*/
.rz-datepicker {
}

    .rz-datepicker .rz-inputtext {
        font-size: 12px !important;
        height: 22px;
        /*line-height: 22px;*/
        padding: 0 3px;
    }

    .rz-datepicker button {
        font-size: 15px;
        padding: 0;
        height: 20px;
        line-height: 20px;
        top: 50%;
        border: none !important;
        right: 0.2rem;
    }

        .rz-datepicker button span {
            padding: 0;
            height: 20px !important;
            line-height: 20px !important;
        }




/* Qhy Control*/


.qhy-form-control {
    width: 100%;
    padding-block: 0;
    padding-inline: 3px;
}

    .qhy-form-control input {
        padding: 0 2px;
    }


.qhy-noborder {
    border: none !important;
    box-shadow: none !important;
}

    .qhy-noborder:hover {
        border: none !important;
        box-shadow: none !important;
    }

    .qhy-noborder:focus {
        border: none !important;
        box-shadow: none !important;
    }

    .qhy-noborder:active {
        border: none !important;
        box-shadow: none !important;
    }


.rz-dropdown-panel .rz-data-grid {
    padding: 0 3px;
}



.rz-datatable-thead th.rz-text-align-right .rz-column-title, .rz-grid-table thead th.rz-text-align-right .rz-column-title {
    justify-content: center;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    /*justify-content: center;*/
    /*font-weight: 600;*/
    color: #282323;
}

.rz-calendar .rz-inputtext {
    padding-right: 2px !important;
}

.rz-tabview-panel {
    height: 100%;
}

.rz-grid-table .rz-column-title {
    padding: 0 3px !important;
}



root {
    --rz-numeric-input-padding-inline: 0 !important;
    --rz-numeric-input-padding-block: 0 !important;
}



.tabs.tabs-card > .tabs-header .tabs-item-wrap.active .tabs-item, .tabs.tabs-border-card > .tabs-header .tabs-item-wrap.active .tabs-item {
    background-color: #e4eaec;
    border-width: 0 1px 1px 0;
}


.rz-dialog-wrapper {
    z-index: 1500;
}